valyrian.js 7.2.12 → 8.0.1

package/dist/hooks/index.mjs

@@ -1,5 +1,6 @@
 // lib/hooks/index.ts
-import { current, directive, onCleanup, onUnmount, update } from "valyrian.js";
+import { current, directive, onCleanup, onUnmount, debouncedUpdate } from "valyrian.js";
+import { hasChanged } from "valyrian.js/utils";
 var componentToHooksWeakMap = /* @__PURE__ */ new WeakMap();
 var createHook = function createHook2({
   onCreate,
@@ -10,19 +11,19 @@ var createHook = function createHook2({
 }) {
   return (...args) => {
     const component = current.component;
-    let hook = null;
-    if (componentToHooksWeakMap.has(component) === false) {
-      const HookCalls2 = { hooks: [], hook_calls: -1 };
-      componentToHooksWeakMap.set(component, HookCalls2);
-      onUnmount(() => componentToHooksWeakMap.delete(component));
+    let HookCalls = componentToHooksWeakMap.get(component);
+    if (!HookCalls) {
+      HookCalls = { hooks: [], hook_calls: -1 };
+      componentToHooksWeakMap.set(component, HookCalls);
+      onUnmount(() => {
+        componentToHooksWeakMap.delete(component);
+      });
     }
-    const HookCalls = componentToHooksWeakMap.get(component);
     onCleanup(() => HookCalls.hook_calls = -1);
-    hook = HookCalls.hooks[++HookCalls.hook_calls];
+    let hook = HookCalls.hooks[++HookCalls.hook_calls];
     if (hook) {
-      onUpdateHook && onUpdateHook(hook, ...args);
-    }
-    if (!hook) {
+      onUpdateHook?.(hook, ...args);
+    } else {
       hook = onCreate(...args);
       HookCalls.hooks.push(hook);
       onRemove && onUnmount(() => onRemove(hook));
@@ -31,27 +32,20 @@ var createHook = function createHook2({
     return returnValue ? returnValue(hook) : hook;
   };
 };
-var updateTimeout;
-function delayedUpdate() {
-  clearTimeout(updateTimeout);
-  updateTimeout = setTimeout(update);
-}
 var useState = createHook({
   onCreate: (value) => {
+    let state = value;
     function get() {
-      return value;
+      return state;
     }
-    get.value = value;
-    get.toJSON = get.valueOf = get;
-    get.toString = () => `${value}`;
     function set(newValue) {
-      if (current.event) {
+      if (current.event && !current.event.defaultPrevented) {
         current.event.preventDefault();
       }
-      if (value !== newValue) {
-        value = newValue;
-        get.value = newValue;
-        delayedUpdate();
+      const resolvedValue = typeof newValue === "function" ? newValue(state) : newValue;
+      if (hasChanged(state, resolvedValue)) {
+        state = resolvedValue;
+        debouncedUpdate();
       }
     }
     return [get, set];
@@ -77,17 +71,15 @@ var useEffect = createHook({
       hook.onCleanup = hook.effect();
       return;
     }
-    if (Array.isArray(changes)) {
-      for (let i = 0, l = changes.length; i < l; i++) {
-        if (changes[i] !== hook.prev[i]) {
-          hook.prev = changes;
-          if (typeof hook.onCleanup === "function") {
-            hook.onCleanup();
-          }
-          hook.onCleanup = hook.effect();
-          return;
-        }
+    if (Array.isArray(changes) && changes.length === 0) {
+      return;
+    }
+    if (Array.isArray(changes) && hasChanged(hook.prev, changes)) {
+      hook.prev = changes;
+      if (typeof hook.onCleanup === "function") {
+        hook.onCleanup();
       }
+      hook.onCleanup = hook.effect();
     }
   },
   onRemove: (hook) => {
@@ -109,35 +101,27 @@ var useRef = createHook({
 });
 var useCallback = createHook({
   onCreate: (callback, changes) => {
-    callback();
     return { callback, changes };
   },
   onUpdate: (hook, callback, changes) => {
-    for (let i = 0, l = changes.length; i < l; i++) {
-      if (changes[i] !== hook.changes[i]) {
-        hook.changes = changes;
-        hook.callback();
-        return;
-      }
+    if (hasChanged(hook.changes, changes)) {
+      hook.changes = changes;
+      hook.callback = callback;
     }
-  }
+  },
+  returnValue: (hook) => hook.callback
 });
 var useMemo = createHook({
   onCreate: (callback, changes) => {
     return { callback, changes, value: callback() };
   },
   onUpdate: (hook, callback, changes) => {
-    for (let i = 0, l = changes.length; i < l; i++) {
-      if (changes[i] !== hook.changes[i]) {
-        hook.changes = changes;
-        hook.value = callback();
-        return;
-      }
+    if (hasChanged(hook.changes, changes)) {
+      hook.changes = changes;
+      hook.value = callback();
     }
   },
-  returnValue: (hook) => {
-    return hook.value;
-  }
+  returnValue: (hook) => hook.value
 });
 export {
   createHook,

package/dist/hooks/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../lib/hooks/index.ts"],
-  "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"]
+  "sourcesContent": ["import { Component, POJOComponent, current, directive, onCleanup, onUnmount, debouncedUpdate } from \"valyrian.js\";\nimport { hasChanged } from \"valyrian.js/utils\";\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 HookCalls = componentToHooksWeakMap.get(component);\n\n    if (!HookCalls) {\n      HookCalls = { hooks: [], hook_calls: -1 } as HookCalls;\n      componentToHooksWeakMap.set(component, HookCalls);\n      onUnmount(() => {\n        componentToHooksWeakMap.delete(component);\n      });\n    }\n\n    onCleanup(() => ((HookCalls as HookCalls).hook_calls = -1));\n\n    let hook = HookCalls.hooks[++HookCalls.hook_calls];\n    if (hook) {\n      onUpdateHook?.(hook, ...args);\n    } else {\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\n// Use state hook\nexport const useState = createHook({\n  onCreate: (value) => {\n    let state = value;\n    function get() {\n      return state;\n    }\n\n    function set(newValue: any) {\n      if (current.event && !current.event.defaultPrevented) {\n        current.event.preventDefault();\n      }\n\n      const resolvedValue = typeof newValue === \"function\" ? newValue(state) : newValue;\n\n      if (hasChanged(state, resolvedValue)) {\n        state = resolvedValue;\n        debouncedUpdate();\n      }\n    }\n\n    return [get, set];\n  }\n});\n\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    if (Array.isArray(changes) && changes.length === 0) {\n      // Si las dependencias son un array vac\u00EDo, no se debe volver a ejecutar.\n      return;\n    }\n\n    // on update if there are changes\n    if (Array.isArray(changes) && hasChanged(hook.prev, changes)) {\n      hook.prev = changes;\n      if (typeof hook.onCleanup === \"function\") {\n        hook.onCleanup();\n      }\n      hook.onCleanup = hook.effect();\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    return { callback, changes };\n  },\n  onUpdate: (hook, callback, changes) => {\n    if (hasChanged(hook.changes, changes)) {\n      hook.changes = changes;\n      hook.callback = callback;\n    }\n  },\n  returnValue: (hook) => hook.callback\n});\n\nexport const useMemo = createHook({\n  onCreate: (callback, changes) => {\n    return { callback, changes, value: callback() };\n  },\n  onUpdate: (hook, callback, changes) => {\n    if (hasChanged(hook.changes, changes)) {\n      hook.changes = changes;\n      hook.value = callback();\n    }\n  },\n  returnValue: (hook) => hook.value\n});\n"],
+  "mappings": "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",
+  "names": ["createHook"]
 }

package/dist/index.d.ts

@@ -3,17 +3,19 @@ declare global {
     namespace JSX {
         interface IntrinsicElements extends DefaultRecord {
         }
+        type Element = ReturnType<typeof v | ((...args: any) => string | number | null | undefined | boolean | Promise<any>)>;
+        type ComponentReturnType = string | number | null | undefined | boolean | Element | Element[];
     }
 }
 interface DefaultRecord extends Record<string | number | symbol, any> {
 }
-export interface VnodeProperties extends DefaultRecord {
+export interface Properties extends DefaultRecord {
     key?: string | number;
 }
 export interface DomElement extends Element, DefaultRecord {
 }
 export interface Component extends DefaultRecord {
-    (props: VnodeProperties, children: any[]): Vnode | any;
+    (props: Properties, children: any[]): Vnode | any;
 }
 export interface POJOComponent extends DefaultRecord {
     view: Component;
@@ -25,30 +27,31 @@ export interface VnodeComponentInterface extends Vnode {
 export interface Children extends Array<Vnode | VnodeComponentInterface | ValyrianComponent | any> {
 }
 export interface Directive {
-    (value: any, vnode: VnodeWithDom, oldProps: VnodeProperties | null): void | boolean;
+    (value: any, vnode: VnodeWithDom, oldProps: Properties | null): false | void | any;
 }
 export declare const isNodeJs: boolean;
 export declare class Vnode {
     tag: string | Component | POJOComponent;
-    props: null | VnodeProperties;
+    props: null | Properties;
     children: Children;
     dom?: DomElement | undefined;
     isSVG?: boolean | undefined;
-    constructor(tag: string | Component | POJOComponent, props: null | VnodeProperties, children: Children, dom?: DomElement | undefined, isSVG?: boolean | undefined);
+    constructor(tag: string | Component | POJOComponent, props: null | Properties, children: Children, dom?: DomElement | undefined, isSVG?: boolean | undefined);
 }
 export interface VnodeWithDom extends Vnode {
     tag: string;
     dom: DomElement;
-    props: VnodeProperties;
+    props: Properties;
 }
+export declare const isPOJOComponent: (component: unknown) => component is POJOComponent;
 export declare const isComponent: (component: unknown) => component is Component;
 export declare const isVnode: (object?: unknown) => object is Vnode;
 export declare const isVnodeComponent: (object?: unknown) => object is VnodeComponentInterface;
-export declare function v(tagOrComponent: string | Component, props: VnodeProperties, ...children: Children): Vnode;
+export declare function v(tagOrComponent: string | ValyrianComponent, props: Properties | null, ...children: Children): Vnode;
 export declare namespace v {
-    var fragment: (_: VnodeProperties, ...children: Children) => Children;
+    var fragment: (_: Properties, ...children: Children) => Children;
 }
-export declare function domToVnode(dom: any): VnodeWithDom | void;
+export declare function hidrateDomToVnode(dom: any): VnodeWithDom | void;
 export declare function trust(htmlString: string): (void | VnodeWithDom)[];
 export declare const current: {
     vnode: Vnode | null;
@@ -62,13 +65,14 @@ export declare const onCleanup: (callback: Function) => Set<Function>;
 export declare const onUnmount: (callback: Function) => false | Set<Function>;
 export declare const directives: Record<string, Directive>;
 export declare function directive(name: string, directive: Directive): void;
+export declare function setPropNameReserved(name: string): void;
 export declare function setAttribute(name: string, value: any, newVnode: VnodeWithDom): void;
-export declare function updateAttributes(newVnode: VnodeWithDom, oldProps: VnodeProperties | null): void;
+export declare function updateAttributes(newVnode: VnodeWithDom, oldProps: Properties | null): void;
 export declare function createElement(tag: string, isSVG: boolean): DomElement;
-export declare function patch(newVnode: VnodeWithDom): void;
 export declare function updateVnode(vnode: VnodeWithDom): string | void;
-export declare function update(): void | string;
-export declare function unmount(): string | void;
-export declare function mount(dom: string | DomElement, component: any): string | void;
+export declare function update(): string;
+export declare function debouncedUpdate(): void;
+export declare function unmount(): string;
+export declare function mount(dom: string | DomElement, component: ValyrianComponent | VnodeComponentInterface | any): string;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}