style: simplify types

dist/dataset/index.d.ts

@@ -17,8 +17,8 @@ export declare class DataSet<T> implements DataSetInterface<T> {
     setVnodeAndHandler(vnode: VnodeWithDom, handler: DataSetHandler<T>): void;
     reset(data: T[]): void;
     add(...data: T[]): void;
-    delete(index: any): void;
-    update(index: any, item: Partial<T>): void;
+    delete(index: number): void;
+    update(index: number, item: Partial<T>): void;
 }
 export {};
 //# sourceMappingURL=index.d.ts.map

dist/dataset/index.js

@@ -0,0 +1,178 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// lib/dataset/index.ts
+var dataset_exports = {};
+__export(dataset_exports, {
+  DataSet: () => DataSet
+});
+module.exports = __toCommonJS(dataset_exports);
+var import_valyrian = require("valyrian.js");
+function deepFreeze(obj) {
+  if (typeof obj === "object" && obj !== null && !Object.isFrozen(obj)) {
+    if (Array.isArray(obj)) {
+      for (let i = 0, l = obj.length; i < l; i++) {
+        deepFreeze(obj[i]);
+      }
+    } else {
+      let props = Reflect.ownKeys(obj);
+      for (let i = 0, l = props.length; i < l; i++) {
+        deepFreeze(obj[props[i]]);
+      }
+    }
+    Object.freeze(obj);
+  }
+  return obj;
+}
+var DataSet = class {
+  #vnode = null;
+  // eslint-disable-next-line no-unused-vars
+  #handler = null;
+  #data = [];
+  #isFrozen = false;
+  #dataProxy = null;
+  get data() {
+    if (this.#dataProxy === null) {
+      throw new Error("DataSet is not initialized");
+    }
+    return this.#dataProxy;
+  }
+  set data(data) {
+    throw new Error("You need to use the reset method to set the data");
+  }
+  #setData(data) {
+    if (this.#isFrozen) {
+      this.#data = deepFreeze([...data]);
+    } else {
+      this.#data = data;
+    }
+    this.#dataProxy = new Proxy(this.#data, {
+      set: () => {
+        throw new Error("You need to use the add, update or delete methods to change the data");
+      },
+      get(target, prop) {
+        return target[prop];
+      },
+      deleteProperty: () => {
+        throw new Error("You need to use the add, update or delete methods to change the data");
+      }
+    });
+  }
+  constructor(data = [], shouldFreeze = true) {
+    this.#isFrozen = shouldFreeze;
+    this.#setData(data);
+  }
+  setVnodeAndHandler(vnode, handler) {
+    this.#vnode = vnode;
+    this.#handler = handler;
+    this.reset(this.#data);
+  }
+  reset(data) {
+    this.#setData(data);
+    if (this.#vnode === null || this.#handler === null) {
+      return;
+    }
+    let vnode = this.#vnode;
+    let handler = this.#handler;
+    if (data.length === 0) {
+      vnode.children = [];
+      vnode.dom.textContent = "";
+      return;
+    }
+    let childrenLength = vnode.children.length;
+    for (let i = 0, l = data.length; i < l; i++) {
+      let child = handler(this.data[i], i);
+      if (i < childrenLength) {
+        let oldChild = vnode.children[i];
+        child.isSVG = oldChild.isSVG;
+        child.dom = oldChild.dom;
+        (0, import_valyrian.updateAttributes)(child, oldChild);
+        vnode.children[i] = child;
+        (0, import_valyrian.patch)(child, oldChild);
+        continue;
+      }
+      child.isSVG = vnode.isSVG || child.tag === "svg";
+      child.dom = (0, import_valyrian.createDomElement)(child.tag, child.isSVG);
+      vnode.dom.appendChild(child.dom);
+      (0, import_valyrian.updateAttributes)(child);
+      vnode.children.push(child);
+      (0, import_valyrian.patch)(child);
+    }
+    for (let i = data.length; i < childrenLength; i++) {
+      vnode.dom.removeChild(vnode.children[i].dom);
+    }
+    vnode.children.length = data.length;
+  }
+  add(...data) {
+    if (this.#data) {
+      let oldLength = this.#data.length;
+      if (this.#isFrozen) {
+        this.#setData([...this.#data, ...data]);
+      } else {
+        this.#data.push(...data);
+      }
+      if (this.#vnode === null || this.#handler === null) {
+        return;
+      }
+      let vnode = this.#vnode;
+      let handler = this.#handler;
+      for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {
+        let child = handler(this.#data[i], ii);
+        child.isSVG = vnode.isSVG || child.tag === "svg";
+        child.dom = (0, import_valyrian.createDomElement)(child.tag, child.isSVG);
+        vnode.dom.appendChild(child.dom);
+        (0, import_valyrian.updateAttributes)(child);
+        vnode.children.push(child);
+        (0, import_valyrian.patch)(child);
+      }
+    }
+  }
+  delete(index) {
+    if (this.#data && this.#vnode) {
+      let child = this.#vnode.children[index];
+      if (this.#isFrozen) {
+        this.#setData(this.data.filter((_, i) => i !== index));
+      } else {
+        this.#data.splice(index, 1);
+      }
+      this.#vnode.dom.removeChild(child.dom);
+      this.#vnode.children.splice(index, 1);
+    }
+  }
+  update(index, item) {
+    if (this.#data && this.#vnode && this.#handler) {
+      let child = this.#vnode.children[index];
+      if (this.#isFrozen) {
+        this.#setData(this.#data.map((d, i) => i === index ? { ...d, ...item } : d));
+      } else {
+        this.#data[index] = { ...this.#data[index], ...item };
+      }
+      let newChild = this.#handler(this.#data[index], index);
+      newChild.isSVG = this.#vnode.isSVG || newChild.tag === "svg";
+      newChild.dom = child.dom;
+      this.#vnode.children[index] = newChild;
+      (0, import_valyrian.updateAttributes)(newChild, child);
+      (0, import_valyrian.patch)(newChild, child);
+    }
+  }
+};
+(0, import_valyrian.directive)("with-dataset", (dataSet, vnode) => {
+  dataSet.setVnodeAndHandler(vnode, vnode.children[0]);
+  return false;
+});