valyrian.js 7.2.11 → 7.2.12

package/dist/dataset/index.d.ts

@@ -1,4 +1,4 @@
-import { VnodeInterface, VnodeWithDom } from "valyrian.js";
+import { VnodeWithDom } from "valyrian.js";
 interface DataSetInterface<T> {
     data: T[];
     reset: (data: T[]) => void;
@@ -7,7 +7,7 @@ interface DataSetInterface<T> {
     delete: (index: number) => void;
 }
 interface DataSetHandler<T> {
-    (data: T, index: number): VnodeInterface;
+    (data: T, index: number): VnodeWithDom;
 }
 export declare class DataSet<T> implements DataSetInterface<T> {
     #private;

package/dist/dataset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/dataset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAwD,MAAM,aAAa,CAAC;AAEjH,UAAU,gBAAgB,CAAC,CAAC;IAC1B,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE3B,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE5B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAEzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AACD,UAAU,cAAc,CAAC,CAAC;IAExB,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAC1C;AAoBD,qBAAa,OAAO,CAAC,CAAC,CAAE,YAAW,gBAAgB,CAAC,CAAC,CAAC;;IAQpD,IAAI,IAAI,IAQO,CAAC,EAAE,CAFjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAEjB;gBAqBW,IAAI,GAAE,CAAC,EAAO,EAAE,YAAY,UAAO;IAK/C,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAMlE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE;IA2Cf,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE;IA4BhB,MAAM,CAAC,KAAK,EAAE,MAAM;IAcpB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;CAgBvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/dataset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqD,MAAM,aAAa,CAAC;AAE9F,UAAU,gBAAgB,CAAC,CAAC;IAC1B,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE3B,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE5B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAEzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AACD,UAAU,cAAc,CAAC,CAAC;IAExB,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;CACxC;AAoBD,qBAAa,OAAO,CAAC,CAAC,CAAE,YAAW,gBAAgB,CAAC,CAAC,CAAC;;IAQpD,IAAI,IAAI,IAQO,CAAC,EAAE,CAFjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAEjB;gBAqBW,IAAI,GAAE,CAAC,EAAO,EAAE,YAAY,UAAO;IAK/C,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAMlE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE;IA2Cf,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE;IA4BhB,MAAM,CAAC,KAAK,EAAE,MAAM;IAcpB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;CAgBvC"}

package/dist/dataset/index.js

@@ -31,7 +31,7 @@ function deepFreeze(obj) {
         deepFreeze(obj[i]);
       }
     } else {
-      let props = Reflect.ownKeys(obj);
+      const props = Reflect.ownKeys(obj);
       for (let i = 0, l = props.length; i < l; i++) {
         deepFreeze(obj[props[i]]);
       }
@@ -88,29 +88,29 @@ var DataSet = class {
     if (this.#vnode === null || this.#handler === null) {
       return;
     }
-    let vnode = this.#vnode;
-    let handler = this.#handler;
+    const vnode = this.#vnode;
+    const handler = this.#handler;
     if (data.length === 0) {
       vnode.children = [];
       vnode.dom.textContent = "";
       return;
     }
-    let childrenLength = vnode.children.length;
+    const childrenLength = vnode.children.length;
     for (let i = 0, l = data.length; i < l; i++) {
-      let child = handler(this.data[i], i);
+      const child = handler(this.data[i], i);
       if (i < childrenLength) {
-        let oldChild = vnode.children[i];
+        const oldChild = vnode.children[i];
         child.isSVG = oldChild.isSVG;
         child.dom = oldChild.dom;
-        (0, import_valyrian.updateAttributes)(child, oldChild);
+        (0, import_valyrian.updateAttributes)(child, null);
         vnode.children[i] = child;
-        (0, import_valyrian.patch)(child, oldChild);
+        (0, import_valyrian.patch)(child);
         continue;
       }
       child.isSVG = vnode.isSVG || child.tag === "svg";
-      child.dom = (0, import_valyrian.createDomElement)(child.tag, child.isSVG);
+      child.dom = (0, import_valyrian.createElement)(child.tag, child.isSVG);
       vnode.dom.appendChild(child.dom);
-      (0, import_valyrian.updateAttributes)(child);
+      (0, import_valyrian.updateAttributes)(child, null);
       vnode.children.push(child);
       (0, import_valyrian.patch)(child);
     }
@@ -121,7 +121,7 @@ var DataSet = class {
   }
   add(...data) {
     if (this.#data) {
-      let oldLength = this.#data.length;
+      const oldLength = this.#data.length;
       if (this.#isFrozen) {
         this.#setData([...this.#data, ...data]);
       } else {
@@ -130,14 +130,14 @@ var DataSet = class {
       if (this.#vnode === null || this.#handler === null) {
         return;
       }
-      let vnode = this.#vnode;
-      let handler = this.#handler;
+      const vnode = this.#vnode;
+      const handler = this.#handler;
       for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {
-        let child = handler(this.#data[i], ii);
+        const child = handler(this.#data[i], ii);
         child.isSVG = vnode.isSVG || child.tag === "svg";
-        child.dom = (0, import_valyrian.createDomElement)(child.tag, child.isSVG);
+        child.dom = (0, import_valyrian.createElement)(child.tag, child.isSVG);
         vnode.dom.appendChild(child.dom);
-        (0, import_valyrian.updateAttributes)(child);
+        (0, import_valyrian.updateAttributes)(child, null);
         vnode.children.push(child);
         (0, import_valyrian.patch)(child);
       }
@@ -145,7 +145,7 @@ var DataSet = class {
   }
   delete(index) {
     if (this.#data && this.#vnode) {
-      let child = this.#vnode.children[index];
+      const child = this.#vnode.children[index];
       if (this.#isFrozen) {
         this.#setData(this.data.filter((_, i) => i !== index));
       } else {
@@ -157,18 +157,18 @@ var DataSet = class {
   }
   update(index, item) {
     if (this.#data && this.#vnode && this.#handler) {
-      let child = this.#vnode.children[index];
+      const 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);
+      const 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.updateAttributes)(newChild, null);
+      (0, import_valyrian.patch)(newChild);
     }
   }
 };

package/dist/dataset/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../lib/dataset/index.ts"],
-  "sourcesContent": ["import { VnodeInterface, VnodeWithDom, createDomElement, directive, patch, updateAttributes } from \"valyrian.js\";\n\ninterface DataSetInterface<T> {\n  data: T[];\n  // eslint-disable-next-line no-unused-vars\n  reset: (data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  add: (...data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  update: (index: number, data: T) => void;\n  // eslint-disable-next-line no-unused-vars\n  delete: (index: number) => void;\n}\ninterface DataSetHandler<T> {\n  // eslint-disable-next-line no-unused-vars\n  (data: T, index: number): VnodeInterface;\n}\n\nfunction deepFreeze(obj: any) {\n  if (typeof obj === \"object\" && obj !== null && !Object.isFrozen(obj)) {\n    if (Array.isArray(obj)) {\n      for (let i = 0, l = obj.length; i < l; i++) {\n        deepFreeze(obj[i]);\n      }\n    } else {\n      let props = Reflect.ownKeys(obj);\n      for (let i = 0, l = props.length; i < l; i++) {\n        deepFreeze(obj[props[i]]);\n      }\n    }\n    Object.freeze(obj);\n  }\n\n  return obj;\n}\n\nexport class DataSet<T> implements DataSetInterface<T> {\n  #vnode: VnodeWithDom | null = null;\n  // eslint-disable-next-line no-unused-vars\n  #handler: DataSetHandler<T> | null = null;\n  #data: T[] = [];\n  #isFrozen = false;\n  #dataProxy: T[] | null = null;\n\n  get data() {\n    if (this.#dataProxy === null) {\n      throw new Error(\"DataSet is not initialized\");\n    }\n\n    return this.#dataProxy;\n  }\n\n  set data(data: T[]) {\n    throw new Error(\"You need to use the reset method to set the data\");\n  }\n\n  #setData(data: T[]) {\n    if (this.#isFrozen) {\n      this.#data = deepFreeze([...data]);\n    } else {\n      this.#data = data;\n    }\n    this.#dataProxy = new Proxy(this.#data as T[], {\n      set: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      },\n      get(target: any, prop: string) {\n        return target[prop];\n      },\n      deleteProperty: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      }\n    }) as T[];\n  }\n\n  constructor(data: T[] = [], shouldFreeze = true) {\n    this.#isFrozen = shouldFreeze;\n    this.#setData(data);\n  }\n\n  setVnodeAndHandler(vnode: VnodeWithDom, handler: DataSetHandler<T>) {\n    this.#vnode = vnode;\n    this.#handler = handler;\n    this.reset(this.#data);\n  }\n\n  reset(data: T[]) {\n    this.#setData(data);\n    if (this.#vnode === null || this.#handler === null) {\n      return;\n    }\n\n    let vnode = this.#vnode;\n    let handler = this.#handler;\n\n    if (data.length === 0) {\n      vnode.children = [];\n      vnode.dom.textContent = \"\";\n      return;\n    }\n\n    let childrenLength = vnode.children.length;\n    for (let i = 0, l = data.length; i < l; i++) {\n      let child = handler(this.data[i], i);\n\n      if (i < childrenLength) {\n        let oldChild = vnode.children[i];\n        child.isSVG = oldChild.isSVG;\n        child.dom = oldChild.dom;\n        updateAttributes(child as VnodeWithDom, oldChild);\n        vnode.children[i] = child;\n        patch(child as VnodeWithDom, oldChild);\n        continue;\n      }\n\n      child.isSVG = vnode.isSVG || child.tag === \"svg\";\n      child.dom = createDomElement(child.tag as string, child.isSVG);\n      vnode.dom.appendChild(child.dom);\n      updateAttributes(child as VnodeWithDom);\n      vnode.children.push(child);\n      patch(child as VnodeWithDom);\n    }\n\n    for (let i = data.length; i < childrenLength; i++) {\n      vnode.dom.removeChild(vnode.children[i].dom);\n    }\n    vnode.children.length = data.length;\n  }\n\n  add(...data: T[]) {\n    if (this.#data) {\n      let oldLength = this.#data.length;\n      if (this.#isFrozen) {\n        this.#setData([...this.#data, ...data]);\n      } else {\n        this.#data.push(...data);\n      }\n\n      if (this.#vnode === null || this.#handler === null) {\n        return;\n      }\n\n      let vnode = this.#vnode;\n      let handler = this.#handler;\n\n      for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {\n        let child = handler(this.#data[i], ii);\n        child.isSVG = vnode.isSVG || child.tag === \"svg\";\n        child.dom = createDomElement(child.tag as string, child.isSVG);\n        vnode.dom.appendChild(child.dom);\n        updateAttributes(child as VnodeWithDom);\n        vnode.children.push(child);\n        patch(child as VnodeWithDom);\n      }\n    }\n  }\n\n  delete(index: number) {\n    if (this.#data && this.#vnode) {\n      let child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.data.filter((_, i) => i !== index));\n      } else {\n        this.#data.splice(index, 1);\n      }\n\n      this.#vnode.dom.removeChild(child.dom);\n      this.#vnode.children.splice(index, 1);\n    }\n  }\n\n  update(index: number, item: Partial<T>) {\n    if (this.#data && this.#vnode && this.#handler) {\n      let child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.#data.map((d, i) => (i === index ? { ...d, ...item } : d)));\n      } else {\n        this.#data[index] = { ...this.#data[index], ...item };\n      }\n      let newChild = this.#handler(this.#data[index], index);\n      newChild.isSVG = this.#vnode.isSVG || newChild.tag === \"svg\";\n      newChild.dom = child.dom;\n      this.#vnode.children[index] = newChild;\n      updateAttributes(newChild as VnodeWithDom, child);\n      patch(newChild as VnodeWithDom, child);\n    }\n  }\n}\n\ndirective(\"with-dataset\", (dataSet, vnode) => {\n  dataSet.setVnodeAndHandler(vnode as VnodeWithDom, vnode.children[0]);\n  return false;\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { VnodeWithDom, createElement, directive, patch, updateAttributes } from \"valyrian.js\";\n\ninterface DataSetInterface<T> {\n  data: T[];\n  // eslint-disable-next-line no-unused-vars\n  reset: (data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  add: (...data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  update: (index: number, data: T) => void;\n  // eslint-disable-next-line no-unused-vars\n  delete: (index: number) => void;\n}\ninterface DataSetHandler<T> {\n  // eslint-disable-next-line no-unused-vars\n  (data: T, index: number): VnodeWithDom;\n}\n\nfunction deepFreeze(obj: any) {\n  if (typeof obj === \"object\" && obj !== null && !Object.isFrozen(obj)) {\n    if (Array.isArray(obj)) {\n      for (let i = 0, l = obj.length; i < l; i++) {\n        deepFreeze(obj[i]);\n      }\n    } else {\n      const props = Reflect.ownKeys(obj);\n      for (let i = 0, l = props.length; i < l; i++) {\n        deepFreeze(obj[props[i]]);\n      }\n    }\n    Object.freeze(obj);\n  }\n\n  return obj;\n}\n\nexport class DataSet<T> implements DataSetInterface<T> {\n  #vnode: VnodeWithDom | null = null;\n  // eslint-disable-next-line no-unused-vars\n  #handler: DataSetHandler<T> | null = null;\n  #data: T[] = [];\n  #isFrozen = false;\n  #dataProxy: T[] | null = null;\n\n  get data() {\n    if (this.#dataProxy === null) {\n      throw new Error(\"DataSet is not initialized\");\n    }\n\n    return this.#dataProxy;\n  }\n\n  set data(data: T[]) {\n    throw new Error(\"You need to use the reset method to set the data\");\n  }\n\n  #setData(data: T[]) {\n    if (this.#isFrozen) {\n      this.#data = deepFreeze([...data]);\n    } else {\n      this.#data = data;\n    }\n    this.#dataProxy = new Proxy(this.#data as T[], {\n      set: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      },\n      get(target: any, prop: string) {\n        return target[prop];\n      },\n      deleteProperty: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      }\n    }) as T[];\n  }\n\n  constructor(data: T[] = [], shouldFreeze = true) {\n    this.#isFrozen = shouldFreeze;\n    this.#setData(data);\n  }\n\n  setVnodeAndHandler(vnode: VnodeWithDom, handler: DataSetHandler<T>) {\n    this.#vnode = vnode;\n    this.#handler = handler;\n    this.reset(this.#data);\n  }\n\n  reset(data: T[]) {\n    this.#setData(data);\n    if (this.#vnode === null || this.#handler === null) {\n      return;\n    }\n\n    const vnode = this.#vnode;\n    const handler = this.#handler;\n\n    if (data.length === 0) {\n      vnode.children = [];\n      vnode.dom.textContent = \"\";\n      return;\n    }\n\n    const childrenLength = vnode.children.length;\n    for (let i = 0, l = data.length; i < l; i++) {\n      const child = handler(this.data[i], i);\n\n      if (i < childrenLength) {\n        const oldChild = vnode.children[i];\n        child.isSVG = oldChild.isSVG;\n        child.dom = oldChild.dom;\n        updateAttributes(child as VnodeWithDom, null);\n        vnode.children[i] = child;\n        patch(child as VnodeWithDom);\n        continue;\n      }\n\n      child.isSVG = vnode.isSVG || child.tag === \"svg\";\n      child.dom = createElement(child.tag as string, child.isSVG);\n      vnode.dom.appendChild(child.dom);\n      updateAttributes(child as VnodeWithDom, null);\n      vnode.children.push(child);\n      patch(child as VnodeWithDom);\n    }\n\n    for (let i = data.length; i < childrenLength; i++) {\n      vnode.dom.removeChild(vnode.children[i].dom);\n    }\n    vnode.children.length = data.length;\n  }\n\n  add(...data: T[]) {\n    if (this.#data) {\n      const oldLength = this.#data.length;\n      if (this.#isFrozen) {\n        this.#setData([...this.#data, ...data]);\n      } else {\n        this.#data.push(...data);\n      }\n\n      if (this.#vnode === null || this.#handler === null) {\n        return;\n      }\n\n      const vnode = this.#vnode;\n      const handler = this.#handler;\n\n      for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {\n        const child = handler(this.#data[i], ii);\n        child.isSVG = vnode.isSVG || child.tag === \"svg\";\n        child.dom = createElement(child.tag as string, child.isSVG);\n        vnode.dom.appendChild(child.dom);\n        updateAttributes(child as VnodeWithDom, null);\n        vnode.children.push(child);\n        patch(child as VnodeWithDom);\n      }\n    }\n  }\n\n  delete(index: number) {\n    if (this.#data && this.#vnode) {\n      const child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.data.filter((_, i) => i !== index));\n      } else {\n        this.#data.splice(index, 1);\n      }\n\n      this.#vnode.dom.removeChild(child.dom);\n      this.#vnode.children.splice(index, 1);\n    }\n  }\n\n  update(index: number, item: Partial<T>) {\n    if (this.#data && this.#vnode && this.#handler) {\n      const child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.#data.map((d, i) => (i === index ? { ...d, ...item } : d)));\n      } else {\n        this.#data[index] = { ...this.#data[index], ...item };\n      }\n      const newChild = this.#handler(this.#data[index], index);\n      newChild.isSVG = this.#vnode.isSVG || newChild.tag === \"svg\";\n      newChild.dom = child.dom;\n      this.#vnode.children[index] = newChild;\n      updateAttributes(newChild as VnodeWithDom, null);\n      patch(newChild as VnodeWithDom);\n    }\n  }\n}\n\ndirective(\"with-dataset\", (dataSet: DataSet<any>, vnode: VnodeWithDom) => {\n  dataSet.setVnodeAndHandler(vnode, vnode.children[0]);\n  return false;\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/dataset/index.mjs

@@ -1,5 +1,5 @@
 // lib/dataset/index.ts
-import { createDomElement, directive, patch, updateAttributes } from "valyrian.js";
+import { createElement, directive, patch, updateAttributes } from "valyrian.js";
 function deepFreeze(obj) {
   if (typeof obj === "object" && obj !== null && !Object.isFrozen(obj)) {
     if (Array.isArray(obj)) {
@@ -7,7 +7,7 @@ function deepFreeze(obj) {
         deepFreeze(obj[i]);
       }
     } else {
-      let props = Reflect.ownKeys(obj);
+      const props = Reflect.ownKeys(obj);
       for (let i = 0, l = props.length; i < l; i++) {
         deepFreeze(obj[props[i]]);
       }
@@ -64,29 +64,29 @@ var DataSet = class {
     if (this.#vnode === null || this.#handler === null) {
       return;
     }
-    let vnode = this.#vnode;
-    let handler = this.#handler;
+    const vnode = this.#vnode;
+    const handler = this.#handler;
     if (data.length === 0) {
       vnode.children = [];
       vnode.dom.textContent = "";
       return;
     }
-    let childrenLength = vnode.children.length;
+    const childrenLength = vnode.children.length;
     for (let i = 0, l = data.length; i < l; i++) {
-      let child = handler(this.data[i], i);
+      const child = handler(this.data[i], i);
       if (i < childrenLength) {
-        let oldChild = vnode.children[i];
+        const oldChild = vnode.children[i];
         child.isSVG = oldChild.isSVG;
         child.dom = oldChild.dom;
-        updateAttributes(child, oldChild);
+        updateAttributes(child, null);
         vnode.children[i] = child;
-        patch(child, oldChild);
+        patch(child);
         continue;
       }
       child.isSVG = vnode.isSVG || child.tag === "svg";
-      child.dom = createDomElement(child.tag, child.isSVG);
+      child.dom = createElement(child.tag, child.isSVG);
       vnode.dom.appendChild(child.dom);
-      updateAttributes(child);
+      updateAttributes(child, null);
       vnode.children.push(child);
       patch(child);
     }
@@ -97,7 +97,7 @@ var DataSet = class {
   }
   add(...data) {
     if (this.#data) {
-      let oldLength = this.#data.length;
+      const oldLength = this.#data.length;
       if (this.#isFrozen) {
         this.#setData([...this.#data, ...data]);
       } else {
@@ -106,14 +106,14 @@ var DataSet = class {
       if (this.#vnode === null || this.#handler === null) {
         return;
       }
-      let vnode = this.#vnode;
-      let handler = this.#handler;
+      const vnode = this.#vnode;
+      const handler = this.#handler;
       for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {
-        let child = handler(this.#data[i], ii);
+        const child = handler(this.#data[i], ii);
         child.isSVG = vnode.isSVG || child.tag === "svg";
-        child.dom = createDomElement(child.tag, child.isSVG);
+        child.dom = createElement(child.tag, child.isSVG);
         vnode.dom.appendChild(child.dom);
-        updateAttributes(child);
+        updateAttributes(child, null);
         vnode.children.push(child);
         patch(child);
       }
@@ -121,7 +121,7 @@ var DataSet = class {
   }
   delete(index) {
     if (this.#data && this.#vnode) {
-      let child = this.#vnode.children[index];
+      const child = this.#vnode.children[index];
       if (this.#isFrozen) {
         this.#setData(this.data.filter((_, i) => i !== index));
       } else {
@@ -133,18 +133,18 @@ var DataSet = class {
   }
   update(index, item) {
     if (this.#data && this.#vnode && this.#handler) {
-      let child = this.#vnode.children[index];
+      const 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);
+      const newChild = this.#handler(this.#data[index], index);
       newChild.isSVG = this.#vnode.isSVG || newChild.tag === "svg";
       newChild.dom = child.dom;
       this.#vnode.children[index] = newChild;
-      updateAttributes(newChild, child);
-      patch(newChild, child);
+      updateAttributes(newChild, null);
+      patch(newChild);
     }
   }
 };

package/dist/dataset/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../lib/dataset/index.ts"],
-  "sourcesContent": ["import { VnodeInterface, VnodeWithDom, createDomElement, directive, patch, updateAttributes } from \"valyrian.js\";\n\ninterface DataSetInterface<T> {\n  data: T[];\n  // eslint-disable-next-line no-unused-vars\n  reset: (data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  add: (...data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  update: (index: number, data: T) => void;\n  // eslint-disable-next-line no-unused-vars\n  delete: (index: number) => void;\n}\ninterface DataSetHandler<T> {\n  // eslint-disable-next-line no-unused-vars\n  (data: T, index: number): VnodeInterface;\n}\n\nfunction deepFreeze(obj: any) {\n  if (typeof obj === \"object\" && obj !== null && !Object.isFrozen(obj)) {\n    if (Array.isArray(obj)) {\n      for (let i = 0, l = obj.length; i < l; i++) {\n        deepFreeze(obj[i]);\n      }\n    } else {\n      let props = Reflect.ownKeys(obj);\n      for (let i = 0, l = props.length; i < l; i++) {\n        deepFreeze(obj[props[i]]);\n      }\n    }\n    Object.freeze(obj);\n  }\n\n  return obj;\n}\n\nexport class DataSet<T> implements DataSetInterface<T> {\n  #vnode: VnodeWithDom | null = null;\n  // eslint-disable-next-line no-unused-vars\n  #handler: DataSetHandler<T> | null = null;\n  #data: T[] = [];\n  #isFrozen = false;\n  #dataProxy: T[] | null = null;\n\n  get data() {\n    if (this.#dataProxy === null) {\n      throw new Error(\"DataSet is not initialized\");\n    }\n\n    return this.#dataProxy;\n  }\n\n  set data(data: T[]) {\n    throw new Error(\"You need to use the reset method to set the data\");\n  }\n\n  #setData(data: T[]) {\n    if (this.#isFrozen) {\n      this.#data = deepFreeze([...data]);\n    } else {\n      this.#data = data;\n    }\n    this.#dataProxy = new Proxy(this.#data as T[], {\n      set: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      },\n      get(target: any, prop: string) {\n        return target[prop];\n      },\n      deleteProperty: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      }\n    }) as T[];\n  }\n\n  constructor(data: T[] = [], shouldFreeze = true) {\n    this.#isFrozen = shouldFreeze;\n    this.#setData(data);\n  }\n\n  setVnodeAndHandler(vnode: VnodeWithDom, handler: DataSetHandler<T>) {\n    this.#vnode = vnode;\n    this.#handler = handler;\n    this.reset(this.#data);\n  }\n\n  reset(data: T[]) {\n    this.#setData(data);\n    if (this.#vnode === null || this.#handler === null) {\n      return;\n    }\n\n    let vnode = this.#vnode;\n    let handler = this.#handler;\n\n    if (data.length === 0) {\n      vnode.children = [];\n      vnode.dom.textContent = \"\";\n      return;\n    }\n\n    let childrenLength = vnode.children.length;\n    for (let i = 0, l = data.length; i < l; i++) {\n      let child = handler(this.data[i], i);\n\n      if (i < childrenLength) {\n        let oldChild = vnode.children[i];\n        child.isSVG = oldChild.isSVG;\n        child.dom = oldChild.dom;\n        updateAttributes(child as VnodeWithDom, oldChild);\n        vnode.children[i] = child;\n        patch(child as VnodeWithDom, oldChild);\n        continue;\n      }\n\n      child.isSVG = vnode.isSVG || child.tag === \"svg\";\n      child.dom = createDomElement(child.tag as string, child.isSVG);\n      vnode.dom.appendChild(child.dom);\n      updateAttributes(child as VnodeWithDom);\n      vnode.children.push(child);\n      patch(child as VnodeWithDom);\n    }\n\n    for (let i = data.length; i < childrenLength; i++) {\n      vnode.dom.removeChild(vnode.children[i].dom);\n    }\n    vnode.children.length = data.length;\n  }\n\n  add(...data: T[]) {\n    if (this.#data) {\n      let oldLength = this.#data.length;\n      if (this.#isFrozen) {\n        this.#setData([...this.#data, ...data]);\n      } else {\n        this.#data.push(...data);\n      }\n\n      if (this.#vnode === null || this.#handler === null) {\n        return;\n      }\n\n      let vnode = this.#vnode;\n      let handler = this.#handler;\n\n      for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {\n        let child = handler(this.#data[i], ii);\n        child.isSVG = vnode.isSVG || child.tag === \"svg\";\n        child.dom = createDomElement(child.tag as string, child.isSVG);\n        vnode.dom.appendChild(child.dom);\n        updateAttributes(child as VnodeWithDom);\n        vnode.children.push(child);\n        patch(child as VnodeWithDom);\n      }\n    }\n  }\n\n  delete(index: number) {\n    if (this.#data && this.#vnode) {\n      let child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.data.filter((_, i) => i !== index));\n      } else {\n        this.#data.splice(index, 1);\n      }\n\n      this.#vnode.dom.removeChild(child.dom);\n      this.#vnode.children.splice(index, 1);\n    }\n  }\n\n  update(index: number, item: Partial<T>) {\n    if (this.#data && this.#vnode && this.#handler) {\n      let child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.#data.map((d, i) => (i === index ? { ...d, ...item } : d)));\n      } else {\n        this.#data[index] = { ...this.#data[index], ...item };\n      }\n      let newChild = this.#handler(this.#data[index], index);\n      newChild.isSVG = this.#vnode.isSVG || newChild.tag === \"svg\";\n      newChild.dom = child.dom;\n      this.#vnode.children[index] = newChild;\n      updateAttributes(newChild as VnodeWithDom, child);\n      patch(newChild as VnodeWithDom, child);\n    }\n  }\n}\n\ndirective(\"with-dataset\", (dataSet, vnode) => {\n  dataSet.setVnodeAndHandler(vnode as VnodeWithDom, vnode.children[0]);\n  return false;\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { VnodeWithDom, createElement, directive, patch, updateAttributes } from \"valyrian.js\";\n\ninterface DataSetInterface<T> {\n  data: T[];\n  // eslint-disable-next-line no-unused-vars\n  reset: (data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  add: (...data: T[]) => void;\n  // eslint-disable-next-line no-unused-vars\n  update: (index: number, data: T) => void;\n  // eslint-disable-next-line no-unused-vars\n  delete: (index: number) => void;\n}\ninterface DataSetHandler<T> {\n  // eslint-disable-next-line no-unused-vars\n  (data: T, index: number): VnodeWithDom;\n}\n\nfunction deepFreeze(obj: any) {\n  if (typeof obj === \"object\" && obj !== null && !Object.isFrozen(obj)) {\n    if (Array.isArray(obj)) {\n      for (let i = 0, l = obj.length; i < l; i++) {\n        deepFreeze(obj[i]);\n      }\n    } else {\n      const props = Reflect.ownKeys(obj);\n      for (let i = 0, l = props.length; i < l; i++) {\n        deepFreeze(obj[props[i]]);\n      }\n    }\n    Object.freeze(obj);\n  }\n\n  return obj;\n}\n\nexport class DataSet<T> implements DataSetInterface<T> {\n  #vnode: VnodeWithDom | null = null;\n  // eslint-disable-next-line no-unused-vars\n  #handler: DataSetHandler<T> | null = null;\n  #data: T[] = [];\n  #isFrozen = false;\n  #dataProxy: T[] | null = null;\n\n  get data() {\n    if (this.#dataProxy === null) {\n      throw new Error(\"DataSet is not initialized\");\n    }\n\n    return this.#dataProxy;\n  }\n\n  set data(data: T[]) {\n    throw new Error(\"You need to use the reset method to set the data\");\n  }\n\n  #setData(data: T[]) {\n    if (this.#isFrozen) {\n      this.#data = deepFreeze([...data]);\n    } else {\n      this.#data = data;\n    }\n    this.#dataProxy = new Proxy(this.#data as T[], {\n      set: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      },\n      get(target: any, prop: string) {\n        return target[prop];\n      },\n      deleteProperty: () => {\n        throw new Error(\"You need to use the add, update or delete methods to change the data\");\n      }\n    }) as T[];\n  }\n\n  constructor(data: T[] = [], shouldFreeze = true) {\n    this.#isFrozen = shouldFreeze;\n    this.#setData(data);\n  }\n\n  setVnodeAndHandler(vnode: VnodeWithDom, handler: DataSetHandler<T>) {\n    this.#vnode = vnode;\n    this.#handler = handler;\n    this.reset(this.#data);\n  }\n\n  reset(data: T[]) {\n    this.#setData(data);\n    if (this.#vnode === null || this.#handler === null) {\n      return;\n    }\n\n    const vnode = this.#vnode;\n    const handler = this.#handler;\n\n    if (data.length === 0) {\n      vnode.children = [];\n      vnode.dom.textContent = \"\";\n      return;\n    }\n\n    const childrenLength = vnode.children.length;\n    for (let i = 0, l = data.length; i < l; i++) {\n      const child = handler(this.data[i], i);\n\n      if (i < childrenLength) {\n        const oldChild = vnode.children[i];\n        child.isSVG = oldChild.isSVG;\n        child.dom = oldChild.dom;\n        updateAttributes(child as VnodeWithDom, null);\n        vnode.children[i] = child;\n        patch(child as VnodeWithDom);\n        continue;\n      }\n\n      child.isSVG = vnode.isSVG || child.tag === \"svg\";\n      child.dom = createElement(child.tag as string, child.isSVG);\n      vnode.dom.appendChild(child.dom);\n      updateAttributes(child as VnodeWithDom, null);\n      vnode.children.push(child);\n      patch(child as VnodeWithDom);\n    }\n\n    for (let i = data.length; i < childrenLength; i++) {\n      vnode.dom.removeChild(vnode.children[i].dom);\n    }\n    vnode.children.length = data.length;\n  }\n\n  add(...data: T[]) {\n    if (this.#data) {\n      const oldLength = this.#data.length;\n      if (this.#isFrozen) {\n        this.#setData([...this.#data, ...data]);\n      } else {\n        this.#data.push(...data);\n      }\n\n      if (this.#vnode === null || this.#handler === null) {\n        return;\n      }\n\n      const vnode = this.#vnode;\n      const handler = this.#handler;\n\n      for (let i = 0, ii = oldLength, l = data.length; i < l; i++, ii++) {\n        const child = handler(this.#data[i], ii);\n        child.isSVG = vnode.isSVG || child.tag === \"svg\";\n        child.dom = createElement(child.tag as string, child.isSVG);\n        vnode.dom.appendChild(child.dom);\n        updateAttributes(child as VnodeWithDom, null);\n        vnode.children.push(child);\n        patch(child as VnodeWithDom);\n      }\n    }\n  }\n\n  delete(index: number) {\n    if (this.#data && this.#vnode) {\n      const child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.data.filter((_, i) => i !== index));\n      } else {\n        this.#data.splice(index, 1);\n      }\n\n      this.#vnode.dom.removeChild(child.dom);\n      this.#vnode.children.splice(index, 1);\n    }\n  }\n\n  update(index: number, item: Partial<T>) {\n    if (this.#data && this.#vnode && this.#handler) {\n      const child = this.#vnode.children[index];\n      if (this.#isFrozen) {\n        this.#setData(this.#data.map((d, i) => (i === index ? { ...d, ...item } : d)));\n      } else {\n        this.#data[index] = { ...this.#data[index], ...item };\n      }\n      const newChild = this.#handler(this.#data[index], index);\n      newChild.isSVG = this.#vnode.isSVG || newChild.tag === \"svg\";\n      newChild.dom = child.dom;\n      this.#vnode.children[index] = newChild;\n      updateAttributes(newChild as VnodeWithDom, null);\n      patch(newChild as VnodeWithDom);\n    }\n  }\n}\n\ndirective(\"with-dataset\", (dataSet: DataSet<any>, vnode: VnodeWithDom) => {\n  dataSet.setVnodeAndHandler(vnode, vnode.children[0]);\n  return false;\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,IAAI,GAAG,GAAG,CAAC;AAEvB,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAElC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAE/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;IAEhC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;IAE/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IAEzB,CAAC,cAAc,EAAE,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CAC3D;AAED,eAAO,MAAM,UAAU,YAiEG,CAAC;AAS3B,eAAO,MAAM,QAAQ,YA7EyB,GAAG,EAAE,KAAK,GAqGtD,CAAC;AAGH,eAAO,MAAM,SAAS,YAxGwB,GAAG,EAAE,KAAK,GA4JtD,CAAC;AAEH,eAAO,MAAM,MAAM,YA9J2B,GAAG,EAAE,KAAK,GAqKtD,CAAC;AAEH,eAAO,MAAM,WAAW,YAvKsB,GAAG,EAAE,KAAK,GAqLtD,CAAC;AAEH,eAAO,MAAM,OAAO,YAvL0B,GAAG,EAAE,KAAK,GAuMtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GAAG,GAAG,CAAC;AAEvB,MAAM,WAAW,cAAc;IAE7B,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAElC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAE/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;IAEhC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;IAE/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IAEzB,CAAC,cAAc,EAAE,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CAC3D;AASD,eAAO,MAAM,UAAU,YAoCG,CAAC;AAS3B,eAAO,MAAM,QAAQ,YAvDyB,GAAG,EAAE,KAAK,GA8EtD,CAAC;AAGH,eAAO,MAAM,SAAS,YAjFwB,GAAG,EAAE,KAAK,GAqItD,CAAC;AAEH,eAAO,MAAM,MAAM,YAvI2B,GAAG,EAAE,KAAK,GA8ItD,CAAC;AAEH,eAAO,MAAM,WAAW,YAhJsB,GAAG,EAAE,KAAK,GA8JtD,CAAC;AAEH,eAAO,MAAM,OAAO,YAhK0B,GAAG,EAAE,KAAK,GAgLtD,CAAC"}

package/dist/hooks/index.js

@@ -29,6 +29,7 @@ __export(hooks_exports, {
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_valyrian = require("valyrian.js");
+var componentToHooksWeakMap = /* @__PURE__ */ new WeakMap();
 var createHook = function createHook2({
   onCreate,
   onUpdate: onUpdateHook,
@@ -37,42 +38,26 @@ var createHook = function createHook2({
   returnValue
 }) {
   return (...args) => {
-    let { component, vnode } = import_valyrian.current;
+    const component = import_valyrian.current.component;
     let hook = null;
-    if (vnode) {
-      if (!vnode.components) {
-        vnode.components = [];
-      }
-      if (vnode.components.indexOf(component) === -1) {
-        vnode.hook_calls = -1;
-        vnode.components.push(component);
-        if (!component.hooks) {
-          component.hooks = [];
-          (0, import_valyrian.onUnmount)(() => Reflect.deleteProperty(component, "hooks"));
-        }
-      }
-      hook = component.hooks[++vnode.hook_calls];
+    if (componentToHooksWeakMap.has(component) === false) {
+      const HookCalls2 = { hooks: [], hook_calls: -1 };
+      componentToHooksWeakMap.set(component, HookCalls2);
+      (0, import_valyrian.onUnmount)(() => componentToHooksWeakMap.delete(component));
+    }
+    const HookCalls = componentToHooksWeakMap.get(component);
+    (0, import_valyrian.onCleanup)(() => HookCalls.hook_calls = -1);
+    hook = HookCalls.hooks[++HookCalls.hook_calls];
+    if (hook) {
+      onUpdateHook && onUpdateHook(hook, ...args);
     }
     if (!hook) {
       hook = onCreate(...args);
-      if (vnode) {
-        component.hooks.push(hook);
-      }
-      if (onRemove) {
-        (0, import_valyrian.onUnmount)(() => onRemove(hook));
-      }
-    } else {
-      if (onUpdateHook) {
-        onUpdateHook(hook, ...args);
-      }
-    }
-    if (onCleanupHook) {
-      (0, import_valyrian.onCleanup)(() => onCleanupHook(hook));
+      HookCalls.hooks.push(hook);
+      onRemove && (0, import_valyrian.onUnmount)(() => onRemove(hook));
     }
-    if (returnValue) {
-      return returnValue(hook);
-    }
-    return hook;
+    onCleanupHook && (0, import_valyrian.onCleanup)(() => onCleanupHook(hook));
+    return returnValue ? returnValue(hook) : hook;
   };
 };
 var updateTimeout;
@@ -103,7 +88,7 @@ var useState = createHook({
 });
 var useEffect = createHook({
   onCreate: (effect, changes) => {
-    let hook = { effect, prev: [] };
+    const hook = { effect, prev: [] };
     if (changes === null) {
       hook.onRemove = effect;
       return hook;

package/dist/hooks/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../lib/hooks/index.ts"],
-  "sourcesContent": ["import { Component, POJOComponent, VnodeWithDom, current, directive, onCleanup, onUnmount, update } from \"valyrian.js\";\n\ninterface CurrentOnPatch {\n  component: Component | POJOComponent;\n  vnode: VnodeWithDom;\n  oldVnode: VnodeWithDom;\n}\n\nexport type Hook = any;\n\nexport interface HookDefinition {\n  // eslint-disable-next-line no-unused-vars\n  onCreate: (...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onUpdate?: (hook: Hook, ...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onCleanup?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  onRemove?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  returnValue?: (hook: Hook) => any;\n}\n\nexport interface CreateHook {\n  // eslint-disable-next-line no-unused-vars\n  (HookDefinition: HookDefinition): (...args: any[]) => any;\n}\n\nexport const createHook = function createHook({\n  onCreate,\n  onUpdate: onUpdateHook,\n  onCleanup: onCleanupHook,\n  onRemove,\n  returnValue\n}: HookDefinition): Hook {\n  return (...args: any[]) => {\n    let { component, vnode } = current as CurrentOnPatch;\n\n    let hook: any = null;\n\n    if (vnode) {\n      // Init the components array for the current vnode\n      if (!vnode.components) {\n        vnode.components = [];\n      }\n\n      if (vnode.components.indexOf(component) === -1) {\n        vnode.hook_calls = -1;\n        vnode.components.push(component);\n        if (!component.hooks) {\n          component.hooks = [];\n          onUnmount(() => Reflect.deleteProperty(component, \"hooks\"));\n        }\n      }\n\n      hook = component.hooks[++vnode.hook_calls];\n    }\n\n    // If the hook doesn't exist, create it\n    if (!hook) {\n      // create a new hook\n      hook = onCreate(...args);\n\n      if (vnode) {\n        // Add the hook to the component\n        component.hooks.push(hook);\n      }\n\n      // if we have a onRemove hook, add it to the onUnmount set\n      if (onRemove) {\n        // Add the hook to the onRemove array\n        onUnmount(() => onRemove(hook));\n      }\n    } else {\n      if (onUpdateHook) {\n        onUpdateHook(hook, ...args);\n      }\n    }\n\n    // If we have an onCleanup function, add it to the cleanup set\n    if (onCleanupHook) {\n      // Add the hook to the onCleanup set\n      onCleanup(() => onCleanupHook(hook));\n    }\n\n    // If we have a returnValue function, call it and return the result instead of the hook\n    if (returnValue) {\n      return returnValue(hook);\n    }\n\n    // Return the hook\n    return hook;\n  };\n} as unknown as CreateHook;\n\nlet updateTimeout: any;\nfunction delayedUpdate() {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(update);\n}\n\n// Use state hook\nexport const useState = createHook({\n  onCreate: (value) => {\n    function get() {\n      return value;\n    }\n    get.value = value;\n    get.toJSON = get.valueOf = get;\n    get.toString = () => `${value}`;\n\n    function set(newValue: any) {\n      // Prevent default event if it exists\n      if (current.event) {\n        current.event.preventDefault();\n      }\n\n      if (value !== newValue) {\n        value = newValue;\n        get.value = newValue;\n        delayedUpdate();\n      }\n    }\n\n    return [get, set];\n  }\n});\n\n// Effect hook\nexport const useEffect = createHook({\n  onCreate: (effect: Function, changes: any[]) => {\n    let hook: {\n      effect: Function;\n      prev: any[];\n      onRemove?: Function;\n      onCleanup?: Function;\n    } = { effect, prev: [] };\n    // on unmount\n    if (changes === null) {\n      hook.onRemove = effect;\n      return hook;\n    }\n\n    // on create\n    hook.prev = changes;\n    hook.onCleanup = hook.effect();\n    return hook;\n  },\n  onUpdate: (hook, effect, changes) => {\n    // on update\n    if (typeof changes === \"undefined\") {\n      hook.prev = changes;\n      if (typeof hook.onCleanup === \"function\") {\n        hook.onCleanup();\n      }\n      hook.onCleanup = hook.effect();\n      return;\n    }\n\n    // on update if there are changes\n    if (Array.isArray(changes)) {\n      for (let i = 0, l = changes.length; i < l; i++) {\n        if (changes[i] !== hook.prev[i]) {\n          hook.prev = changes;\n          if (typeof hook.onCleanup === \"function\") {\n            hook.onCleanup();\n          }\n          hook.onCleanup = hook.effect();\n          return;\n        }\n      }\n    }\n  },\n  onRemove: (hook) => {\n    if (typeof hook.onCleanup === \"function\") {\n      hook.onCleanup();\n    }\n    if (typeof hook.onRemove === \"function\") {\n      hook.onRemove();\n    }\n  }\n});\n\nexport const useRef = createHook({\n  onCreate: (initialValue) => {\n    directive(\"ref\", (ref, vnode) => {\n      ref.current = vnode.dom;\n    });\n    return { current: initialValue };\n  }\n});\n\nexport const useCallback = createHook({\n  onCreate: (callback, changes) => {\n    callback();\n    return { callback, changes };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.callback();\n        return;\n      }\n    }\n  }\n});\n\nexport const useMemo = createHook({\n  onCreate: (callback, changes) => {\n    return { callback, changes, value: callback() };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.value = callback();\n        return;\n      }\n    }\n  },\n  returnValue: (hook) => {\n    return hook.value;\n  }\n});\n"],
-  "mappings": "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",
-  "names": ["createHook"]
+  "sourcesContent": ["import { Component, POJOComponent, current, directive, onCleanup, onUnmount, update } from \"valyrian.js\";\n\nexport type Hook = any;\n\nexport interface HookDefinition {\n  // eslint-disable-next-line no-unused-vars\n  onCreate: (...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onUpdate?: (hook: Hook, ...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onCleanup?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  onRemove?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  returnValue?: (hook: Hook) => any;\n}\n\nexport interface CreateHook {\n  // eslint-disable-next-line no-unused-vars\n  (HookDefinition: HookDefinition): (...args: any[]) => any;\n}\n\ntype HookCalls = {\n  hooks: Hook[];\n  hook_calls: number;\n};\n\nconst componentToHooksWeakMap = new WeakMap<Component | POJOComponent, HookCalls>();\n\nexport const createHook = function createHook({\n  onCreate,\n  onUpdate: onUpdateHook,\n  onCleanup: onCleanupHook,\n  onRemove,\n  returnValue\n}: HookDefinition): Hook {\n  return (...args: any[]) => {\n    const component = current.component as Component | POJOComponent;\n    let hook: any = null;\n\n    if (componentToHooksWeakMap.has(component) === false) {\n      const HookCalls = { hooks: [], hook_calls: -1 };\n      componentToHooksWeakMap.set(component, HookCalls);\n      onUnmount(() => componentToHooksWeakMap.delete(component));\n    }\n\n    const HookCalls = componentToHooksWeakMap.get(component) as HookCalls;\n    onCleanup(() => (HookCalls.hook_calls = -1));\n\n    hook = HookCalls.hooks[++HookCalls.hook_calls];\n\n    if (hook) {\n      onUpdateHook && onUpdateHook(hook, ...args);\n    }\n\n    // If the hook doesn't exist, create it\n    if (!hook) {\n      hook = onCreate(...args);\n      HookCalls.hooks.push(hook);\n      onRemove && onUnmount(() => onRemove(hook));\n    }\n\n    onCleanupHook && onCleanup(() => onCleanupHook(hook));\n    return returnValue ? returnValue(hook) : hook;\n  };\n} as unknown as CreateHook;\n\nlet updateTimeout: any;\nfunction delayedUpdate() {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(update);\n}\n\n// Use state hook\nexport const useState = createHook({\n  onCreate: (value) => {\n    function get() {\n      return value;\n    }\n    get.value = value;\n    get.toJSON = get.valueOf = get;\n    get.toString = () => `${value}`;\n\n    function set(newValue: any) {\n      if (current.event) {\n        current.event.preventDefault();\n      }\n\n      if (value !== newValue) {\n        value = newValue;\n        get.value = newValue;\n        delayedUpdate();\n      }\n    }\n\n    return [get, set];\n  }\n});\n\n// Effect hook\nexport const useEffect = createHook({\n  onCreate: (effect: Function, changes: any[]) => {\n    const hook: {\n      effect: Function;\n      prev: any[];\n      onRemove?: Function;\n      onCleanup?: Function;\n    } = { effect, prev: [] };\n    // on unmount\n    if (changes === null) {\n      hook.onRemove = effect;\n      return hook;\n    }\n\n    // on create\n    hook.prev = changes;\n    hook.onCleanup = hook.effect();\n    return hook;\n  },\n  onUpdate: (hook, effect, changes) => {\n    // on update\n    if (typeof changes === \"undefined\") {\n      hook.prev = changes;\n      if (typeof hook.onCleanup === \"function\") {\n        hook.onCleanup();\n      }\n      hook.onCleanup = hook.effect();\n      return;\n    }\n\n    // on update if there are changes\n    if (Array.isArray(changes)) {\n      for (let i = 0, l = changes.length; i < l; i++) {\n        if (changes[i] !== hook.prev[i]) {\n          hook.prev = changes;\n          if (typeof hook.onCleanup === \"function\") {\n            hook.onCleanup();\n          }\n          hook.onCleanup = hook.effect();\n          return;\n        }\n      }\n    }\n  },\n  onRemove: (hook) => {\n    if (typeof hook.onCleanup === \"function\") {\n      hook.onCleanup();\n    }\n    if (typeof hook.onRemove === \"function\") {\n      hook.onRemove();\n    }\n  }\n});\n\nexport const useRef = createHook({\n  onCreate: (initialValue) => {\n    directive(\"ref\", (ref, vnode) => {\n      ref.current = vnode.dom;\n    });\n    return { current: initialValue };\n  }\n});\n\nexport const useCallback = createHook({\n  onCreate: (callback, changes) => {\n    callback();\n    return { callback, changes };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.callback();\n        return;\n      }\n    }\n  }\n});\n\nexport const useMemo = createHook({\n  onCreate: (callback, changes) => {\n    return { callback, changes, value: callback() };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.value = callback();\n        return;\n      }\n    }\n  },\n  returnValue: (hook) => {\n    return hook.value;\n  }\n});\n"],
+  "mappings": "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",
+  "names": ["createHook", "HookCalls"]
 }

package/dist/hooks/index.mjs

@@ -1,5 +1,6 @@
 // lib/hooks/index.ts
 import { current, directive, onCleanup, onUnmount, update } from "valyrian.js";
+var componentToHooksWeakMap = /* @__PURE__ */ new WeakMap();
 var createHook = function createHook2({
   onCreate,
   onUpdate: onUpdateHook,
@@ -8,42 +9,26 @@ var createHook = function createHook2({
   returnValue
 }) {
   return (...args) => {
-    let { component, vnode } = current;
+    const component = current.component;
     let hook = null;
-    if (vnode) {
-      if (!vnode.components) {
-        vnode.components = [];
-      }
-      if (vnode.components.indexOf(component) === -1) {
-        vnode.hook_calls = -1;
-        vnode.components.push(component);
-        if (!component.hooks) {
-          component.hooks = [];
-          onUnmount(() => Reflect.deleteProperty(component, "hooks"));
-        }
-      }
-      hook = component.hooks[++vnode.hook_calls];
+    if (componentToHooksWeakMap.has(component) === false) {
+      const HookCalls2 = { hooks: [], hook_calls: -1 };
+      componentToHooksWeakMap.set(component, HookCalls2);
+      onUnmount(() => componentToHooksWeakMap.delete(component));
+    }
+    const HookCalls = componentToHooksWeakMap.get(component);
+    onCleanup(() => HookCalls.hook_calls = -1);
+    hook = HookCalls.hooks[++HookCalls.hook_calls];
+    if (hook) {
+      onUpdateHook && onUpdateHook(hook, ...args);
     }
     if (!hook) {
       hook = onCreate(...args);
-      if (vnode) {
-        component.hooks.push(hook);
-      }
-      if (onRemove) {
-        onUnmount(() => onRemove(hook));
-      }
-    } else {
-      if (onUpdateHook) {
-        onUpdateHook(hook, ...args);
-      }
-    }
-    if (onCleanupHook) {
-      onCleanup(() => onCleanupHook(hook));
+      HookCalls.hooks.push(hook);
+      onRemove && onUnmount(() => onRemove(hook));
     }
-    if (returnValue) {
-      return returnValue(hook);
-    }
-    return hook;
+    onCleanupHook && onCleanup(() => onCleanupHook(hook));
+    return returnValue ? returnValue(hook) : hook;
   };
 };
 var updateTimeout;
@@ -74,7 +59,7 @@ var useState = createHook({
 });
 var useEffect = createHook({
   onCreate: (effect, changes) => {
-    let hook = { effect, prev: [] };
+    const hook = { effect, prev: [] };
     if (changes === null) {
       hook.onRemove = effect;
       return hook;

package/dist/hooks/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../lib/hooks/index.ts"],
-  "sourcesContent": ["import { Component, POJOComponent, VnodeWithDom, current, directive, onCleanup, onUnmount, update } from \"valyrian.js\";\n\ninterface CurrentOnPatch {\n  component: Component | POJOComponent;\n  vnode: VnodeWithDom;\n  oldVnode: VnodeWithDom;\n}\n\nexport type Hook = any;\n\nexport interface HookDefinition {\n  // eslint-disable-next-line no-unused-vars\n  onCreate: (...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onUpdate?: (hook: Hook, ...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onCleanup?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  onRemove?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  returnValue?: (hook: Hook) => any;\n}\n\nexport interface CreateHook {\n  // eslint-disable-next-line no-unused-vars\n  (HookDefinition: HookDefinition): (...args: any[]) => any;\n}\n\nexport const createHook = function createHook({\n  onCreate,\n  onUpdate: onUpdateHook,\n  onCleanup: onCleanupHook,\n  onRemove,\n  returnValue\n}: HookDefinition): Hook {\n  return (...args: any[]) => {\n    let { component, vnode } = current as CurrentOnPatch;\n\n    let hook: any = null;\n\n    if (vnode) {\n      // Init the components array for the current vnode\n      if (!vnode.components) {\n        vnode.components = [];\n      }\n\n      if (vnode.components.indexOf(component) === -1) {\n        vnode.hook_calls = -1;\n        vnode.components.push(component);\n        if (!component.hooks) {\n          component.hooks = [];\n          onUnmount(() => Reflect.deleteProperty(component, \"hooks\"));\n        }\n      }\n\n      hook = component.hooks[++vnode.hook_calls];\n    }\n\n    // If the hook doesn't exist, create it\n    if (!hook) {\n      // create a new hook\n      hook = onCreate(...args);\n\n      if (vnode) {\n        // Add the hook to the component\n        component.hooks.push(hook);\n      }\n\n      // if we have a onRemove hook, add it to the onUnmount set\n      if (onRemove) {\n        // Add the hook to the onRemove array\n        onUnmount(() => onRemove(hook));\n      }\n    } else {\n      if (onUpdateHook) {\n        onUpdateHook(hook, ...args);\n      }\n    }\n\n    // If we have an onCleanup function, add it to the cleanup set\n    if (onCleanupHook) {\n      // Add the hook to the onCleanup set\n      onCleanup(() => onCleanupHook(hook));\n    }\n\n    // If we have a returnValue function, call it and return the result instead of the hook\n    if (returnValue) {\n      return returnValue(hook);\n    }\n\n    // Return the hook\n    return hook;\n  };\n} as unknown as CreateHook;\n\nlet updateTimeout: any;\nfunction delayedUpdate() {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(update);\n}\n\n// Use state hook\nexport const useState = createHook({\n  onCreate: (value) => {\n    function get() {\n      return value;\n    }\n    get.value = value;\n    get.toJSON = get.valueOf = get;\n    get.toString = () => `${value}`;\n\n    function set(newValue: any) {\n      // Prevent default event if it exists\n      if (current.event) {\n        current.event.preventDefault();\n      }\n\n      if (value !== newValue) {\n        value = newValue;\n        get.value = newValue;\n        delayedUpdate();\n      }\n    }\n\n    return [get, set];\n  }\n});\n\n// Effect hook\nexport const useEffect = createHook({\n  onCreate: (effect: Function, changes: any[]) => {\n    let hook: {\n      effect: Function;\n      prev: any[];\n      onRemove?: Function;\n      onCleanup?: Function;\n    } = { effect, prev: [] };\n    // on unmount\n    if (changes === null) {\n      hook.onRemove = effect;\n      return hook;\n    }\n\n    // on create\n    hook.prev = changes;\n    hook.onCleanup = hook.effect();\n    return hook;\n  },\n  onUpdate: (hook, effect, changes) => {\n    // on update\n    if (typeof changes === \"undefined\") {\n      hook.prev = changes;\n      if (typeof hook.onCleanup === \"function\") {\n        hook.onCleanup();\n      }\n      hook.onCleanup = hook.effect();\n      return;\n    }\n\n    // on update if there are changes\n    if (Array.isArray(changes)) {\n      for (let i = 0, l = changes.length; i < l; i++) {\n        if (changes[i] !== hook.prev[i]) {\n          hook.prev = changes;\n          if (typeof hook.onCleanup === \"function\") {\n            hook.onCleanup();\n          }\n          hook.onCleanup = hook.effect();\n          return;\n        }\n      }\n    }\n  },\n  onRemove: (hook) => {\n    if (typeof hook.onCleanup === \"function\") {\n      hook.onCleanup();\n    }\n    if (typeof hook.onRemove === \"function\") {\n      hook.onRemove();\n    }\n  }\n});\n\nexport const useRef = createHook({\n  onCreate: (initialValue) => {\n    directive(\"ref\", (ref, vnode) => {\n      ref.current = vnode.dom;\n    });\n    return { current: initialValue };\n  }\n});\n\nexport const useCallback = createHook({\n  onCreate: (callback, changes) => {\n    callback();\n    return { callback, changes };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.callback();\n        return;\n      }\n    }\n  }\n});\n\nexport const useMemo = createHook({\n  onCreate: (callback, changes) => {\n    return { callback, changes, value: callback() };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.value = callback();\n        return;\n      }\n    }\n  },\n  returnValue: (hook) => {\n    return hook.value;\n  }\n});\n"],
-  "mappings": ";AAAA,SAAiD,SAAS,WAAW,WAAW,WAAW,cAAc;AA4BlG,IAAM,aAAa,SAASA,YAAW;AAAA,EAC5C;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAyB;AACvB,SAAO,IAAI,SAAgB;AACzB,QAAI,EAAE,WAAW,MAAM,IAAI;AAE3B,QAAI,OAAY;AAEhB,QAAI,OAAO;AAET,UAAI,CAAC,MAAM,YAAY;AACrB,cAAM,aAAa,CAAC;AAAA,MACtB;AAEA,UAAI,MAAM,WAAW,QAAQ,SAAS,MAAM,IAAI;AAC9C,cAAM,aAAa;AACnB,cAAM,WAAW,KAAK,SAAS;AAC/B,YAAI,CAAC,UAAU,OAAO;AACpB,oBAAU,QAAQ,CAAC;AACnB,oBAAU,MAAM,QAAQ,eAAe,WAAW,OAAO,CAAC;AAAA,QAC5D;AAAA,MACF;AAEA,aAAO,UAAU,MAAM,EAAE,MAAM,UAAU;AAAA,IAC3C;AAGA,QAAI,CAAC,MAAM;AAET,aAAO,SAAS,GAAG,IAAI;AAEvB,UAAI,OAAO;AAET,kBAAU,MAAM,KAAK,IAAI;AAAA,MAC3B;AAGA,UAAI,UAAU;AAEZ,kBAAU,MAAM,SAAS,IAAI,CAAC;AAAA,MAChC;AAAA,IACF,OAAO;AACL,UAAI,cAAc;AAChB,qBAAa,MAAM,GAAG,IAAI;AAAA,MAC5B;AAAA,IACF;AAGA,QAAI,eAAe;AAEjB,gBAAU,MAAM,cAAc,IAAI,CAAC;AAAA,IACrC;AAGA,QAAI,aAAa;AACf,aAAO,YAAY,IAAI;AAAA,IACzB;AAGA,WAAO;AAAA,EACT;AACF;AAEA,IAAI;AACJ,SAAS,gBAAgB;AACvB,eAAa,aAAa;AAC1B,kBAAgB,WAAW,MAAM;AACnC;AAGO,IAAM,WAAW,WAAW;AAAA,EACjC,UAAU,CAAC,UAAU;AACnB,aAAS,MAAM;AACb,aAAO;AAAA,IACT;AACA,QAAI,QAAQ;AACZ,QAAI,SAAS,IAAI,UAAU;AAC3B,QAAI,WAAW,MAAM,GAAG,KAAK;AAE7B,aAAS,IAAI,UAAe;AAE1B,UAAI,QAAQ,OAAO;AACjB,gBAAQ,MAAM,eAAe;AAAA,MAC/B;AAEA,UAAI,UAAU,UAAU;AACtB,gBAAQ;AACR,YAAI,QAAQ;AACZ,sBAAc;AAAA,MAChB;AAAA,IACF;AAEA,WAAO,CAAC,KAAK,GAAG;AAAA,EAClB;AACF,CAAC;AAGM,IAAM,YAAY,WAAW;AAAA,EAClC,UAAU,CAAC,QAAkB,YAAmB;AAC9C,QAAI,OAKA,EAAE,QAAQ,MAAM,CAAC,EAAE;AAEvB,QAAI,YAAY,MAAM;AACpB,WAAK,WAAW;AAChB,aAAO;AAAA,IACT;AAGA,SAAK,OAAO;AACZ,SAAK,YAAY,KAAK,OAAO;AAC7B,WAAO;AAAA,EACT;AAAA,EACA,UAAU,CAAC,MAAM,QAAQ,YAAY;AAEnC,QAAI,OAAO,YAAY,aAAa;AAClC,WAAK,OAAO;AACZ,UAAI,OAAO,KAAK,cAAc,YAAY;AACxC,aAAK,UAAU;AAAA,MACjB;AACA,WAAK,YAAY,KAAK,OAAO;AAC7B;AAAA,IACF;AAGA,QAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,eAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,IAAI,GAAG,KAAK;AAC9C,YAAI,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,GAAG;AAC/B,eAAK,OAAO;AACZ,cAAI,OAAO,KAAK,cAAc,YAAY;AACxC,iBAAK,UAAU;AAAA,UACjB;AACA,eAAK,YAAY,KAAK,OAAO;AAC7B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU,CAAC,SAAS;AAClB,QAAI,OAAO,KAAK,cAAc,YAAY;AACxC,WAAK,UAAU;AAAA,IACjB;AACA,QAAI,OAAO,KAAK,aAAa,YAAY;AACvC,WAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACF,CAAC;AAEM,IAAM,SAAS,WAAW;AAAA,EAC/B,UAAU,CAAC,iBAAiB;AAC1B,cAAU,OAAO,CAAC,KAAK,UAAU;AAC/B,UAAI,UAAU,MAAM;AAAA,IACtB,CAAC;AACD,WAAO,EAAE,SAAS,aAAa;AAAA,EACjC;AACF,CAAC;AAEM,IAAM,cAAc,WAAW;AAAA,EACpC,UAAU,CAAC,UAAU,YAAY;AAC/B,aAAS;AACT,WAAO,EAAE,UAAU,QAAQ;AAAA,EAC7B;AAAA,EACA,UAAU,CAAC,MAAM,UAAU,YAAY;AACrC,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,IAAI,GAAG,KAAK;AAC9C,UAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,GAAG;AAClC,aAAK,UAAU;AACf,aAAK,SAAS;AACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,IAAM,UAAU,WAAW;AAAA,EAChC,UAAU,CAAC,UAAU,YAAY;AAC/B,WAAO,EAAE,UAAU,SAAS,OAAO,SAAS,EAAE;AAAA,EAChD;AAAA,EACA,UAAU,CAAC,MAAM,UAAU,YAAY;AACrC,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,IAAI,GAAG,KAAK;AAC9C,UAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,GAAG;AAClC,aAAK,UAAU;AACf,aAAK,QAAQ,SAAS;AACtB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,aAAa,CAAC,SAAS;AACrB,WAAO,KAAK;AAAA,EACd;AACF,CAAC;",
-  "names": ["createHook"]
+  "sourcesContent": ["import { Component, POJOComponent, current, directive, onCleanup, onUnmount, update } from \"valyrian.js\";\n\nexport type Hook = any;\n\nexport interface HookDefinition {\n  // eslint-disable-next-line no-unused-vars\n  onCreate: (...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onUpdate?: (hook: Hook, ...args: any[]) => any;\n  // eslint-disable-next-line no-unused-vars\n  onCleanup?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  onRemove?: (hook: Hook) => any;\n  // eslint-disable-next-line no-unused-vars\n  returnValue?: (hook: Hook) => any;\n}\n\nexport interface CreateHook {\n  // eslint-disable-next-line no-unused-vars\n  (HookDefinition: HookDefinition): (...args: any[]) => any;\n}\n\ntype HookCalls = {\n  hooks: Hook[];\n  hook_calls: number;\n};\n\nconst componentToHooksWeakMap = new WeakMap<Component | POJOComponent, HookCalls>();\n\nexport const createHook = function createHook({\n  onCreate,\n  onUpdate: onUpdateHook,\n  onCleanup: onCleanupHook,\n  onRemove,\n  returnValue\n}: HookDefinition): Hook {\n  return (...args: any[]) => {\n    const component = current.component as Component | POJOComponent;\n    let hook: any = null;\n\n    if (componentToHooksWeakMap.has(component) === false) {\n      const HookCalls = { hooks: [], hook_calls: -1 };\n      componentToHooksWeakMap.set(component, HookCalls);\n      onUnmount(() => componentToHooksWeakMap.delete(component));\n    }\n\n    const HookCalls = componentToHooksWeakMap.get(component) as HookCalls;\n    onCleanup(() => (HookCalls.hook_calls = -1));\n\n    hook = HookCalls.hooks[++HookCalls.hook_calls];\n\n    if (hook) {\n      onUpdateHook && onUpdateHook(hook, ...args);\n    }\n\n    // If the hook doesn't exist, create it\n    if (!hook) {\n      hook = onCreate(...args);\n      HookCalls.hooks.push(hook);\n      onRemove && onUnmount(() => onRemove(hook));\n    }\n\n    onCleanupHook && onCleanup(() => onCleanupHook(hook));\n    return returnValue ? returnValue(hook) : hook;\n  };\n} as unknown as CreateHook;\n\nlet updateTimeout: any;\nfunction delayedUpdate() {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(update);\n}\n\n// Use state hook\nexport const useState = createHook({\n  onCreate: (value) => {\n    function get() {\n      return value;\n    }\n    get.value = value;\n    get.toJSON = get.valueOf = get;\n    get.toString = () => `${value}`;\n\n    function set(newValue: any) {\n      if (current.event) {\n        current.event.preventDefault();\n      }\n\n      if (value !== newValue) {\n        value = newValue;\n        get.value = newValue;\n        delayedUpdate();\n      }\n    }\n\n    return [get, set];\n  }\n});\n\n// Effect hook\nexport const useEffect = createHook({\n  onCreate: (effect: Function, changes: any[]) => {\n    const hook: {\n      effect: Function;\n      prev: any[];\n      onRemove?: Function;\n      onCleanup?: Function;\n    } = { effect, prev: [] };\n    // on unmount\n    if (changes === null) {\n      hook.onRemove = effect;\n      return hook;\n    }\n\n    // on create\n    hook.prev = changes;\n    hook.onCleanup = hook.effect();\n    return hook;\n  },\n  onUpdate: (hook, effect, changes) => {\n    // on update\n    if (typeof changes === \"undefined\") {\n      hook.prev = changes;\n      if (typeof hook.onCleanup === \"function\") {\n        hook.onCleanup();\n      }\n      hook.onCleanup = hook.effect();\n      return;\n    }\n\n    // on update if there are changes\n    if (Array.isArray(changes)) {\n      for (let i = 0, l = changes.length; i < l; i++) {\n        if (changes[i] !== hook.prev[i]) {\n          hook.prev = changes;\n          if (typeof hook.onCleanup === \"function\") {\n            hook.onCleanup();\n          }\n          hook.onCleanup = hook.effect();\n          return;\n        }\n      }\n    }\n  },\n  onRemove: (hook) => {\n    if (typeof hook.onCleanup === \"function\") {\n      hook.onCleanup();\n    }\n    if (typeof hook.onRemove === \"function\") {\n      hook.onRemove();\n    }\n  }\n});\n\nexport const useRef = createHook({\n  onCreate: (initialValue) => {\n    directive(\"ref\", (ref, vnode) => {\n      ref.current = vnode.dom;\n    });\n    return { current: initialValue };\n  }\n});\n\nexport const useCallback = createHook({\n  onCreate: (callback, changes) => {\n    callback();\n    return { callback, changes };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.callback();\n        return;\n      }\n    }\n  }\n});\n\nexport const useMemo = createHook({\n  onCreate: (callback, changes) => {\n    return { callback, changes, value: callback() };\n  },\n  onUpdate: (hook, callback, changes) => {\n    for (let i = 0, l = changes.length; i < l; i++) {\n      if (changes[i] !== hook.changes[i]) {\n        hook.changes = changes;\n        hook.value = callback();\n        return;\n      }\n    }\n  },\n  returnValue: (hook) => {\n    return hook.value;\n  }\n});\n"],
+  "mappings": "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",
+  "names": ["createHook", "HookCalls"]
 }