cradova 3.12.1 → 3.12.3

package/dist/index.js

@@ -55,7 +55,7 @@ var makeElement = (element, ElementChildrenAndPropertyList) => {
       if (Array.isArray(value)) {
         if (prop === "ref" && value.length === 2 && value[0] instanceof RefInstance && typeof value[1] === "string") {
           const [refInstance, name] = value;
-          refInstance.current[name] = element;
+          refInstance.refs[name] = element;
           continue;
         }
         if (value.length === 2 && value[1] instanceof Signal && typeof value[0] === "string") {
@@ -227,10 +227,6 @@ function useCallback(callback, deps) {
   return useMemo.call(this, () => callback, deps);
 }
 function useRef() {
-  const self = this;
-  if (typeof self !== "function") {
-    throw new Error("Cradova Hook Error: useRef called outside of a Cradova component context.");
-  }
   return new RefInstance;
 }
 function useReducer(reducer, initialArg, initializer) {
@@ -434,8 +430,8 @@ function invoke(fn, ...args) {
   return toComp(fn, args);
 }
 var useExternalEffect = (effect) => {
-  return (comp, ...args) => {
-    return effect.apply(comp, args);
+  return (ctx, ...args) => {
+    return effect(ctx, ...args);
   };
 };
 
@@ -1091,7 +1087,13 @@ class Router {
 }
 
 class RefInstance {
-  current = {};
+  $refs = {};
+  current(key) {
+    return this.$refs[key];
+  }
+  get refs() {
+    return this.$refs;
+  }
   bind(name) {
     return [this, name];
   }

package/dist/primitives/classes.d.ts

@@ -43,7 +43,7 @@ export declare class Signal<Type = any> {
      * @param callback function to call.
      */
     notify<T extends keyof Type>(eventName: (T | "dataChanged" | "itemUpdated" | T[]) | (() => HTMLElement | void) | Comp | ((ctx: Comp) => HTMLElement), listener?: (() => HTMLElement | void) | Comp | ((this: Comp) => HTMLElement)): void;
-    computed<T extends keyof Type>(eventName: (T | "dataChanged" | "itemUpdated") | (() => HTMLElement) | Comp | ((this: Comp) => HTMLElement), element?: (() => HTMLElement) | Comp | ((this: Comp) => HTMLElement)): HTMLElement | undefined;
+    computed<T extends keyof Type>(eventName: (T | "dataChanged" | "itemUpdated") | (() => HTMLElement) | Comp | ((ctx: Comp) => HTMLElement), element?: (() => HTMLElement) | Comp | ((ctx: Comp) => HTMLElement)): HTMLElement | undefined;
     /**
      *  Cradova Signal
      * ----
@@ -142,7 +142,9 @@ export declare class Router {
  * make reference to dom elements
  */
 export declare class RefInstance<T = unknown> {
-    current: Record<string, T>;
+    private $refs;
+    current(key: string): T;
+    get refs(): Record<string, T>;
     /**
      * Bind a DOM element to a reference name.
      * @param name - The name to reference the DOM element by.

package/dist/primitives/functions.d.ts

@@ -45,5 +45,5 @@ export declare function invoke(fn: (...args: any[]) => HTMLElement, ...args: any
  * Gives you access the component instance
  * @param effect - The function to invoke
  */
-export declare const useExternalEffect: <T>(effect: (this: Comp, ...args: any[]) => T) => (comp: Comp, ...args: any[]) => T;
+export declare const useExternalEffect: <T>(effect: (ctx: Comp, ...args: any[]) => T) => (ctx: Comp, ...args: any[]) => T;
 export {};

package/dist/primitives/types.d.ts

@@ -48,9 +48,6 @@ export interface Comp extends Function {
     useEffect: (effect: () => (() => void) | void, deps?: unknown[]) => void;
     useMemo: <T>(factory: () => T, deps?: unknown[]) => T;
     useCallback: <T extends (...args: any[]) => any>(callback: T, deps?: unknown[]) => T;
-    useRef: <T = unknown>() => {
-        current: Record<string, T>;
-        bind: (name: string) => any;
-    };
+    useRef: <T extends HTMLElement | Node | DocumentFragment>() => RefInstance<T>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cradova",
-  "version": "3.12.1",
+  "version": "3.12.3",
   "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",