valyrian.js 6.0.15 → 7.0.1

package/dist/dataset/index.d.ts

@@ -0,0 +1,24 @@
+import { VnodeInterface, VnodeWithDom } from "valyrian.js";
+interface DataSetInterface<T> {
+    data: T[];
+    reset: (data: T[]) => void;
+    add: (...data: T[]) => void;
+    update: (index: number, data: T) => void;
+    delete: (index: number) => void;
+}
+interface DataSetHandler<T> {
+    (data: T, index: number): VnodeInterface;
+}
+export declare class DataSet<T> implements DataSetInterface<T> {
+    #private;
+    get data(): T[];
+    set data(data: T[]);
+    constructor(data?: T[], shouldFreeze?: boolean);
+    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;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;IAuCf,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE;IAwBhB,MAAM,CAAC,KAAK,KAAA;IAcZ,MAAM,CAAC,KAAK,KAAA,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;CAgB/B"}

package/dist/dataset/index.js

@@ -0,0 +1,170 @@
+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;
+  #handler;
+  #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);
+    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);
+      }
+      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) {
+      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) {
+      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;
+});

package/dist/dataset/index.mjs

@@ -0,0 +1,150 @@
+// lib/dataset/index.ts
+import { createDomElement, directive, patch, updateAttributes } from "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;
+  #handler;
+  #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);
+    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;
+        updateAttributes(child, oldChild);
+        vnode.children[i] = child;
+        patch(child, oldChild);
+        continue;
+      }
+      child.isSVG = vnode.isSVG || child.tag === "svg";
+      child.dom = createDomElement(child.tag, child.isSVG);
+      vnode.dom.appendChild(child.dom);
+      updateAttributes(child);
+      vnode.children.push(child);
+      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);
+      }
+      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 = createDomElement(child.tag, child.isSVG);
+        vnode.dom.appendChild(child.dom);
+        updateAttributes(child);
+        vnode.children.push(child);
+        patch(child);
+      }
+    }
+  }
+  delete(index) {
+    if (this.#data) {
+      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) {
+      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;
+      updateAttributes(newChild, child);
+      patch(newChild, child);
+    }
+  }
+};
+directive("with-dataset", (dataSet, vnode) => {
+  dataSet.setVnodeAndHandler(vnode, vnode.children[0]);
+  return false;
+});
+export {
+  DataSet
+};

package/dist/hooks/index.d.ts

@@ -1,4 +1,3 @@
-import { Valyrian } from "Valyrian";
 export declare type Hook = any;
 export interface HookDefinition {
     onCreate: (...args: any[]) => any;
@@ -16,5 +15,4 @@ export declare const useEffect: (...args: any[]) => any;
 export declare const useRef: (...args: any[]) => any;
 export declare const useCallback: (...args: any[]) => any;
 export declare const useMemo: (...args: any[]) => any;
-export declare function plugin(v: Valyrian): void;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAmC,MAAM,UAAU,CAAC;AAgChF,oBAAY,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,YA2EG,CAAC;AAS3B,eAAO,MAAM,QAAQ,YAvFyB,GAAG,EAAE,KAAK,GAuGtD,CAAC;AAGH,eAAO,MAAM,SAAS,YA1GwB,GAAG,EAAE,KAAK,GA8JtD,CAAC;AAEH,eAAO,MAAM,MAAM,YAhK2B,GAAG,EAAE,KAAK,GAuKtD,CAAC;AAEH,eAAO,MAAM,WAAW,YAzKsB,GAAG,EAAE,KAAK,GAuLtD,CAAC;AAEH,eAAO,MAAM,OAAO,YAzL0B,GAAG,EAAE,KAAK,GAyMtD,CAAC;AAEH,wBAAgB,MAAM,CAAC,CAAC,EAAE,QAAQ,QAEjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAQA,oBAAY,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,YAiFG,CAAC;AAS3B,eAAO,MAAM,QAAQ,YA7FyB,GAAG,EAAE,KAAK,GAgHtD,CAAC;AAGH,eAAO,MAAM,SAAS,YAnHwB,GAAG,EAAE,KAAK,GAuKtD,CAAC;AAEH,eAAO,MAAM,MAAM,YAzK2B,GAAG,EAAE,KAAK,GAgLtD,CAAC;AAEH,eAAO,MAAM,WAAW,YAlLsB,GAAG,EAAE,KAAK,GAgMtD,CAAC;AAEH,eAAO,MAAM,OAAO,YAlM0B,GAAG,EAAE,KAAK,GAkNtD,CAAC"}

package/dist/hooks/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -21,7 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var hooks_exports = {};
 __export(hooks_exports, {
   createHook: () => createHook,
-  plugin: () => plugin,
   useCallback: () => useCallback,
   useEffect: () => useEffect,
   useMemo: () => useMemo,
@@ -29,58 +27,48 @@ __export(hooks_exports, {
   useState: () => useState
 });
 module.exports = __toCommonJS(hooks_exports);
-var localValyrian = {
-  current: {
-    component: null,
-    vnode: null,
-    oldVnode: null
-  },
-  onUnmount() {
-  },
-  onCleanup() {
-  },
-  onMount() {
-  },
-  onUpdate() {
-  },
-  update() {
-  }
-};
-var createHook = function createHook2({ onCreate, onUpdate, onCleanup, onRemove, returnValue }) {
+var import_valyrian = require("valyrian.js");
+var createHook = function createHook2({
+  onCreate,
+  onUpdate: onUpdateHook,
+  onCleanup: onCleanupHook,
+  onRemove,
+  returnValue
+}) {
   return (...args) => {
-    let { component, vnode, oldVnode } = localValyrian.current;
+    let { component, vnode, oldVnode } = import_valyrian.current;
     if (!vnode.components) {
       vnode.components = [];
-      localValyrian.onUnmount(() => Reflect.deleteProperty(vnode, "components"));
+      (0, import_valyrian.onUnmount)(() => Reflect.deleteProperty(vnode, "components"));
     }
     if (vnode.components.indexOf(component) === -1) {
       vnode.components.push(component);
     }
     if (!component.hooks) {
       component.hooks = [];
-      localValyrian.onUnmount(() => Reflect.deleteProperty(component, "hooks"));
+      (0, import_valyrian.onUnmount)(() => Reflect.deleteProperty(component, "hooks"));
     }
     let hook = void 0;
     if (!oldVnode || !oldVnode.components || oldVnode.components[vnode.components.length - 1] !== component) {
       hook = onCreate(...args);
       component.hooks.push(hook);
       if (onRemove) {
-        localValyrian.onUnmount(() => onRemove(hook));
+        (0, import_valyrian.onUnmount)(() => onRemove(hook));
       }
     } else {
       if ("calls" in component === false) {
         component.calls = -1;
-        localValyrian.onUnmount(() => Reflect.deleteProperty(component, "calls"));
+        (0, import_valyrian.onUnmount)(() => Reflect.deleteProperty(component, "calls"));
       }
-      localValyrian.onCleanup(() => component.calls = -1);
+      (0, import_valyrian.onCleanup)(() => component.calls = -1);
       component.calls++;
       hook = component.hooks[component.calls];
-      if (onUpdate) {
-        onUpdate(hook, ...args);
+      if (onUpdateHook) {
+        onUpdateHook(hook, ...args);
       }
     }
-    if (onCleanup) {
-      localValyrian.onCleanup(() => onCleanup(hook));
+    if (onCleanupHook) {
+      (0, import_valyrian.onCleanup)(() => onCleanupHook(hook));
     }
     if (returnValue) {
       return returnValue(hook);
@@ -91,7 +79,7 @@ var createHook = function createHook2({ onCreate, onUpdate, onCleanup, onRemove,
 var updateTimeout;
 function delayedUpdate() {
   clearTimeout(updateTimeout);
-  updateTimeout = setTimeout(localValyrian.update);
+  updateTimeout = setTimeout(import_valyrian.update);
 }
 var useState = createHook({
   onCreate: (value) => {
@@ -153,7 +141,7 @@ var useEffect = createHook({
 });
 var useRef = createHook({
   onCreate: (initialValue) => {
-    localValyrian.directive("ref", (ref, vnode) => {
+    (0, import_valyrian.directive)("ref", (ref, vnode) => {
       ref.current = vnode.dom;
     });
     return { current: initialValue };
@@ -191,6 +179,3 @@ var useMemo = createHook({
     return hook.value;
   }
 });
-function plugin(v) {
-  localValyrian = v;
-}

package/dist/hooks/index.mjs

@@ -1,56 +1,46 @@
 // lib/hooks/index.ts
-var localValyrian = {
-  current: {
-    component: null,
-    vnode: null,
-    oldVnode: null
-  },
-  onUnmount() {
-  },
-  onCleanup() {
-  },
-  onMount() {
-  },
-  onUpdate() {
-  },
-  update() {
-  }
-};
-var createHook = function createHook2({ onCreate, onUpdate, onCleanup, onRemove, returnValue }) {
+import { current, directive, onCleanup, onUnmount, update } from "valyrian.js";
+var createHook = function createHook2({
+  onCreate,
+  onUpdate: onUpdateHook,
+  onCleanup: onCleanupHook,
+  onRemove,
+  returnValue
+}) {
   return (...args) => {
-    let { component, vnode, oldVnode } = localValyrian.current;
+    let { component, vnode, oldVnode } = current;
     if (!vnode.components) {
       vnode.components = [];
-      localValyrian.onUnmount(() => Reflect.deleteProperty(vnode, "components"));
+      onUnmount(() => Reflect.deleteProperty(vnode, "components"));
     }
     if (vnode.components.indexOf(component) === -1) {
       vnode.components.push(component);
     }
     if (!component.hooks) {
       component.hooks = [];
-      localValyrian.onUnmount(() => Reflect.deleteProperty(component, "hooks"));
+      onUnmount(() => Reflect.deleteProperty(component, "hooks"));
     }
     let hook = void 0;
     if (!oldVnode || !oldVnode.components || oldVnode.components[vnode.components.length - 1] !== component) {
       hook = onCreate(...args);
       component.hooks.push(hook);
       if (onRemove) {
-        localValyrian.onUnmount(() => onRemove(hook));
+        onUnmount(() => onRemove(hook));
       }
     } else {
       if ("calls" in component === false) {
         component.calls = -1;
-        localValyrian.onUnmount(() => Reflect.deleteProperty(component, "calls"));
+        onUnmount(() => Reflect.deleteProperty(component, "calls"));
       }
-      localValyrian.onCleanup(() => component.calls = -1);
+      onCleanup(() => component.calls = -1);
       component.calls++;
       hook = component.hooks[component.calls];
-      if (onUpdate) {
-        onUpdate(hook, ...args);
+      if (onUpdateHook) {
+        onUpdateHook(hook, ...args);
       }
     }
-    if (onCleanup) {
-      localValyrian.onCleanup(() => onCleanup(hook));
+    if (onCleanupHook) {
+      onCleanup(() => onCleanupHook(hook));
     }
     if (returnValue) {
       return returnValue(hook);
@@ -61,7 +51,7 @@ var createHook = function createHook2({ onCreate, onUpdate, onCleanup, onRemove,
 var updateTimeout;
 function delayedUpdate() {
   clearTimeout(updateTimeout);
-  updateTimeout = setTimeout(localValyrian.update);
+  updateTimeout = setTimeout(update);
 }
 var useState = createHook({
   onCreate: (value) => {
@@ -123,7 +113,7 @@ var useEffect = createHook({
 });
 var useRef = createHook({
   onCreate: (initialValue) => {
-    localValyrian.directive("ref", (ref, vnode) => {
+    directive("ref", (ref, vnode) => {
       ref.current = vnode.dom;
     });
     return { current: initialValue };
@@ -161,12 +151,8 @@ var useMemo = createHook({
     return hook.value;
   }
 });
-function plugin(v) {
-  localValyrian = v;
-}
 export {
   createHook,
-  plugin,
   useCallback,
   useEffect,
   useMemo,

package/dist/index.d.ts

@@ -1,7 +1,91 @@
-/// <reference path="interfaces.d.ts" />
-import { Valyrian, VnodeComponentInterface, VnodeInterface, VnodeTextInterface } from "Valyrian";
+export interface Props {
+    key?: string | number;
+    state?: any;
+    oncreate?: {
+        (vnode: VnodeInterface): never;
+    };
+    onupdate?: {
+        (vnode: VnodeInterface, oldVnode: VnodeInterface): never;
+    };
+    onremove?: {
+        (oldVnode: VnodeInterface): never;
+    };
+    shouldupdate?: {
+        (vnode: VnodeInterface, oldVnode: VnodeInterface): undefined | boolean;
+    };
+    [key: string | number | symbol]: any;
+}
+export interface DomElement extends Element {
+    [key: string]: any;
+}
+export interface VnodeInterface {
+    new (tag: string | Component | POJOComponent, props: Props, children: Children): VnodeInterface;
+    tag: string | Component | POJOComponent;
+    props: Props;
+    children: Children;
+    isSVG?: boolean;
+    dom?: DomElement;
+    processed?: boolean;
+    [key: string | number | symbol]: any;
+}
+export interface VnodeWithDom extends VnodeInterface {
+    dom: DomElement;
+}
+export interface Component {
+    (props?: Props | null, ...children: any[]): VnodeInterface | Children | any;
+    [key: string]: any;
+}
+export interface POJOComponent {
+    view: Component;
+    props?: Props | null;
+    children?: any[];
+    [key: string]: any;
+}
+export interface VnodeComponentInterface extends VnodeInterface {
+    tag: Component | POJOComponent;
+    props: Props;
+    children: Children;
+}
+export interface Children extends Array<VnodeInterface | VnodeComponentInterface | any> {
+}
+export interface Directive {
+    (value: any, vnode: VnodeWithDom, oldVnode?: VnodeWithDom): void | boolean;
+}
+export interface Directives {
+    [key: string]: Directive;
+}
+export interface ReservedProps {
+    [key: string]: true;
+}
+export interface Current {
+    component: Component | POJOComponent | null;
+    vnode: VnodeWithDom | null;
+    oldVnode?: VnodeWithDom | null;
+}
+export interface V {
+    (tagOrComponent: string | Component | POJOComponent, props: Props | null, ...children: Children): VnodeInterface | VnodeComponentInterface;
+    fragment(_: any, ...children: Children): Children;
+}
+export declare let isNodeJs: boolean;
+export declare function createDomElement(tag: string, isSVG?: boolean): DomElement;
 export declare const Vnode: VnodeInterface;
-export declare const VnodeText: VnodeTextInterface;
-export declare const VnodeComponent: VnodeComponentInterface;
-export declare const v: Valyrian;
+export declare function isComponent(component: any): component is Component;
+export declare const isVnode: (object?: unknown | VnodeInterface) => object is VnodeInterface;
+export declare const isVnodeComponent: (object?: unknown | VnodeComponentInterface) => object is VnodeComponentInterface;
+export declare function trust(htmlString: string): any;
+export declare const current: Current;
+export declare const reservedProps: Record<string, true>;
+export declare function onMount(callback: any): void;
+export declare function onUpdate(callback: any): void;
+export declare function onCleanup(callback: any): void;
+export declare function onUnmount(callback: any): void;
+export declare const directives: Directives;
+export declare function directive(name: string, directive: Directive): void;
+export declare function setAttribute(name: string, value: any, newVnode: VnodeWithDom, oldVnode?: VnodeWithDom): void;
+export declare function updateAttributes(newVnode: VnodeWithDom, oldVnode?: VnodeWithDom): void;
+export declare function patch(newVnode: VnodeWithDom, oldVnode?: VnodeWithDom): void;
+export declare function update(): void | string;
+export declare function unmount(): string | void;
+export declare function mount(dom: any, component: any): string | void;
+export declare const v: V;
 //# sourceMappingURL=index.d.ts.map