react-state-custom 1.0.15 → 1.0.18

package/README.md

@@ -53,41 +53,27 @@ The [API Documentation](./API_DOCUMENTATION.md) is organized into the following
 
 ## 🔧 Quick Example
 
-```typescript
-import { useDataContext, useDataSource, useDataSubscribe } from 'react-state-custom';
+### Using createRootCtx for Advanced State Management
 
-interface AppState {
-  user: User | null;
-  theme: 'light' | 'dark';
-}
 
-// Provider component
-function AppProvider({ children }) {
-  const ctx = useDataContext<AppState>('app-state');
-  const user = useCurrentUser();
-  const theme = useTheme();
-  
-  useDataSource(ctx, 'user', user);
-  useDataSource(ctx, 'theme', theme);
-  
-  return <>{children}</>;
-}
+file main.tsx
+```typescript
+import { AutoRootCtx } from 'react-state-custom';
 
-// Consumer component
-function UserProfile() {
-  const ctx = useDataContext<AppState>('app-state');
-  const user = useDataSubscribe(ctx, 'user');
-  
-  return <div>Hello, {user?.name}</div>;
+// Root Component
+function App({children}) {
+  return (
+    <>
+      <AutoRootCtx />
+      {children}
+    </>
+  );
 }
-```
-
-## 🔧 Additional Examples
-
-### Using createRootCtx for Advanced State Management
 
+```
+file userState.ts
 ```typescript
-import { createRootCtx, useDataSubscribeMultiple } from 'react-state-custom';
+import { createRootCtx, createAutoCtx,  } from 'react-state-custom';
 
 interface UserState {
   user: User | null;
@@ -108,21 +94,20 @@ function useUserState(props: { userId: string }) {
   return { user, loading, error };
 }
 
-// Create root context factory
-const { Root: UserRoot, useCtxState: useUserCtxState } = createRootCtx(
+// Register State hook
+const { useCtxState: useUserCtxState } = createAutoCtx(createRootCtx(
   'user-state',
   useUserState
-);
+));
 
-// Provider component
-function UserProvider({ userId, children }: { userId: string; children: React.ReactNode }) {
-  return (
-    <>
-      <UserRoot userId={userId} />
-      {children}
-    </>
-  );
-}
+export { useUserCtxState }
+
+```
+
+file UserProfile.tsx
+```typescript
+import { useDataSubscribeMultiple, useQuickSubscribe } from 'react-state-custom';
+import { useUserCtxState } from "./userState.ts"
 
 // Consumer component using useDataSubscribeMultiple
 function UserProfile({ userId }: { userId: string }) {
@@ -134,57 +119,17 @@ function UserProfile({ userId }: { userId: string }) {
   
   return <div>Welcome, {user?.name}!</div>;
 }
-```
 
-### Using useQuickSubscribe for Simplified Access
+// Or using useQuickSubscribe  for Simplified Access
 
-```typescript
-import { useDataContext, useQuickSubscribe } from 'react-state-custom';
-
-interface SettingsState {
-  theme: 'light' | 'dark';
-  language: string;
-  notifications: boolean;
-  updateSetting: (key: string, value: any) => void;
-}
-
-// Component using useQuickSubscribe for easy property access
-function SettingsPanel() {
-  const ctx = useDataContext<SettingsState>('settings');
+function UserProfileV2({ userId }: { userId: string }) {
+  const ctx = useUserCtxState({ userId });
+  const { user, loading, error } = useQuickSubscribe(ctx);
   
-  // useQuickSubscribe automatically subscribes to accessed properties
-  const { theme, language, notifications, updateSetting } = useQuickSubscribe(ctx);
+  if (loading) return <div>Loading user...</div>;
+  if (error) return <div>Error: {error}</div>;
   
-  return (
-    <div className={`settings-panel ${theme}`}>
-      <h2>Settings</h2>
-      
-      <label>
-        Theme:
-        <select value={theme} onChange={(e) => updateSetting('theme', e.target.value)}>
-          <option value="light">Light</option>
-          <option value="dark">Dark</option>
-        </select>
-      </label>
-      
-      <label>
-        Language:
-        <input 
-          value={language} 
-          onChange={(e) => updateSetting('language', e.target.value)} 
-        />
-      </label>
-      
-      <label>
-        <input 
-          type="checkbox" 
-          checked={notifications} 
-          onChange={(e) => updateSetting('notifications', e.target.checked)} 
-        />
-        Enable notifications
-      </label>
-    </div>
-  );
+  return <div>Welcome, {user?.name}!</div>;
 }
 ```
 

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { useRef as R, useMemo as d, useEffect as m, useState as S, useCallback as D, Fragment as O } from "react";
+import { useRef as D, useMemo as d, useEffect as b, useState as S, useCallback as O, Fragment as R } from "react";
 import { jsx as g, Fragment as T } from "react/jsx-runtime";
-function w(e, t) {
-  let r = null, s = function(...o) {
+function w(t, e) {
+  let r = null, s = function(...u) {
     r && clearTimeout(r), r = setTimeout(() => {
-      e(...o);
-    }, t);
+      t(...u);
+    }, e);
   };
   return s.cancel = () => clearTimeout(r), s;
 }
-function V(e) {
-  const t = /* @__PURE__ */ new Map();
+function V(t) {
+  const e = /* @__PURE__ */ new Map();
   return function(...r) {
     const s = JSON.stringify(r);
-    if (t.has(s))
-      return t.get(s);
-    const o = e(...r);
-    return t.set(s, o), o;
+    if (e.has(s))
+      return e.get(s);
+    const u = t(...r);
+    return e.set(s, u), u;
   };
 }
-const v = () => Math.random().toString().slice(2), j = (e) => {
-  const { current: { computedHash: t } } = R({
+const v = () => Math.random().toString().slice(2), j = (t) => {
+  const { current: { computedHash: e } } = D({
     /**
      * Getter for the computed hash function.
      *
@@ -29,17 +29,17 @@ const v = () => Math.random().toString().slice(2), j = (e) => {
      */
     get computedHash() {
       let r = [], s = v();
-      return (o) => {
+      return (u) => {
         let n = !1;
-        return n = n || !o != !r, n = n || o?.length != r?.length, n = n || o.some((a, c) => a != r[c]), r = o, n && (s = v()), s;
+        return n = n || !u != !r, n = n || u?.length != r?.length, n = n || u.some((a, c) => a != r[c]), r = u, n && (s = v()), s;
       };
     }
   });
-  return t(e);
+  return e(t);
 };
 class G extends Event {
-  constructor(t, r) {
-    super(t), this.event = t, this.value = r;
+  constructor(e, r) {
+    super(e), this.event = e, this.value = r;
   }
 }
 class H extends EventTarget {
@@ -47,8 +47,8 @@ class H extends EventTarget {
    * Create a new Context instance.
    * @param name - The name of the context (for debugging).
    */
-  constructor(t) {
-    console.log("[CONTEXT] %s", t), super(), this.name = t;
+  constructor(e) {
+    console.log("[CONTEXT] %s", e), super(), this.name = e;
   }
   // private event = new EventEmitter()
   /**
@@ -64,8 +64,8 @@ class H extends EventTarget {
    * @param key - The key to update.
    * @param value - The new value.
    */
-  publish(t, r) {
-    r != this.data[t] && (this.data[t] = r, this.dispatchEvent(new G(String(t), r)));
+  publish(e, r) {
+    r != this.data[e] && (this.data[e] = r, this.dispatchEvent(new G(String(e), r)));
   }
   /**
    * Subscribe to changes for a specific key in the context.
@@ -73,100 +73,100 @@ class H extends EventTarget {
    * @param _listener - Callback invoked with the new value.
    * @returns Unsubscribe function.
    */
-  subscribe(t, r) {
-    const s = ({ event: o, value: n }) => {
+  subscribe(e, r) {
+    const s = ({ event: u, value: n }) => {
       r(n);
     };
-    return this.addEventListener(String(t), s), t in this.data && r(this.data[t]), () => (this.removeEventListener(String(t), s), void 0);
+    return this.addEventListener(String(e), s), e in this.data && r(this.data[e]), () => (this.removeEventListener(String(e), s), void 0);
   }
 }
-const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e, ...t) => {
-  const r = new Error("[ctx] useRegistryChecker failed " + JSON.stringify({ names: t, ctx: e?.name ?? "undefined" }));
-  m(
+const A = V((t) => new H(t)), p = (t = "noname") => d(() => A(t), [t]), N = (t, ...e) => {
+  const r = new Error("[ctx] useRegistryChecker failed " + JSON.stringify({ names: e, ctx: t?.name ?? "undefined" }));
+  b(
     () => {
-      if (e)
-        return t.some((s) => e.registry.has(s)) && console.error(r), t.forEach((s) => e.registry.add(s)), () => {
-          t.forEach((s) => e.registry.delete(s));
+      if (t)
+        return e.some((s) => t.registry.has(s)) && console.error(r), e.forEach((s) => t.registry.add(s)), () => {
+          e.forEach((s) => t.registry.delete(s));
         };
     },
-    [e, t.length]
+    [t, e.length]
   );
-}, x = (e, t, r) => {
-  m(() => {
-    e && e.data[t] != r && e.publish(t, r);
-  }, [t, r, e]), N(e, t);
-}, W = (e, t, r = 0) => {
-  const [{ value: s }, o] = S(() => ({ value: e?.data?.[t] }));
-  return m(() => {
-    if (e) {
-      let n = r == 0 ? (c) => o({ value: c }) : w((c) => o({ value: c }), r), a = e.subscribe(t, n);
-      return s != e.data[t] && o({ value: e.data[t] }), () => {
+}, x = (t, e, r) => {
+  b(() => {
+    t && t.data[e] != r && t.publish(e, r);
+  }, [e, r, t]), N(t, e);
+}, W = (t, e, r = 0) => {
+  const [{ value: s }, u] = S(() => ({ value: t?.data?.[e] }));
+  return b(() => {
+    if (t) {
+      let n = r == 0 ? (c) => u({ value: c }) : w((c) => u({ value: c }), r), a = t.subscribe(e, n);
+      return s != t.data[e] && u({ value: t.data[e] }), () => {
         a();
       };
     }
-  }, [t, e]), e?.data[t];
-}, z = (e, t, r) => {
-  const [, s] = S(0), o = d(
-    () => r(e?.data[t]),
-    [r, e?.data[t]]
+  }, [e, t]), t?.data[e];
+}, z = (t, e, r) => {
+  const [, s] = S(0), u = d(
+    () => r(t?.data[e]),
+    [r, t?.data[e]]
   );
-  return m(() => {
-    if (e) {
-      let n = o, a = () => {
-        let u = r(e.data[t]);
-        u != n && (n = u, s((l) => l + 1));
-      }, c = e.subscribe(t, a);
+  return b(() => {
+    if (t) {
+      let n = u, a = () => {
+        let o = r(t.data[e]);
+        o != n && (n = o, s((l) => l + 1));
+      }, c = t.subscribe(e, a);
       return a(), () => c();
     }
-  }, [t, e]), o;
-}, M = (e, ...t) => {
-  m(() => {
-    if (e)
-      for (let [r, s] of t)
-        e.data[r] != s && e.publish(r, s);
-  }, [e, j(t.flat())]), N(e, ...t.map((r) => r[0]));
-}, K = (e, ...t) => {
-  const [, r] = S(0), s = t.map((o) => e?.data?.[o]);
-  return m(() => {
-    if (e) {
-      let o = s;
+  }, [e, t]), u;
+}, M = (t, ...e) => {
+  b(() => {
+    if (t)
+      for (let [r, s] of e)
+        t.data[r] != s && t.publish(r, s);
+  }, [t, j(e.flat())]), N(t, ...e.map((r) => r[0]));
+}, K = (t, ...e) => {
+  const [, r] = S(0), s = e.map((u) => t?.data?.[u]);
+  return b(() => {
+    if (t) {
+      let u = s;
       const n = w(() => {
-        let u = t.map((l) => e?.data?.[l]);
-        t.some((l, i) => o[i] != u[i]) && (o = u, r((l) => l + 1));
+        let o = e.map((l) => t?.data?.[l]);
+        e.some((l, i) => u[i] != o[i]) && (u = o, r((l) => l + 1));
       }, 1);
-      let a = t.map((u) => e.subscribe(u, n)), c = setTimeout(n, 1);
+      let a = e.map((o) => t.subscribe(o, n)), c = setTimeout(n, 1);
       return () => {
-        clearTimeout(c), n.cancel(), a.forEach((u) => u());
+        clearTimeout(c), n.cancel(), a.forEach((o) => o());
       };
     }
-  }, [e, ...t]), Object.fromEntries(t.map((o, n) => [o, s[n]]));
-}, P = (e, t = 50, ...r) => {
-  const [, s] = S(0), o = r.map((n) => e?.data?.[n]);
-  return m(() => {
-    if (e) {
-      let n = o;
+  }, [t, ...e]), Object.fromEntries(e.map((u, n) => [u, s[n]]));
+}, P = (t, e = 50, ...r) => {
+  const [, s] = S(0), u = r.map((n) => t?.data?.[n]);
+  return b(() => {
+    if (t) {
+      let n = u;
       const a = w(() => {
-        let l = r.map((i) => e?.data?.[i]);
-        r.some((i, b) => n[b] != l[b]) && (n = l, s((i) => i + 1));
-      }, t);
-      let c = r.map((l) => e.subscribe(l, a)), u = setTimeout(a, 1);
+        let l = r.map((i) => t?.data?.[i]);
+        r.some((i, m) => n[m] != l[m]) && (n = l, s((i) => i + 1));
+      }, e);
+      let c = r.map((l) => t.subscribe(l, a)), o = setTimeout(a, 1);
       return () => {
-        clearTimeout(u), a.cancel(), c.forEach((l) => l());
+        clearTimeout(o), a.cancel(), c.forEach((l) => l());
       };
     }
-  }, [e, ...r]), o;
-}, Q = (e, t) => {
+  }, [t, ...r]), u;
+}, Q = (t, e) => {
   const r = (n) => [
-    e,
+    t,
     ...Object.entries(n ?? {}).sort((a, c) => a[0].localeCompare(c[0])).flat()
   ].join("-");
   let s = /* @__PURE__ */ new Set();
-  const o = (n) => {
-    const a = t(n), c = r(n), u = p(c), l = d(() => new Error().stack, []);
+  const u = (n) => {
+    const a = e(n), c = r(n), o = p(c), l = d(() => new Error().stack, []);
     return M(
-      u,
+      o,
       ...Object.entries(a)
-    ), m(() => {
+    ), b(() => {
       if (s.has(c)) {
         const i = new Error("RootContext " + c + " are mounted more than once");
         throw i.stack = l, i;
@@ -176,19 +176,19 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
       };
     }), /* @__PURE__ */ g(T, {});
   };
-  return o.displayName = `State[${t?.name ?? "??"}]`, {
+  return u.displayName = `State[${e?.name ?? "??"}]`, {
     resolveCtxName: r,
-    Root: o,
+    Root: u,
     /**
      * Strict consumer: throws if the corresponding Root for these props isn't mounted.
      * Use in development/tests to fail fast when wiring is incorrect.
      */
     useCtxStateStrict: (n) => {
       const a = r(n), c = d(() => new Error().stack, []);
-      return m(() => {
+      return b(() => {
         if (!s.has(a)) {
-          const u = new Error("RootContext [" + a + "] is not mounted");
-          throw u.stack = c, u;
+          const o = new Error("RootContext [" + a + "] is not mounted");
+          throw o.stack = c, o;
         }
       }, [a]), p(a);
     },
@@ -198,34 +198,34 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
      */
     useCtxState: (n) => {
       const a = r(n), c = d(() => new Error().stack, []);
-      return m(() => {
+      return b(() => {
         if (!s.has(a)) {
-          const u = new Error("RootContext [" + a + "] is not mounted");
-          u.stack = c;
-          let l = setTimeout(() => console.error(u), 1e3);
+          const o = new Error("RootContext [" + a + "] is not mounted");
+          o.stack = c;
+          let l = setTimeout(() => console.error(o), 1e3);
           return () => clearTimeout(l);
         }
       }, [s.has(a)]), p(a);
     }
   };
 }, F = /* @__PURE__ */ function() {
-  const e = /* @__PURE__ */ new WeakMap();
-  return (t) => {
-    let r = e.get(t);
-    return r || e.set(t, r = (t?.name ?? "") + Math.random().toString()), r;
+  const t = /* @__PURE__ */ new WeakMap();
+  return (e) => {
+    let r = t.get(e);
+    return r || t.set(e, r = (e?.name ?? "") + Math.random().toString()), r;
   };
-}(), J = (e) => [
-  ...Object.entries(e ?? {}).sort((t, r) => t[0].localeCompare(r[0])).flat()
-].join("-"), U = ({ Wrapper: e = O }) => {
-  const t = p("auto-ctx"), [r, s] = S({}), o = D(
+}(), J = (t) => [
+  ...Object.entries(t ?? {}).sort((e, r) => e[0].localeCompare(r[0])).flat()
+].join("-"), U = ({ Wrapper: t = R }) => {
+  const e = p("auto-ctx"), [r, s] = S({}), u = O(
     (n, a) => {
-      const c = F(n), u = J(a);
+      const c = F(n), o = J(a);
       return s(({
         [c]: {
           Component: l = n,
           subState: {
-            [u]: i = { params: a, counter: 0 },
-            ...b
+            [o]: i = { params: a, counter: 0 },
+            ...m
           } = {}
         } = {},
         ...h
@@ -234,8 +234,8 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
         [c]: {
           Component: l,
           subState: {
-            ...b,
-            [u]: {
+            ...m,
+            [o]: {
               ...i,
               counter: i.counter + 1
             }
@@ -245,8 +245,8 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
         [c]: {
           Component: l = n,
           subState: {
-            [u]: i = { params: a, counter: 0 },
-            ...b
+            [o]: i = { params: a, counter: 0 },
+            ...m
           } = {}
         } = {},
         ...h
@@ -255,9 +255,9 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
         [c]: {
           Component: l,
           subState: {
-            ...b,
+            ...m,
             ...i.counter > 1 ? {
-              [u]: {
+              [o]: {
                 ...i,
                 counter: i.counter - 1
               }
@@ -269,22 +269,29 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
     []
   );
   return M(
-    t,
-    ["subscribe", o],
+    e,
+    ["subscribe", u],
     ["state", r]
   ), /* @__PURE__ */ g(T, { children: Object.entries(r).flatMap(
-    ([n, { Component: a, subState: c }]) => Object.entries(c).map(([u, { counter: l, params: i }]) => ({ key: n + u, Component: a, params: i, counter: l })).filter((u) => u.counter > 0).map(({ key: u, params: l, Component: i }) => /* @__PURE__ */ g(e, { children: /* @__PURE__ */ g(i, { ...l }) }, u))
+    ([n, { Component: a, subState: c }]) => Object.entries(c).map(([o, { counter: l, params: i }]) => ({ key: n + o, Component: a, params: i, counter: l })).filter((o) => o.counter > 0).map(({ key: o, params: l, Component: i }) => /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(i, { ...l }) }, o))
   ) });
-}, X = ({ Root: e, useCtxState: t, useCtxStateStrict: r, resolveCtxName: s }) => ({
-  useCtxState: (o) => {
-    const n = s(o), a = W(p("auto-ctx"), "subscribe");
-    return m(() => a?.(e, o), [a, n]), p(n);
+}, X = ({ Root: t, useCtxState: e, useCtxStateStrict: r, resolveCtxName: s }, u = 0) => ({
+  useCtxState: (n) => {
+    const a = s(n), c = W(p("auto-ctx"), "subscribe");
+    return b(() => {
+      if (u == 0)
+        return c?.(t, n);
+      {
+        let o = c?.(t, n);
+        return () => setTimeout(o, u);
+      }
+    }, [c, a]), p(a);
   }
-}), q = (e) => {
-  const [, t] = S(0), { proxy: r, finalGetter: s, openGetter: o, clean: n } = d(
+}), q = (t) => {
+  const [, e] = S(0), { proxy: r, finalGetter: s, openGetter: u, clean: n } = d(
     () => {
-      const a = /* @__PURE__ */ new Set(), c = {}, u = /* @__PURE__ */ new Map(), l = new Proxy(
-        e?.data,
+      const a = /* @__PURE__ */ new Set(), c = {}, o = /* @__PURE__ */ new Map(), l = new Proxy(
+        t?.data,
         {
           get(f, C) {
             if (i)
@@ -293,24 +300,24 @@ const A = V((e) => new H(e)), p = (e = "noname") => d(() => A(e), [e]), N = (e,
           }
         }
       );
-      let i = !0, b = w(() => {
-        [...a.values()].some((f) => c[f] != e?.data?.[f]) && t((f) => f + 1);
+      let i = !0, m = w(() => {
+        [...a.values()].some((f) => c[f] != t?.data?.[f]) && e((f) => f + 1);
       }, 0), h = () => {
         i = !0, a.clear();
       }, E = () => {
-        i = !1, [...a.values()].filter((f) => !u.has(f)).forEach((f) => {
-          u.set(f, e?.subscribe(f, b));
-        }), [...u.keys()].filter((f) => !a.has(f)).forEach((f) => {
-          u.get(f)?.(), u.delete(f);
+        i = !1, [...a.values()].filter((f) => !o.has(f)).forEach((f) => {
+          o.set(f, t?.subscribe(f, m));
+        }), [...o.keys()].filter((f) => !a.has(f)).forEach((f) => {
+          o.get(f)?.(), o.delete(f);
         });
       };
       return { proxy: l, finalGetter: E, openGetter: h, clean: () => {
-        h(), E(), t((f) => f + 1);
+        h(), E(), e((f) => f + 1);
       } };
     },
-    [e]
+    [t]
   );
-  return o(), setTimeout(s, 0), m(
+  return u(), setTimeout(s, 0), b(
     () => () => n(),
     [n]
   ), r;

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/state-utils/utils.ts","../src/state-utils/useArrayHash.ts","../src/state-utils/ctx.ts","../src/state-utils/createRootCtx.tsx","../src/state-utils/createAutoCtx.tsx","../src/state-utils/useQuickSubscribe.ts"],"sourcesContent":["// Debounce function\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): ((...args: Parameters<T>) => void) & { cancel: any } {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  let fn: Function & { cancel: any } = function (...args: Parameters<T>): void {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  } as any; \n\n  fn.cancel = () => clearTimeout(timeout!);\n\n  return fn as any;\n}\n\n// Memoize function\nexport function memoize<T extends (...args: any[]) => any>(\n  func: T\n): (...args: Parameters<T>) => ReturnType<T> {\n  const cache = new Map<string, ReturnType<T>>();\n\n  return function (...args: Parameters<T>): ReturnType<T> {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key) as ReturnType<T>;\n    }\n    const result = func(...args);\n    cache.set(key, result);\n    return result;\n  };\n}\n\n","import { useRef } from \"react\"\n\n\nconst randomHash = () => Math.random().toString().slice(2)\n\n/**\n * useArrayHash\n *\n * A custom hook that computes a stable hash for an array of values.\n * The hash changes only when the array's contents differ from the previous call.\n *\n * @param e - The input array to hash.\n * @returns A string hash that updates when the array changes.\n *\n * How it works:\n * - Tracks the previous array and its hash using a `useRef`.\n * - Compares the new array to the previous one by length and element equality.\n * - If any difference is detected, generates a new random hash.\n */\nexport const useArrayHash = (e: any[]): string => {\n\n  const { current: { computedHash } } = useRef({\n    /**\n     * Getter for the computed hash function.\n     *\n     * - Initializes with an empty array and a random hash.\n     * - Returns a function that compares the current array to the previous one.\n     * - Updates the hash if any difference is detected.\n     */\n    get computedHash() {\n      let currentValues: any[] = []\n      let currentHash = randomHash()\n      return (e: any[]) => {\n        let isDiff = false\n\n        // Check for differences in array existence, length, or elements.\n        isDiff = isDiff || ((!e) != (!currentValues))\n        isDiff = isDiff || (e?.length != currentValues?.length);\n        isDiff = isDiff || (e.some((f, i) => f != currentValues[i]));\n\n        // Update the hash if differences are found.\n        currentValues = e;\n        if (isDiff) {\n          currentHash = randomHash()\n        }\n\n        return currentHash\n      }\n    }\n  })\n\n  return computedHash(e)\n}","import { debounce, memoize } from \"./utils\";\nimport { useEffect, useMemo, useState } from \"react\"\nimport { useArrayHash } from \"./useArrayHash\"\n\n\n\nclass DataEvent extends Event {\n  constructor(\n    public event: string,\n    public value: any\n  ) {\n    super(event);\n  }\n}\n\n/**\n * Generic context for managing shared state and event subscriptions.\n * @template D - The shape of the data managed by the context.\n */\nexport class Context<D> extends EventTarget {\n  /**\n   * Create a new Context instance.\n   * @param name - The name of the context (for debugging).\n   */\n  constructor(public name: string) {\n    console.log(\"[CONTEXT] %s\", name)\n    // this.event.setMaxListeners(100)\n    super();\n  }\n\n  // private event = new EventEmitter()\n\n  /**\n   * The current data held by the context.\n   */\n  public data: Partial<D> = {}\n  /**\n   * Registry for tracking active keys (for duplicate detection).\n   */\n  public registry = new Set<string>()\n\n  /**\n   * Publish a value to the context and notify subscribers if it changed.\n   * @param key - The key to update.\n   * @param value - The new value.\n   */\n  public publish(key: keyof D, value: D[typeof key] | undefined) {\n\n    if (value != this.data[key]) {\n      this.data[key] = value\n      // console.count(\"[COUNT] \" + String(key))\n      // this.event.emit(String(key), { value })\n      this.dispatchEvent(new DataEvent(String(key), value))\n    }\n  }\n\n  /**\n   * Subscribe to changes for a specific key in the context.\n   * @param key - The key to subscribe to.\n   * @param _listener - Callback invoked with the new value.\n   * @returns Unsubscribe function.\n   */\n  public subscribe(key: keyof D, _listener: (e: D[typeof key] | undefined) => void) {\n\n    const listener = ({ event, value }: any) => {\n      _listener(value)\n    }\n\n    this.addEventListener(String(key), listener)\n    // console.log(\"listenerCount:\", String(key), this.event.listenerCount(String(key)))\n\n    if (key in this.data) _listener(this.data[key])\n\n    return () => (this.removeEventListener(String(key), listener), undefined)\n  }\n\n}\n\n/**\n * Get or create a memoized Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const getContext = memoize((name: string) => new Context<any>(name))\n\n/**\n * Type alias for a function that returns a Context instance.\n */\nexport type getContext<D> = (e: string) => Context<D>\n\n/**\n * React hook to get a typed Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const useDataContext = <D>(name: string = \"noname\") => {\n\n  const ctx = useMemo(() => getContext(name), [name])\n\n  return ctx as any as Context<D>\n}\n\n/**\n * Internal hook to check for duplicate registry entries in a context.\n * Warns if any of the provided names are already registered.\n * @param ctx - The context instance.\n * @param names - Names to check and register.\n */\nconst useRegistryChecker = (ctx: Context<any> | undefined, ...names: string[]) => {\n  // return;\n  const stack = new Error(\"[ctx] useRegistryChecker failed \" + JSON.stringify({ names, ctx: ctx?.name ?? 'undefined' }))\n\n  useEffect(\n    () => {\n      if (ctx) {\n        if (names.some(name => ctx.registry.has(name))) {\n          console.error(stack)\n        }\n        names.forEach(e => ctx.registry.add(e))\n\n        // console.debug(\"[ctx] %s%s add datasource\", componentId, ctx.name, names)\n        return () => {\n          // console.debug(\"[ctx] %s %s remove datasource\", componentId, ctx.name, names)\n\n          names.forEach(e => ctx.registry.delete(e))\n        }\n      }\n    },\n    [ctx, names.length]\n  )\n\n}\n\n/**\n * React hook to publish a value to the context when it changes.\n * @param ctx - The context instance.\n * @param key - The key to update.\n * @param value - The new value.\n */\nexport const useDataSource = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx && ctx.data[key] != value) {\n\n      ctx.publish(key, value)\n    }\n  }, [key, value, ctx])\n\n  useRegistryChecker(ctx, key as any)\n}\n\n/**\n * React hook to subscribe to a context value, with optional debounce.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param debounceTime - Debounce time in ms (default 0).\n * @returns The current value for the key.\n */\nexport const useDataSubscribe = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime = 0): D[K] | undefined => {\n  //@ts-check\n  const [{ value }, setState] = useState(() => ({ value: ctx?.data?.[key] }))\n\n  useEffect(() => {\n    if (ctx) {\n      let callback = debounceTime == 0\n        ? (value: any) => setState({ value } as any)\n        : debounce((value: any) => setState({ value } as any), debounceTime)\n      let unsub = ctx.subscribe(key, callback)\n      value != ctx.data[key] && setState({ value: ctx.data[key] })\n      return () => {\n        unsub()\n      }\n    }\n  }, [key, ctx])\n\n  return ctx?.data[key]\n}\n\n/**\n * React hook to subscribe to a context value and transform it before returning.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param transform - Function to transform the value.\n * @returns The transformed value.\n */\nexport const useDataSubscribeWithTransform = <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E): E => {\n  const [, setState] = useState(0)\n  const result = useMemo(\n    () => transform(ctx?.data[key]),\n    [transform, ctx?.data[key]]\n  )\n\n  useEffect(() => {\n    if (ctx) {\n      let preValue = result\n      let callback = () => {\n        let newValue = transform(ctx.data[key])\n        if (newValue != preValue) {\n          preValue = newValue;\n          setState(e => e + 1)\n        };\n      }\n      let unsub = ctx.subscribe(key, callback)\n      callback();\n      return () => unsub()\n    }\n  }, [key, ctx])\n\n  return result\n}\n\n/**\n * React hook to publish multiple values to the context.\n * @param ctx - The context instance.\n * @param entries - Array of [key, value] pairs to update.\n */\nexport const useDataSourceMultiple = <D, T extends readonly (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]] }\n) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx) {\n      for (let [key, value] of entries) {\n        ctx.data[key] != value && ctx.publish(key, value)\n      }\n    }\n  }, [ctx, useArrayHash(entries.flat())])\n\n  useRegistryChecker(ctx, ...entries.map(e => e[0]) as any)\n\n}\n\n/**\n * React hook to subscribe to multiple context values.\n * @param ctx - The context instance.\n * @param keys - Keys to subscribe to.\n * @returns An object with the current values for the keys.\n */\nexport const useDataSubscribeMultiple = <D, K extends keyof D>(\n  ctx: Context<D> | undefined,\n  ...keys: K[]\n): Pick<D, K> => {\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          // console.log(\"DIFF\", keys.filter((e, i) => prevValues[i] != currentValues[i]))\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, 1)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n\n  return Object\n    .fromEntries(keys.map((key, index) => [key, returnValues[index]])) as any\n}\n\n/**\n * React hook to subscribe to multiple context values with throttling.\n * @param ctx - The context instance.\n * @param debounceTime - Debounce time in ms (default 50).\n * @param keys - Keys to subscribe to.\n * @returns Array of current values for the keys.\n */\nexport const useDataSubscribeMultipleWithDebounce = <D, K extends (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  debounceTime = 50,\n  ...keys: K\n): { [i in keyof K]: D[K[i]] | undefined } => {\n  //@ts-check\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, debounceTime)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n  return returnValues as any\n}\n\n\n\n","import { useEffect, useMemo } from \"react\"\nimport { useDataContext, useDataSourceMultiple, type Context } from \"./ctx\"\n\n\n\n/**\n * createRootCtx\n *\n * Factory that creates a headless \"Root\" component and companion hooks for a context namespace.\n * It derives a unique context name from a base `name` and a props object `U`, then publishes\n * a computed state `V` (from `useFn`) to that context.\n *\n * Usage (manual mounting):\n * ```\n * const { Root, useCtxState } = createRootCtx('user-state', useUserState)\n *  ...\n * // Mount exactly one Root per unique props combination\n * <Root userId={id} />\n *  ...\n * // Read anywhere ,using the same props shape\n * const user = useCtxState({ userId: id })\n *```\n * Strict vs lenient consumers:\n * - useCtxStateStrict(props) throws if a matching Root is not mounted.\n * - useCtxState(props) logs an error (after 1s) instead of throwing.\n *\n * Multiple instances safety:\n * - Mounting more than one Root with the same resolved context name throws (guards accidental duplicates).\n *\n * Name resolution notes:\n * - The context name is built from `name` + sorted key/value pairs of `props` (U), joined by \"-\".\n * - Prefer stable, primitive props to avoid collisions; if you need automation, pair with `createAutoCtx` and\n *   mount a single <AutoRootCtx Wrapper={ErrorBoundary} /> at the app root so you don't manually mount `Root`.\n */\nexport const createRootCtx = <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {\n\n  const resolveCtxName = (e: U) => [\n    name,\n    ...Object\n      .entries(e ?? {})\n      .sort((e, f) => e[0].localeCompare(f[0]))\n      .flat()\n  ].join(\"-\")\n\n  let ctxMountedCheck = new Set<string>()\n\n\n  const RootState: React.FC<U> = (e: U) => {\n    const state = useFn(e)\n    const ctxName = resolveCtxName(e)\n    const ctx = useDataContext<V>(ctxName)\n    const stack = useMemo(() => new Error().stack, [])\n\n    useDataSourceMultiple(\n      ctx,\n      ...Object.entries(state) as any\n    )\n\n    useEffect(() => {\n      if (ctxMountedCheck.has(ctxName)) {\n        const err = new Error(\"RootContext \" + ctxName + \" are mounted more than once\")\n        err.stack = stack;\n        throw err\n      }\n      ctxMountedCheck.add(ctxName)\n      return () => { ctxMountedCheck.delete(ctxName) };\n    })\n\n    return <></>\n  }\n\n  RootState.displayName = `State[${useFn?.name??'??'}]`\n\n  return {\n    resolveCtxName,\n    Root: RootState,\n  /**\n   * Strict consumer: throws if the corresponding Root for these props isn't mounted.\n   * Use in development/tests to fail fast when wiring is incorrect.\n   */\n    useCtxStateStrict: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          throw err\n        }\n      }, [ctxName])\n\n      return useDataContext<V>(ctxName)\n    },\n  /**\n   * Lenient consumer: schedules a console.error if the Root isn't mounted instead of throwing.\n   * Useful in production to avoid hard crashes while still surfacing misconfiguration.\n   */\n    useCtxState: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          let timeout = setTimeout(() => console.error(err), 1000)\n          return () => clearTimeout(timeout)\n        }\n      }, [ctxMountedCheck.has(ctxName)])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","import { useEffect, useState, Fragment, useCallback } from \"react\"\nimport { useDataContext, useDataSourceMultiple, useDataSubscribe, type Context } from \"./ctx\"\nimport { createRootCtx } from \"./createRootCtx\"\n\n\n\n\n\n\nconst weakmapName = (function () {\n  const weakmap = new WeakMap()\n\n  return (e: any): string => {\n    let result = weakmap.get(e);\n    if (!result) {\n      weakmap.set(e, result = (e?.name ?? \"\") + Math.random().toString())\n    }\n    return result\n  }\n})()\n\n\nconst resolveName = (e: any) => [\n  ...Object\n    .entries(e ?? {})\n    .sort((e, f) => e[0].localeCompare(f[0]))\n    .flat()\n].join(\"-\")\n\n/**\n * Inline docs: createAutoCtx + AutoRootCtx\n *\n * Quick start\n * 1) Mount <AutoRootCtx /> ONCE near your app root. Provide a Wrapper that acts like an ErrorBoundary to isolate and log errors.\n *    Example: <AutoRootCtx Wrapper={MyErrorBoundary} />\n *\n * 2) Create auto contexts from your root context factories:\n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx('test-state', stateFn))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx('other-state', otherFn))\n * ```\n * 3) Use them in components:\n * ```\n *    const ctx = useTestCtxState({ userId })\n *    const { property1, property2 } = useDataSubscribeMultiple(ctx,'property1','property2')\n *    // No need to mount the Root returned by createRootCtx directly — AutoRootCtx manages it for you.\n * ```\n * Notes\n * - AutoRootCtx must be mounted before any useCtxState hooks created by createAutoCtx run.\n * - Wrapper should be an ErrorBoundary-like component that simply renders {children}; no extra providers or layout required.\n * - For each unique params object (by stable stringified key), AutoRootCtx ensures a corresponding Root instance is rendered.\n */\n\nexport const AutoRootCtx = ({ Wrapper = Fragment }) => {\n\n  const ctx = useDataContext<any>(\"auto-ctx\")\n\n\n  const [state, setState] = useState<Record<string, { Component: React.FC, subState: Record<string, { params: any, counter: number }> }>>({})\n\n\n  const subscribeRoot = useCallback(\n    (Comp: any, params: any) => {\n      const weakName = weakmapName(Comp);\n      const key = resolveName(params);\n\n      setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            [key]: {\n              ...preState,\n              counter: preState.counter + 1,\n            },\n          },\n        }\n      }));\n\n      return () => setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            ...preState.counter > 1 ? {\n              [key]: {\n                ...preState,\n                counter: preState.counter - 1,\n              },\n            } : {},\n          },\n        }\n      }))\n\n    },\n    []\n  )\n\n  useDataSourceMultiple(ctx,\n    [\"subscribe\", subscribeRoot],\n    [\"state\", state],\n  )\n\n\n  return <>\n    {Object.entries(state)\n      .flatMap(([k1, { Component, subState }]) => Object\n        .entries(subState)\n        .map(([k2, { counter, params }]) => ({ key: k1 + k2, Component, params, counter }))\n        .filter(e => e.counter > 0)\n        .map(({ key, params, Component }) => <Wrapper key={key} >\n          <Component {...params} />\n        </Wrapper>)\n      )\n    }\n  </>\n\n}\n\n/**\n * createAutoCtx\n *\n * Bridges a Root context (from createRootCtx) to the global AutoRootCtx renderer.\n * You do NOT mount the Root component yourself — just mount <AutoRootCtx /> once at the app root.\n *\n * Usage: \n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx(\n *      'test-state', \n *      stateFn\n *    ))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx(\n *      'other-state', \n *      otherFn\n *    ))\n * ```\n * \n * Then inside components:\n * ```\n *   const ctxState = useTestCtxState({ any: 'params' })\n * ```\n * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.\n */\nexport const createAutoCtx = <U extends object, V extends object,>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {\n\n  return {\n\n    useCtxState: (e: U): Context<V> => {\n\n      const ctxName = resolveCtxName(e)\n\n      const subscribe = useDataSubscribe(useDataContext<any>(\"auto-ctx\"), \"subscribe\")\n\n      useEffect(() => {\n        // Subscribe this component to an AutoRootCtx-managed Root instance keyed by e.\n        // AutoRootCtx handles instance ref-counting and cleanup on unmount.\n        return subscribe?.(Root, e)\n      }, [subscribe, ctxName])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","\nimport { debounce } from \"./utils\";\nimport { useState, useMemo, useEffect } from \"react\";\nimport type { Context } from \"./ctx\";\n\n/**\n * useQuickSubscribe is a custom React hook for efficiently subscribing to specific properties of a context's data object.\n * \n * @template D - The shape of the context data.\n * @param {Context<D> | undefined} ctx - The context object containing data and a subscribe method.\n * @returns {Partial<D>} A proxy object that mirrors the context data, automatically subscribing to properties as they are accessed.\n *\n * This hook tracks which properties of the context data are accessed by the component and subscribes to updates for only those properties.\n * When any of the subscribed properties change, the hook triggers a re-render. Subscriptions are managed and cleaned up automatically\n * when the component unmounts or the context changes. This approach minimizes unnecessary re-renders and resource usage by only\n * subscribing to the data that the component actually uses.\n *\n * Example usage:\n *   const {name} = useQuickSubscribe(userContext);\n *   // Accessing name will subscribe to changes in 'name' only\n *   return <div>{name}</div>;\n */\n\nexport const useQuickSubscribe = <D>(\n  ctx: Context<D> | undefined\n): {\n    [P in keyof D]?: D[P] | undefined;\n  } => {\n\n  const [, setCounter] = useState(0);\n\n  const { proxy, finalGetter, openGetter, clean } = useMemo(\n    () => {\n\n      const allKeys = new Set<keyof D>()\n      const allCompareValue: { [P in keyof D]?: D[P] | undefined; } = {}\n      const allUnsub = new Map()\n\n      const proxy = new Proxy(\n        ctx?.data as any,\n        {\n          get(target, p) {\n            if (isOpenGetter) {\n              allKeys.add(p as keyof D)\n              return allCompareValue[p as keyof D] = target[p];\n            } else {\n              throw new Error(\"now allow here\")\n            }\n          }\n        }\n      ) as any\n\n      let isOpenGetter = true;\n\n\n      let onChange = debounce(() => {\n        if ([...allKeys.values()]\n          .some(k => allCompareValue[k] != ctx?.data?.[k])) {\n          setCounter(c => c + 1)\n        }\n      }, 0)\n\n      let openGetter = () => {\n        isOpenGetter = true\n        allKeys.clear()\n      }\n\n      let finalGetter = () => {\n        isOpenGetter = false;\n\n        [...allKeys.values()]\n          .filter(k => !allUnsub.has(k))\n          .forEach(k => {\n            allUnsub.set(k, ctx?.subscribe(k, onChange))\n          });\n\n        [...allUnsub.keys()]\n          .filter(k => !allKeys.has(k))\n          .forEach(k => {\n            let unsub = allUnsub.get(k)\n            unsub?.();\n            allUnsub.delete(k);\n          });\n\n      }\n\n      let clean = () => {\n        openGetter();\n        finalGetter();\n        setCounter(c => c + 1)\n      }\n\n      return { proxy, finalGetter, openGetter, clean }\n    },\n    [ctx]\n  )\n\n  openGetter();\n\n  setTimeout(finalGetter, 0)\n\n  useEffect(\n    () => () => clean(),\n    [clean]\n  )\n\n  return proxy;\n\n\n};\n"],"names":["debounce","func","wait","timeout","fn","args","memoize","cache","key","result","randomHash","useArrayHash","computedHash","useRef","currentValues","currentHash","e","isDiff","f","i","DataEvent","event","value","Context","name","_listener","listener","getContext","useDataContext","useMemo","useRegistryChecker","ctx","names","stack","useEffect","useDataSource","useDataSubscribe","debounceTime","setState","useState","callback","unsub","useDataSubscribeWithTransform","transform","preValue","newValue","useDataSourceMultiple","entries","useDataSubscribeMultiple","keys","setCounter","returnValues","prevValues","c","handles","firstCall","index","useDataSubscribeMultipleWithDebounce","createRootCtx","useFn","resolveCtxName","ctxMountedCheck","RootState","state","ctxName","err","jsx","Fragment","weakmapName","weakmap","resolveName","AutoRootCtx","Wrapper","subscribeRoot","useCallback","Comp","params","weakName","Component","preState","subState","k1","k2","counter","createAutoCtx","Root","useCtxState","useCtxStateStrict","subscribe","useQuickSubscribe","proxy","finalGetter","openGetter","clean","allKeys","allCompareValue","allUnsub","target","p","isOpenGetter","onChange","k"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/state-utils/utils.ts","../src/state-utils/useArrayHash.ts","../src/state-utils/ctx.ts","../src/state-utils/createRootCtx.tsx","../src/state-utils/createAutoCtx.tsx","../src/state-utils/useQuickSubscribe.ts"],"sourcesContent":["// Debounce function\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): ((...args: Parameters<T>) => void) & { cancel: any } {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  let fn: Function & { cancel: any } = function (...args: Parameters<T>): void {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  } as any; \n\n  fn.cancel = () => clearTimeout(timeout!);\n\n  return fn as any;\n}\n\n// Memoize function\nexport function memoize<T extends (...args: any[]) => any>(\n  func: T\n): (...args: Parameters<T>) => ReturnType<T> {\n  const cache = new Map<string, ReturnType<T>>();\n\n  return function (...args: Parameters<T>): ReturnType<T> {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key) as ReturnType<T>;\n    }\n    const result = func(...args);\n    cache.set(key, result);\n    return result;\n  };\n}\n\n","import { useRef } from \"react\"\n\n\nconst randomHash = () => Math.random().toString().slice(2)\n\n/**\n * useArrayHash\n *\n * A custom hook that computes a stable hash for an array of values.\n * The hash changes only when the array's contents differ from the previous call.\n *\n * @param e - The input array to hash.\n * @returns A string hash that updates when the array changes.\n *\n * How it works:\n * - Tracks the previous array and its hash using a `useRef`.\n * - Compares the new array to the previous one by length and element equality.\n * - If any difference is detected, generates a new random hash.\n */\nexport const useArrayHash = (e: any[]): string => {\n\n  const { current: { computedHash } } = useRef({\n    /**\n     * Getter for the computed hash function.\n     *\n     * - Initializes with an empty array and a random hash.\n     * - Returns a function that compares the current array to the previous one.\n     * - Updates the hash if any difference is detected.\n     */\n    get computedHash() {\n      let currentValues: any[] = []\n      let currentHash = randomHash()\n      return (e: any[]) => {\n        let isDiff = false\n\n        // Check for differences in array existence, length, or elements.\n        isDiff = isDiff || ((!e) != (!currentValues))\n        isDiff = isDiff || (e?.length != currentValues?.length);\n        isDiff = isDiff || (e.some((f, i) => f != currentValues[i]));\n\n        // Update the hash if differences are found.\n        currentValues = e;\n        if (isDiff) {\n          currentHash = randomHash()\n        }\n\n        return currentHash\n      }\n    }\n  })\n\n  return computedHash(e)\n}","import { debounce, memoize } from \"./utils\";\nimport { useEffect, useMemo, useState } from \"react\"\nimport { useArrayHash } from \"./useArrayHash\"\n\n\n\nclass DataEvent extends Event {\n  constructor(\n    public event: string,\n    public value: any\n  ) {\n    super(event);\n  }\n}\n\n/**\n * Generic context for managing shared state and event subscriptions.\n * @template D - The shape of the data managed by the context.\n */\nexport class Context<D> extends EventTarget {\n  /**\n   * Create a new Context instance.\n   * @param name - The name of the context (for debugging).\n   */\n  constructor(public name: string) {\n    console.log(\"[CONTEXT] %s\", name)\n    // this.event.setMaxListeners(100)\n    super();\n  }\n\n  // private event = new EventEmitter()\n\n  /**\n   * The current data held by the context.\n   */\n  public data: Partial<D> = {}\n  /**\n   * Registry for tracking active keys (for duplicate detection).\n   */\n  public registry = new Set<string>()\n\n  /**\n   * Publish a value to the context and notify subscribers if it changed.\n   * @param key - The key to update.\n   * @param value - The new value.\n   */\n  public publish(key: keyof D, value: D[typeof key] | undefined) {\n\n    if (value != this.data[key]) {\n      this.data[key] = value\n      // console.count(\"[COUNT] \" + String(key))\n      // this.event.emit(String(key), { value })\n      this.dispatchEvent(new DataEvent(String(key), value))\n    }\n  }\n\n  /**\n   * Subscribe to changes for a specific key in the context.\n   * @param key - The key to subscribe to.\n   * @param _listener - Callback invoked with the new value.\n   * @returns Unsubscribe function.\n   */\n  public subscribe(key: keyof D, _listener: (e: D[typeof key] | undefined) => void) {\n\n    const listener = ({ event, value }: any) => {\n      _listener(value)\n    }\n\n    this.addEventListener(String(key), listener)\n    // console.log(\"listenerCount:\", String(key), this.event.listenerCount(String(key)))\n\n    if (key in this.data) _listener(this.data[key])\n\n    return () => (this.removeEventListener(String(key), listener), undefined)\n  }\n\n}\n\n/**\n * Get or create a memoized Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const getContext = memoize((name: string) => new Context<any>(name))\n\n/**\n * Type alias for a function that returns a Context instance.\n */\nexport type getContext<D> = (e: string) => Context<D>\n\n/**\n * React hook to get a typed Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const useDataContext = <D>(name: string = \"noname\") => {\n\n  const ctx = useMemo(() => getContext(name), [name])\n\n  return ctx as any as Context<D>\n}\n\n/**\n * Internal hook to check for duplicate registry entries in a context.\n * Warns if any of the provided names are already registered.\n * @param ctx - The context instance.\n * @param names - Names to check and register.\n */\nconst useRegistryChecker = (ctx: Context<any> | undefined, ...names: string[]) => {\n  // return;\n  const stack = new Error(\"[ctx] useRegistryChecker failed \" + JSON.stringify({ names, ctx: ctx?.name ?? 'undefined' }))\n\n  useEffect(\n    () => {\n      if (ctx) {\n        if (names.some(name => ctx.registry.has(name))) {\n          console.error(stack)\n        }\n        names.forEach(e => ctx.registry.add(e))\n\n        // console.debug(\"[ctx] %s%s add datasource\", componentId, ctx.name, names)\n        return () => {\n          // console.debug(\"[ctx] %s %s remove datasource\", componentId, ctx.name, names)\n\n          names.forEach(e => ctx.registry.delete(e))\n        }\n      }\n    },\n    [ctx, names.length]\n  )\n\n}\n\n/**\n * React hook to publish a value to the context when it changes.\n * @param ctx - The context instance.\n * @param key - The key to update.\n * @param value - The new value.\n */\nexport const useDataSource = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx && ctx.data[key] != value) {\n\n      ctx.publish(key, value)\n    }\n  }, [key, value, ctx])\n\n  useRegistryChecker(ctx, key as any)\n}\n\n/**\n * React hook to subscribe to a context value, with optional debounce.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param debounceTime - Debounce time in ms (default 0).\n * @returns The current value for the key.\n */\nexport const useDataSubscribe = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime = 0): D[K] | undefined => {\n  //@ts-check\n  const [{ value }, setState] = useState(() => ({ value: ctx?.data?.[key] }))\n\n  useEffect(() => {\n    if (ctx) {\n      let callback = debounceTime == 0\n        ? (value: any) => setState({ value } as any)\n        : debounce((value: any) => setState({ value } as any), debounceTime)\n      let unsub = ctx.subscribe(key, callback)\n      value != ctx.data[key] && setState({ value: ctx.data[key] })\n      return () => {\n        unsub()\n      }\n    }\n  }, [key, ctx])\n\n  return ctx?.data[key]\n}\n\n/**\n * React hook to subscribe to a context value and transform it before returning.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param transform - Function to transform the value.\n * @returns The transformed value.\n */\nexport const useDataSubscribeWithTransform = <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E): E => {\n  const [, setState] = useState(0)\n  const result = useMemo(\n    () => transform(ctx?.data[key]),\n    [transform, ctx?.data[key]]\n  )\n\n  useEffect(() => {\n    if (ctx) {\n      let preValue = result\n      let callback = () => {\n        let newValue = transform(ctx.data[key])\n        if (newValue != preValue) {\n          preValue = newValue;\n          setState(e => e + 1)\n        };\n      }\n      let unsub = ctx.subscribe(key, callback)\n      callback();\n      return () => unsub()\n    }\n  }, [key, ctx])\n\n  return result\n}\n\n/**\n * React hook to publish multiple values to the context.\n * @param ctx - The context instance.\n * @param entries - Array of [key, value] pairs to update.\n */\nexport const useDataSourceMultiple = <D, T extends readonly (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]] }\n) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx) {\n      for (let [key, value] of entries) {\n        ctx.data[key] != value && ctx.publish(key, value)\n      }\n    }\n  }, [ctx, useArrayHash(entries.flat())])\n\n  useRegistryChecker(ctx, ...entries.map(e => e[0]) as any)\n\n}\n\n/**\n * React hook to subscribe to multiple context values.\n * @param ctx - The context instance.\n * @param keys - Keys to subscribe to.\n * @returns An object with the current values for the keys.\n */\nexport const useDataSubscribeMultiple = <D, K extends keyof D>(\n  ctx: Context<D> | undefined,\n  ...keys: K[]\n): Pick<D, K> => {\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          // console.log(\"DIFF\", keys.filter((e, i) => prevValues[i] != currentValues[i]))\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, 1)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n\n  return Object\n    .fromEntries(keys.map((key, index) => [key, returnValues[index]])) as any\n}\n\n/**\n * React hook to subscribe to multiple context values with throttling.\n * @param ctx - The context instance.\n * @param debounceTime - Debounce time in ms (default 50).\n * @param keys - Keys to subscribe to.\n * @returns Array of current values for the keys.\n */\nexport const useDataSubscribeMultipleWithDebounce = <D, K extends (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  debounceTime = 50,\n  ...keys: K\n): { [i in keyof K]: D[K[i]] | undefined } => {\n  //@ts-check\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, debounceTime)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n  return returnValues as any\n}\n\n\n\n","import { useEffect, useMemo } from \"react\"\nimport { useDataContext, useDataSourceMultiple, type Context } from \"./ctx\"\n\n\n\n/**\n * createRootCtx\n *\n * Factory that creates a headless \"Root\" component and companion hooks for a context namespace.\n * It derives a unique context name from a base `name` and a props object `U`, then publishes\n * a computed state `V` (from `useFn`) to that context.\n *\n * Usage (manual mounting):\n * ```\n * const { Root, useCtxState } = createRootCtx('user-state', useUserState)\n *  ...\n * // Mount exactly one Root per unique props combination\n * <Root userId={id} />\n *  ...\n * // Read anywhere ,using the same props shape\n * const user = useCtxState({ userId: id })\n *```\n * Strict vs lenient consumers:\n * - useCtxStateStrict(props) throws if a matching Root is not mounted.\n * - useCtxState(props) logs an error (after 1s) instead of throwing.\n *\n * Multiple instances safety:\n * - Mounting more than one Root with the same resolved context name throws (guards accidental duplicates).\n *\n * Name resolution notes:\n * - The context name is built from `name` + sorted key/value pairs of `props` (U), joined by \"-\".\n * - Prefer stable, primitive props to avoid collisions; if you need automation, pair with `createAutoCtx` and\n *   mount a single <AutoRootCtx Wrapper={ErrorBoundary} /> at the app root so you don't manually mount `Root`.\n */\nexport const createRootCtx = <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {\n\n  const resolveCtxName = (e: U) => [\n    name,\n    ...Object\n      .entries(e ?? {})\n      .sort((e, f) => e[0].localeCompare(f[0]))\n      .flat()\n  ].join(\"-\")\n\n  let ctxMountedCheck = new Set<string>()\n\n\n  const RootState: React.FC<U> = (e: U) => {\n    const state = useFn(e)\n    const ctxName = resolveCtxName(e)\n    const ctx = useDataContext<V>(ctxName)\n    const stack = useMemo(() => new Error().stack, [])\n\n    useDataSourceMultiple(\n      ctx,\n      ...Object.entries(state) as any\n    )\n\n    useEffect(() => {\n      if (ctxMountedCheck.has(ctxName)) {\n        const err = new Error(\"RootContext \" + ctxName + \" are mounted more than once\")\n        err.stack = stack;\n        throw err\n      }\n      ctxMountedCheck.add(ctxName)\n      return () => { ctxMountedCheck.delete(ctxName) };\n    })\n\n    return <></>\n  }\n\n  RootState.displayName = `State[${useFn?.name??'??'}]`\n\n  return {\n    resolveCtxName,\n    Root: RootState,\n  /**\n   * Strict consumer: throws if the corresponding Root for these props isn't mounted.\n   * Use in development/tests to fail fast when wiring is incorrect.\n   */\n    useCtxStateStrict: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          throw err\n        }\n      }, [ctxName])\n\n      return useDataContext<V>(ctxName)\n    },\n  /**\n   * Lenient consumer: schedules a console.error if the Root isn't mounted instead of throwing.\n   * Useful in production to avoid hard crashes while still surfacing misconfiguration.\n   */\n    useCtxState: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          let timeout = setTimeout(() => console.error(err), 1000)\n          return () => clearTimeout(timeout)\n        }\n      }, [ctxMountedCheck.has(ctxName)])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","import { useEffect, useState, Fragment, useCallback } from \"react\"\nimport { useDataContext, useDataSourceMultiple, useDataSubscribe, type Context } from \"./ctx\"\nimport { createRootCtx } from \"./createRootCtx\"\n\n\n\n\n\n\nconst weakmapName = (function () {\n  const weakmap = new WeakMap()\n\n  return (e: any): string => {\n    let result = weakmap.get(e);\n    if (!result) {\n      weakmap.set(e, result = (e?.name ?? \"\") + Math.random().toString())\n    }\n    return result\n  }\n})()\n\n\nconst resolveName = (e: any) => [\n  ...Object\n    .entries(e ?? {})\n    .sort((e, f) => e[0].localeCompare(f[0]))\n    .flat()\n].join(\"-\")\n\n/**\n * Inline docs: createAutoCtx + AutoRootCtx\n *\n * Quick start\n * 1) Mount <AutoRootCtx /> ONCE near your app root. Provide a Wrapper that acts like an ErrorBoundary to isolate and log errors.\n *    Example: <AutoRootCtx Wrapper={MyErrorBoundary} />\n *\n * 2) Create auto contexts from your root context factories:\n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx('test-state', stateFn))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx('other-state', otherFn))\n * ```\n * 3) Use them in components:\n * ```\n *    const ctx = useTestCtxState({ userId })\n *    const { property1, property2 } = useDataSubscribeMultiple(ctx,'property1','property2')\n *    // No need to mount the Root returned by createRootCtx directly — AutoRootCtx manages it for you.\n * ```\n * Notes\n * - AutoRootCtx must be mounted before any useCtxState hooks created by createAutoCtx run.\n * - Wrapper should be an ErrorBoundary-like component that simply renders {children}; no extra providers or layout required.\n * - For each unique params object (by stable stringified key), AutoRootCtx ensures a corresponding Root instance is rendered.\n */\n\nexport const AutoRootCtx = ({ Wrapper = Fragment }) => {\n\n  const ctx = useDataContext<any>(\"auto-ctx\")\n\n\n  const [state, setState] = useState<Record<string, { Component: React.FC, subState: Record<string, { params: any, counter: number }> }>>({})\n\n\n  const subscribeRoot = useCallback(\n    (Comp: any, params: any) => {\n      const weakName = weakmapName(Comp);\n      const key = resolveName(params);\n\n      setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            [key]: {\n              ...preState,\n              counter: preState.counter + 1,\n            },\n          },\n        }\n      }));\n\n      return () => setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            ...preState.counter > 1 ? {\n              [key]: {\n                ...preState,\n                counter: preState.counter - 1,\n              },\n            } : {},\n          },\n        }\n      }))\n\n    },\n    []\n  )\n\n  useDataSourceMultiple(ctx,\n    [\"subscribe\", subscribeRoot],\n    [\"state\", state],\n  )\n\n\n  return <>\n    {Object.entries(state)\n      .flatMap(([k1, { Component, subState }]) => Object\n        .entries(subState)\n        .map(([k2, { counter, params }]) => ({ key: k1 + k2, Component, params, counter }))\n        .filter(e => e.counter > 0)\n        .map(({ key, params, Component }) => <Wrapper key={key} >\n          <Component {...params} />\n        </Wrapper>)\n      )\n    }\n  </>\n\n}\n\n/**\n * createAutoCtx\n *\n * Bridges a Root context (from createRootCtx) to the global AutoRootCtx renderer.\n * You do NOT mount the Root component yourself — just mount <AutoRootCtx /> once at the app root.\n *\n * Usage: \n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx(\n *      'test-state', \n *      stateFn\n *    ))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx(\n *      'other-state', \n *      otherFn\n *    ))\n * ```\n * \n * Then inside components:\n * ```\n *   const ctxState = useTestCtxState({ any: 'params' })\n * ```\n * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.\n */\nexport const createAutoCtx = <U extends object, V extends object,>(\n  { Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>,\n  unmountTime = 0\n) => {\n\n  return {\n\n    useCtxState: (e: U): Context<V> => {\n\n      const ctxName = resolveCtxName(e)\n\n      const subscribe = useDataSubscribe(useDataContext<any>(\"auto-ctx\"), \"subscribe\")\n\n      useEffect(() => {\n        // Subscribe this component to an AutoRootCtx-managed Root instance keyed by e.\n        // AutoRootCtx handles instance ref-counting and cleanup on unmount.\n        if (unmountTime == 0) {\n          return subscribe?.(Root, e)\n        } else {\n          let unsub = subscribe?.(Root, e)\n          return () => setTimeout(unsub, unmountTime)\n        }\n      }, [subscribe, ctxName])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","\nimport { debounce } from \"./utils\";\nimport { useState, useMemo, useEffect } from \"react\";\nimport type { Context } from \"./ctx\";\n\n/**\n * useQuickSubscribe is a custom React hook for efficiently subscribing to specific properties of a context's data object.\n * \n * @template D - The shape of the context data.\n * @param {Context<D> | undefined} ctx - The context object containing data and a subscribe method.\n * @returns {Partial<D>} A proxy object that mirrors the context data, automatically subscribing to properties as they are accessed.\n *\n * This hook tracks which properties of the context data are accessed by the component and subscribes to updates for only those properties.\n * When any of the subscribed properties change, the hook triggers a re-render. Subscriptions are managed and cleaned up automatically\n * when the component unmounts or the context changes. This approach minimizes unnecessary re-renders and resource usage by only\n * subscribing to the data that the component actually uses.\n *\n * Example usage:\n *   const {name} = useQuickSubscribe(userContext);\n *   // Accessing name will subscribe to changes in 'name' only\n *   return <div>{name}</div>;\n */\n\nexport const useQuickSubscribe = <D>(\n  ctx: Context<D> | undefined\n): {\n    [P in keyof D]?: D[P] | undefined;\n  } => {\n\n  const [, setCounter] = useState(0);\n\n  const { proxy, finalGetter, openGetter, clean } = useMemo(\n    () => {\n\n      const allKeys = new Set<keyof D>()\n      const allCompareValue: { [P in keyof D]?: D[P] | undefined; } = {}\n      const allUnsub = new Map()\n\n      const proxy = new Proxy(\n        ctx?.data as any,\n        {\n          get(target, p) {\n            if (isOpenGetter) {\n              allKeys.add(p as keyof D)\n              return allCompareValue[p as keyof D] = target[p];\n            } else {\n              throw new Error(\"now allow here\")\n            }\n          }\n        }\n      ) as any\n\n      let isOpenGetter = true;\n\n\n      let onChange = debounce(() => {\n        if ([...allKeys.values()]\n          .some(k => allCompareValue[k] != ctx?.data?.[k])) {\n          setCounter(c => c + 1)\n        }\n      }, 0)\n\n      let openGetter = () => {\n        isOpenGetter = true\n        allKeys.clear()\n      }\n\n      let finalGetter = () => {\n        isOpenGetter = false;\n\n        [...allKeys.values()]\n          .filter(k => !allUnsub.has(k))\n          .forEach(k => {\n            allUnsub.set(k, ctx?.subscribe(k, onChange))\n          });\n\n        [...allUnsub.keys()]\n          .filter(k => !allKeys.has(k))\n          .forEach(k => {\n            let unsub = allUnsub.get(k)\n            unsub?.();\n            allUnsub.delete(k);\n          });\n\n      }\n\n      let clean = () => {\n        openGetter();\n        finalGetter();\n        setCounter(c => c + 1)\n      }\n\n      return { proxy, finalGetter, openGetter, clean }\n    },\n    [ctx]\n  )\n\n  openGetter();\n\n  setTimeout(finalGetter, 0)\n\n  useEffect(\n    () => () => clean(),\n    [clean]\n  )\n\n  return proxy;\n\n\n};\n"],"names":["debounce","func","wait","timeout","fn","args","memoize","cache","key","result","randomHash","useArrayHash","e","computedHash","useRef","currentValues","currentHash","isDiff","f","i","DataEvent","event","value","Context","name","_listener","listener","getContext","useDataContext","useMemo","useRegistryChecker","ctx","names","stack","useEffect","useDataSource","useDataSubscribe","debounceTime","setState","useState","callback","unsub","useDataSubscribeWithTransform","transform","preValue","newValue","useDataSourceMultiple","entries","useDataSubscribeMultiple","keys","setCounter","returnValues","prevValues","c","handles","firstCall","index","useDataSubscribeMultipleWithDebounce","createRootCtx","useFn","resolveCtxName","ctxMountedCheck","RootState","state","ctxName","err","jsx","Fragment","weakmapName","weakmap","resolveName","AutoRootCtx","Wrapper","subscribeRoot","useCallback","Comp","params","weakName","Component","preState","subState","k1","k2","counter","createAutoCtx","Root","useCtxState","useCtxStateStrict","unmountTime","subscribe","useQuickSubscribe","proxy","finalGetter","openGetter","clean","allKeys","allCompareValue","allUnsub","target","p","isOpenGetter","onChange","k"],"mappings":"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"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(b,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime"],i):(b=typeof globalThis<"u"?globalThis:b||self,i(b.RState={},b.React,b.jsxRuntime))})(this,function(b,i,S){"use strict";function E(t,e){let s=null,r=function(...a){s&&clearTimeout(s),s=setTimeout(()=>{t(...a)},e)};return r.cancel=()=>clearTimeout(s),r}function O(t){const e=new Map;return function(...s){const r=JSON.stringify(s);if(e.has(r))return e.get(r);const a=t(...s);return e.set(r,a),a}}const w=()=>Math.random().toString().slice(2),M=t=>{const{current:{computedHash:e}}=i.useRef({get computedHash(){let s=[],r=w();return a=>{let n=!1;return n=n||!a!=!s,n=n||a?.length!=s?.length,n=n||a.some((u,c)=>u!=s[c]),s=a,n&&(r=w()),r}}});return e(t)};class R extends Event{constructor(e,s){super(e),this.event=e,this.value=s}}class v extends EventTarget{constructor(e){console.log("[CONTEXT] %s",e),super(),this.name=e}data={};registry=new Set;publish(e,s){s!=this.data[e]&&(this.data[e]=s,this.dispatchEvent(new R(String(e),s)))}subscribe(e,s){const r=({event:a,value:n})=>{s(n)};return this.addEventListener(String(e),r),e in this.data&&s(this.data[e]),()=>(this.removeEventListener(String(e),r),void 0)}}const D=O(t=>new v(t)),m=(t="noname")=>i.useMemo(()=>D(t),[t]),T=(t,...e)=>{const s=new Error("[ctx] useRegistryChecker failed "+JSON.stringify({names:e,ctx:t?.name??"undefined"}));i.useEffect(()=>{if(t)return e.some(r=>t.registry.has(r))&&console.error(s),e.forEach(r=>t.registry.add(r)),()=>{e.forEach(r=>t.registry.delete(r))}},[t,e.length])},V=(t,e,s)=>{i.useEffect(()=>{t&&t.data[e]!=s&&t.publish(e,s)},[e,s,t]),T(t,e)},j=(t,e,s=0)=>{const[{value:r},a]=i.useState(()=>({value:t?.data?.[e]}));return i.useEffect(()=>{if(t){let n=s==0?c=>a({value:c}):E(c=>a({value:c}),s),u=t.subscribe(e,n);return r!=t.data[e]&&a({value:t.data[e]}),()=>{u()}}},[e,t]),t?.data[e]},G=(t,e,s)=>{const[,r]=i.useState(0),a=i.useMemo(()=>s(t?.data[e]),[s,t?.data[e]]);return i.useEffect(()=>{if(t){let n=a,u=()=>{let o=s(t.data[e]);o!=n&&(n=o,r(l=>l+1))},c=t.subscribe(e,u);return u(),()=>c()}},[e,t]),a},g=(t,...e)=>{i.useEffect(()=>{if(t)for(let[s,r]of e)t.data[s]!=r&&t.publish(s,r)},[t,M(e.flat())]),T(t,...e.map(s=>s[0]))},A=(t,...e)=>{const[,s]=i.useState(0),r=e.map(a=>t?.data?.[a]);return i.useEffect(()=>{if(t){let a=r;const n=E(()=>{let o=e.map(l=>t?.data?.[l]);e.some((l,f)=>a[f]!=o[f])&&(a=o,s(l=>l+1))},1);let u=e.map(o=>t.subscribe(o,n)),c=setTimeout(n,1);return()=>{clearTimeout(c),n.cancel(),u.forEach(o=>o())}}},[t,...e]),Object.fromEntries(e.map((a,n)=>[a,r[n]]))},H=(t,e=50,...s)=>{const[,r]=i.useState(0),a=s.map(n=>t?.data?.[n]);return i.useEffect(()=>{if(t){let n=a;const u=E(()=>{let l=s.map(f=>t?.data?.[f]);s.some((f,h)=>n[h]!=l[h])&&(n=l,r(f=>f+1))},e);let c=s.map(l=>t.subscribe(l,u)),o=setTimeout(u,1);return()=>{clearTimeout(o),u.cancel(),c.forEach(l=>l())}}},[t,...s]),a},W=(t,e)=>{const s=n=>[t,...Object.entries(n??{}).sort((u,c)=>u[0].localeCompare(c[0])).flat()].join("-");let r=new Set;const a=n=>{const u=e(n),c=s(n),o=m(c),l=i.useMemo(()=>new Error().stack,[]);return g(o,...Object.entries(u)),i.useEffect(()=>{if(r.has(c)){const f=new Error("RootContext "+c+" are mounted more than once");throw f.stack=l,f}return r.add(c),()=>{r.delete(c)}}),S.jsx(S.Fragment,{})};return a.displayName=`State[${e?.name??"??"}]`,{resolveCtxName:s,Root:a,useCtxStateStrict:n=>{const u=s(n),c=i.useMemo(()=>new Error().stack,[]);return i.useEffect(()=>{if(!r.has(u)){const o=new Error("RootContext ["+u+"] is not mounted");throw o.stack=c,o}},[u]),m(u)},useCtxState:n=>{const u=s(n),c=i.useMemo(()=>new Error().stack,[]);return i.useEffect(()=>{if(!r.has(u)){const o=new Error("RootContext ["+u+"] is not mounted");o.stack=c;let l=setTimeout(()=>console.error(o),1e3);return()=>clearTimeout(l)}},[r.has(u)]),m(u)}}},k=function(){const t=new WeakMap;return e=>{let s=t.get(e);return s||t.set(e,s=(e?.name??"")+Math.random().toString()),s}}(),q=t=>[...Object.entries(t??{}).sort((e,s)=>e[0].localeCompare(s[0])).flat()].join("-"),F=({Wrapper:t=i.Fragment})=>{const e=m("auto-ctx"),[s,r]=i.useState({}),a=i.useCallback((n,u)=>{const c=k(n),o=q(u);return r(({[c]:{Component:l=n,subState:{[o]:f={params:u,counter:0},...h}={}}={},...C})=>({...C,[c]:{Component:l,subState:{...h,[o]:{...f,counter:f.counter+1}}}})),()=>r(({[c]:{Component:l=n,subState:{[o]:f={params:u,counter:0},...h}={}}={},...C})=>({...C,[c]:{Component:l,subState:{...h,...f.counter>1?{[o]:{...f,counter:f.counter-1}}:{}}}}))},[]);return g(e,["subscribe",a],["state",s]),S.jsx(S.Fragment,{children:Object.entries(s).flatMap(([n,{Component:u,subState:c}])=>Object.entries(c).map(([o,{counter:l,params:f}])=>({key:n+o,Component:u,params:f,counter:l})).filter(o=>o.counter>0).map(({key:o,params:l,Component:f})=>S.jsx(t,{children:S.jsx(f,{...l})},o)))})},J=({Root:t,useCtxState:e,useCtxStateStrict:s,resolveCtxName:r})=>({useCtxState:a=>{const n=r(a),u=j(m("auto-ctx"),"subscribe");return i.useEffect(()=>u?.(t,a),[u,n]),m(n)}}),L=t=>{const[,e]=i.useState(0),{proxy:s,finalGetter:r,openGetter:a,clean:n}=i.useMemo(()=>{const u=new Set,c={},o=new Map,l=new Proxy(t?.data,{get(d,p){if(f)return u.add(p),c[p]=d[p];throw new Error("now allow here")}});let f=!0,h=E(()=>{[...u.values()].some(d=>c[d]!=t?.data?.[d])&&e(d=>d+1)},0),C=()=>{f=!0,u.clear()},N=()=>{f=!1,[...u.values()].filter(d=>!o.has(d)).forEach(d=>{o.set(d,t?.subscribe(d,h))}),[...o.keys()].filter(d=>!u.has(d)).forEach(d=>{o.get(d)?.(),o.delete(d)})};return{proxy:l,finalGetter:N,openGetter:C,clean:()=>{C(),N(),e(d=>d+1)}}},[t]);return a(),setTimeout(r,0),i.useEffect(()=>()=>n(),[n]),s};b.AutoRootCtx=F,b.Context=v,b.createAutoCtx=J,b.createRootCtx=W,b.getContext=D,b.useArrayHash=M,b.useDataContext=m,b.useDataSource=V,b.useDataSourceMultiple=g,b.useDataSubscribe=j,b.useDataSubscribeMultiple=A,b.useDataSubscribeMultipleWithDebounce=H,b.useDataSubscribeWithTransform=G,b.useQuickSubscribe=L,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+(function(b,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime"],i):(b=typeof globalThis<"u"?globalThis:b||self,i(b.RState={},b.React,b.jsxRuntime))})(this,function(b,i,S){"use strict";function E(e,t){let s=null,r=function(...o){s&&clearTimeout(s),s=setTimeout(()=>{e(...o)},t)};return r.cancel=()=>clearTimeout(s),r}function O(e){const t=new Map;return function(...s){const r=JSON.stringify(s);if(t.has(r))return t.get(r);const o=e(...s);return t.set(r,o),o}}const w=()=>Math.random().toString().slice(2),M=e=>{const{current:{computedHash:t}}=i.useRef({get computedHash(){let s=[],r=w();return o=>{let n=!1;return n=n||!o!=!s,n=n||o?.length!=s?.length,n=n||o.some((u,c)=>u!=s[c]),s=o,n&&(r=w()),r}}});return t(e)};class R extends Event{constructor(t,s){super(t),this.event=t,this.value=s}}class v extends EventTarget{constructor(t){console.log("[CONTEXT] %s",t),super(),this.name=t}data={};registry=new Set;publish(t,s){s!=this.data[t]&&(this.data[t]=s,this.dispatchEvent(new R(String(t),s)))}subscribe(t,s){const r=({event:o,value:n})=>{s(n)};return this.addEventListener(String(t),r),t in this.data&&s(this.data[t]),()=>(this.removeEventListener(String(t),r),void 0)}}const D=O(e=>new v(e)),m=(e="noname")=>i.useMemo(()=>D(e),[e]),T=(e,...t)=>{const s=new Error("[ctx] useRegistryChecker failed "+JSON.stringify({names:t,ctx:e?.name??"undefined"}));i.useEffect(()=>{if(e)return t.some(r=>e.registry.has(r))&&console.error(s),t.forEach(r=>e.registry.add(r)),()=>{t.forEach(r=>e.registry.delete(r))}},[e,t.length])},V=(e,t,s)=>{i.useEffect(()=>{e&&e.data[t]!=s&&e.publish(t,s)},[t,s,e]),T(e,t)},j=(e,t,s=0)=>{const[{value:r},o]=i.useState(()=>({value:e?.data?.[t]}));return i.useEffect(()=>{if(e){let n=s==0?c=>o({value:c}):E(c=>o({value:c}),s),u=e.subscribe(t,n);return r!=e.data[t]&&o({value:e.data[t]}),()=>{u()}}},[t,e]),e?.data[t]},G=(e,t,s)=>{const[,r]=i.useState(0),o=i.useMemo(()=>s(e?.data[t]),[s,e?.data[t]]);return i.useEffect(()=>{if(e){let n=o,u=()=>{let a=s(e.data[t]);a!=n&&(n=a,r(l=>l+1))},c=e.subscribe(t,u);return u(),()=>c()}},[t,e]),o},g=(e,...t)=>{i.useEffect(()=>{if(e)for(let[s,r]of t)e.data[s]!=r&&e.publish(s,r)},[e,M(t.flat())]),T(e,...t.map(s=>s[0]))},A=(e,...t)=>{const[,s]=i.useState(0),r=t.map(o=>e?.data?.[o]);return i.useEffect(()=>{if(e){let o=r;const n=E(()=>{let a=t.map(l=>e?.data?.[l]);t.some((l,f)=>o[f]!=a[f])&&(o=a,s(l=>l+1))},1);let u=t.map(a=>e.subscribe(a,n)),c=setTimeout(n,1);return()=>{clearTimeout(c),n.cancel(),u.forEach(a=>a())}}},[e,...t]),Object.fromEntries(t.map((o,n)=>[o,r[n]]))},H=(e,t=50,...s)=>{const[,r]=i.useState(0),o=s.map(n=>e?.data?.[n]);return i.useEffect(()=>{if(e){let n=o;const u=E(()=>{let l=s.map(f=>e?.data?.[f]);s.some((f,h)=>n[h]!=l[h])&&(n=l,r(f=>f+1))},t);let c=s.map(l=>e.subscribe(l,u)),a=setTimeout(u,1);return()=>{clearTimeout(a),u.cancel(),c.forEach(l=>l())}}},[e,...s]),o},W=(e,t)=>{const s=n=>[e,...Object.entries(n??{}).sort((u,c)=>u[0].localeCompare(c[0])).flat()].join("-");let r=new Set;const o=n=>{const u=t(n),c=s(n),a=m(c),l=i.useMemo(()=>new Error().stack,[]);return g(a,...Object.entries(u)),i.useEffect(()=>{if(r.has(c)){const f=new Error("RootContext "+c+" are mounted more than once");throw f.stack=l,f}return r.add(c),()=>{r.delete(c)}}),S.jsx(S.Fragment,{})};return o.displayName=`State[${t?.name??"??"}]`,{resolveCtxName:s,Root:o,useCtxStateStrict:n=>{const u=s(n),c=i.useMemo(()=>new Error().stack,[]);return i.useEffect(()=>{if(!r.has(u)){const a=new Error("RootContext ["+u+"] is not mounted");throw a.stack=c,a}},[u]),m(u)},useCtxState:n=>{const u=s(n),c=i.useMemo(()=>new Error().stack,[]);return i.useEffect(()=>{if(!r.has(u)){const a=new Error("RootContext ["+u+"] is not mounted");a.stack=c;let l=setTimeout(()=>console.error(a),1e3);return()=>clearTimeout(l)}},[r.has(u)]),m(u)}}},k=function(){const e=new WeakMap;return t=>{let s=e.get(t);return s||e.set(t,s=(t?.name??"")+Math.random().toString()),s}}(),q=e=>[...Object.entries(e??{}).sort((t,s)=>t[0].localeCompare(s[0])).flat()].join("-"),F=({Wrapper:e=i.Fragment})=>{const t=m("auto-ctx"),[s,r]=i.useState({}),o=i.useCallback((n,u)=>{const c=k(n),a=q(u);return r(({[c]:{Component:l=n,subState:{[a]:f={params:u,counter:0},...h}={}}={},...C})=>({...C,[c]:{Component:l,subState:{...h,[a]:{...f,counter:f.counter+1}}}})),()=>r(({[c]:{Component:l=n,subState:{[a]:f={params:u,counter:0},...h}={}}={},...C})=>({...C,[c]:{Component:l,subState:{...h,...f.counter>1?{[a]:{...f,counter:f.counter-1}}:{}}}}))},[]);return g(t,["subscribe",o],["state",s]),S.jsx(S.Fragment,{children:Object.entries(s).flatMap(([n,{Component:u,subState:c}])=>Object.entries(c).map(([a,{counter:l,params:f}])=>({key:n+a,Component:u,params:f,counter:l})).filter(a=>a.counter>0).map(({key:a,params:l,Component:f})=>S.jsx(e,{children:S.jsx(f,{...l})},a)))})},J=({Root:e,useCtxState:t,useCtxStateStrict:s,resolveCtxName:r},o=0)=>({useCtxState:n=>{const u=r(n),c=j(m("auto-ctx"),"subscribe");return i.useEffect(()=>{if(o==0)return c?.(e,n);{let a=c?.(e,n);return()=>setTimeout(a,o)}},[c,u]),m(u)}}),L=e=>{const[,t]=i.useState(0),{proxy:s,finalGetter:r,openGetter:o,clean:n}=i.useMemo(()=>{const u=new Set,c={},a=new Map,l=new Proxy(e?.data,{get(d,p){if(f)return u.add(p),c[p]=d[p];throw new Error("now allow here")}});let f=!0,h=E(()=>{[...u.values()].some(d=>c[d]!=e?.data?.[d])&&t(d=>d+1)},0),C=()=>{f=!0,u.clear()},N=()=>{f=!1,[...u.values()].filter(d=>!a.has(d)).forEach(d=>{a.set(d,e?.subscribe(d,h))}),[...a.keys()].filter(d=>!u.has(d)).forEach(d=>{a.get(d)?.(),a.delete(d)})};return{proxy:l,finalGetter:N,openGetter:C,clean:()=>{C(),N(),t(d=>d+1)}}},[e]);return o(),setTimeout(r,0),i.useEffect(()=>()=>n(),[n]),s};b.AutoRootCtx=F,b.Context=v,b.createAutoCtx=J,b.createRootCtx=W,b.getContext=D,b.useArrayHash=M,b.useDataContext=m,b.useDataSource=V,b.useDataSourceMultiple=g,b.useDataSubscribe=j,b.useDataSubscribeMultiple=A,b.useDataSubscribeMultipleWithDebounce=H,b.useDataSubscribeWithTransform=G,b.useQuickSubscribe=L,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/state-utils/utils.ts","../src/state-utils/useArrayHash.ts","../src/state-utils/ctx.ts","../src/state-utils/createRootCtx.tsx","../src/state-utils/createAutoCtx.tsx","../src/state-utils/useQuickSubscribe.ts"],"sourcesContent":["// Debounce function\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): ((...args: Parameters<T>) => void) & { cancel: any } {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  let fn: Function & { cancel: any } = function (...args: Parameters<T>): void {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  } as any; \n\n  fn.cancel = () => clearTimeout(timeout!);\n\n  return fn as any;\n}\n\n// Memoize function\nexport function memoize<T extends (...args: any[]) => any>(\n  func: T\n): (...args: Parameters<T>) => ReturnType<T> {\n  const cache = new Map<string, ReturnType<T>>();\n\n  return function (...args: Parameters<T>): ReturnType<T> {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key) as ReturnType<T>;\n    }\n    const result = func(...args);\n    cache.set(key, result);\n    return result;\n  };\n}\n\n","import { useRef } from \"react\"\n\n\nconst randomHash = () => Math.random().toString().slice(2)\n\n/**\n * useArrayHash\n *\n * A custom hook that computes a stable hash for an array of values.\n * The hash changes only when the array's contents differ from the previous call.\n *\n * @param e - The input array to hash.\n * @returns A string hash that updates when the array changes.\n *\n * How it works:\n * - Tracks the previous array and its hash using a `useRef`.\n * - Compares the new array to the previous one by length and element equality.\n * - If any difference is detected, generates a new random hash.\n */\nexport const useArrayHash = (e: any[]): string => {\n\n  const { current: { computedHash } } = useRef({\n    /**\n     * Getter for the computed hash function.\n     *\n     * - Initializes with an empty array and a random hash.\n     * - Returns a function that compares the current array to the previous one.\n     * - Updates the hash if any difference is detected.\n     */\n    get computedHash() {\n      let currentValues: any[] = []\n      let currentHash = randomHash()\n      return (e: any[]) => {\n        let isDiff = false\n\n        // Check for differences in array existence, length, or elements.\n        isDiff = isDiff || ((!e) != (!currentValues))\n        isDiff = isDiff || (e?.length != currentValues?.length);\n        isDiff = isDiff || (e.some((f, i) => f != currentValues[i]));\n\n        // Update the hash if differences are found.\n        currentValues = e;\n        if (isDiff) {\n          currentHash = randomHash()\n        }\n\n        return currentHash\n      }\n    }\n  })\n\n  return computedHash(e)\n}","import { debounce, memoize } from \"./utils\";\nimport { useEffect, useMemo, useState } from \"react\"\nimport { useArrayHash } from \"./useArrayHash\"\n\n\n\nclass DataEvent extends Event {\n  constructor(\n    public event: string,\n    public value: any\n  ) {\n    super(event);\n  }\n}\n\n/**\n * Generic context for managing shared state and event subscriptions.\n * @template D - The shape of the data managed by the context.\n */\nexport class Context<D> extends EventTarget {\n  /**\n   * Create a new Context instance.\n   * @param name - The name of the context (for debugging).\n   */\n  constructor(public name: string) {\n    console.log(\"[CONTEXT] %s\", name)\n    // this.event.setMaxListeners(100)\n    super();\n  }\n\n  // private event = new EventEmitter()\n\n  /**\n   * The current data held by the context.\n   */\n  public data: Partial<D> = {}\n  /**\n   * Registry for tracking active keys (for duplicate detection).\n   */\n  public registry = new Set<string>()\n\n  /**\n   * Publish a value to the context and notify subscribers if it changed.\n   * @param key - The key to update.\n   * @param value - The new value.\n   */\n  public publish(key: keyof D, value: D[typeof key] | undefined) {\n\n    if (value != this.data[key]) {\n      this.data[key] = value\n      // console.count(\"[COUNT] \" + String(key))\n      // this.event.emit(String(key), { value })\n      this.dispatchEvent(new DataEvent(String(key), value))\n    }\n  }\n\n  /**\n   * Subscribe to changes for a specific key in the context.\n   * @param key - The key to subscribe to.\n   * @param _listener - Callback invoked with the new value.\n   * @returns Unsubscribe function.\n   */\n  public subscribe(key: keyof D, _listener: (e: D[typeof key] | undefined) => void) {\n\n    const listener = ({ event, value }: any) => {\n      _listener(value)\n    }\n\n    this.addEventListener(String(key), listener)\n    // console.log(\"listenerCount:\", String(key), this.event.listenerCount(String(key)))\n\n    if (key in this.data) _listener(this.data[key])\n\n    return () => (this.removeEventListener(String(key), listener), undefined)\n  }\n\n}\n\n/**\n * Get or create a memoized Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const getContext = memoize((name: string) => new Context<any>(name))\n\n/**\n * Type alias for a function that returns a Context instance.\n */\nexport type getContext<D> = (e: string) => Context<D>\n\n/**\n * React hook to get a typed Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const useDataContext = <D>(name: string = \"noname\") => {\n\n  const ctx = useMemo(() => getContext(name), [name])\n\n  return ctx as any as Context<D>\n}\n\n/**\n * Internal hook to check for duplicate registry entries in a context.\n * Warns if any of the provided names are already registered.\n * @param ctx - The context instance.\n * @param names - Names to check and register.\n */\nconst useRegistryChecker = (ctx: Context<any> | undefined, ...names: string[]) => {\n  // return;\n  const stack = new Error(\"[ctx] useRegistryChecker failed \" + JSON.stringify({ names, ctx: ctx?.name ?? 'undefined' }))\n\n  useEffect(\n    () => {\n      if (ctx) {\n        if (names.some(name => ctx.registry.has(name))) {\n          console.error(stack)\n        }\n        names.forEach(e => ctx.registry.add(e))\n\n        // console.debug(\"[ctx] %s%s add datasource\", componentId, ctx.name, names)\n        return () => {\n          // console.debug(\"[ctx] %s %s remove datasource\", componentId, ctx.name, names)\n\n          names.forEach(e => ctx.registry.delete(e))\n        }\n      }\n    },\n    [ctx, names.length]\n  )\n\n}\n\n/**\n * React hook to publish a value to the context when it changes.\n * @param ctx - The context instance.\n * @param key - The key to update.\n * @param value - The new value.\n */\nexport const useDataSource = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx && ctx.data[key] != value) {\n\n      ctx.publish(key, value)\n    }\n  }, [key, value, ctx])\n\n  useRegistryChecker(ctx, key as any)\n}\n\n/**\n * React hook to subscribe to a context value, with optional debounce.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param debounceTime - Debounce time in ms (default 0).\n * @returns The current value for the key.\n */\nexport const useDataSubscribe = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime = 0): D[K] | undefined => {\n  //@ts-check\n  const [{ value }, setState] = useState(() => ({ value: ctx?.data?.[key] }))\n\n  useEffect(() => {\n    if (ctx) {\n      let callback = debounceTime == 0\n        ? (value: any) => setState({ value } as any)\n        : debounce((value: any) => setState({ value } as any), debounceTime)\n      let unsub = ctx.subscribe(key, callback)\n      value != ctx.data[key] && setState({ value: ctx.data[key] })\n      return () => {\n        unsub()\n      }\n    }\n  }, [key, ctx])\n\n  return ctx?.data[key]\n}\n\n/**\n * React hook to subscribe to a context value and transform it before returning.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param transform - Function to transform the value.\n * @returns The transformed value.\n */\nexport const useDataSubscribeWithTransform = <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E): E => {\n  const [, setState] = useState(0)\n  const result = useMemo(\n    () => transform(ctx?.data[key]),\n    [transform, ctx?.data[key]]\n  )\n\n  useEffect(() => {\n    if (ctx) {\n      let preValue = result\n      let callback = () => {\n        let newValue = transform(ctx.data[key])\n        if (newValue != preValue) {\n          preValue = newValue;\n          setState(e => e + 1)\n        };\n      }\n      let unsub = ctx.subscribe(key, callback)\n      callback();\n      return () => unsub()\n    }\n  }, [key, ctx])\n\n  return result\n}\n\n/**\n * React hook to publish multiple values to the context.\n * @param ctx - The context instance.\n * @param entries - Array of [key, value] pairs to update.\n */\nexport const useDataSourceMultiple = <D, T extends readonly (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]] }\n) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx) {\n      for (let [key, value] of entries) {\n        ctx.data[key] != value && ctx.publish(key, value)\n      }\n    }\n  }, [ctx, useArrayHash(entries.flat())])\n\n  useRegistryChecker(ctx, ...entries.map(e => e[0]) as any)\n\n}\n\n/**\n * React hook to subscribe to multiple context values.\n * @param ctx - The context instance.\n * @param keys - Keys to subscribe to.\n * @returns An object with the current values for the keys.\n */\nexport const useDataSubscribeMultiple = <D, K extends keyof D>(\n  ctx: Context<D> | undefined,\n  ...keys: K[]\n): Pick<D, K> => {\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          // console.log(\"DIFF\", keys.filter((e, i) => prevValues[i] != currentValues[i]))\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, 1)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n\n  return Object\n    .fromEntries(keys.map((key, index) => [key, returnValues[index]])) as any\n}\n\n/**\n * React hook to subscribe to multiple context values with throttling.\n * @param ctx - The context instance.\n * @param debounceTime - Debounce time in ms (default 50).\n * @param keys - Keys to subscribe to.\n * @returns Array of current values for the keys.\n */\nexport const useDataSubscribeMultipleWithDebounce = <D, K extends (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  debounceTime = 50,\n  ...keys: K\n): { [i in keyof K]: D[K[i]] | undefined } => {\n  //@ts-check\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, debounceTime)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n  return returnValues as any\n}\n\n\n\n","import { useEffect, useMemo } from \"react\"\nimport { useDataContext, useDataSourceMultiple, type Context } from \"./ctx\"\n\n\n\n/**\n * createRootCtx\n *\n * Factory that creates a headless \"Root\" component and companion hooks for a context namespace.\n * It derives a unique context name from a base `name` and a props object `U`, then publishes\n * a computed state `V` (from `useFn`) to that context.\n *\n * Usage (manual mounting):\n * ```\n * const { Root, useCtxState } = createRootCtx('user-state', useUserState)\n *  ...\n * // Mount exactly one Root per unique props combination\n * <Root userId={id} />\n *  ...\n * // Read anywhere ,using the same props shape\n * const user = useCtxState({ userId: id })\n *```\n * Strict vs lenient consumers:\n * - useCtxStateStrict(props) throws if a matching Root is not mounted.\n * - useCtxState(props) logs an error (after 1s) instead of throwing.\n *\n * Multiple instances safety:\n * - Mounting more than one Root with the same resolved context name throws (guards accidental duplicates).\n *\n * Name resolution notes:\n * - The context name is built from `name` + sorted key/value pairs of `props` (U), joined by \"-\".\n * - Prefer stable, primitive props to avoid collisions; if you need automation, pair with `createAutoCtx` and\n *   mount a single <AutoRootCtx Wrapper={ErrorBoundary} /> at the app root so you don't manually mount `Root`.\n */\nexport const createRootCtx = <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {\n\n  const resolveCtxName = (e: U) => [\n    name,\n    ...Object\n      .entries(e ?? {})\n      .sort((e, f) => e[0].localeCompare(f[0]))\n      .flat()\n  ].join(\"-\")\n\n  let ctxMountedCheck = new Set<string>()\n\n\n  const RootState: React.FC<U> = (e: U) => {\n    const state = useFn(e)\n    const ctxName = resolveCtxName(e)\n    const ctx = useDataContext<V>(ctxName)\n    const stack = useMemo(() => new Error().stack, [])\n\n    useDataSourceMultiple(\n      ctx,\n      ...Object.entries(state) as any\n    )\n\n    useEffect(() => {\n      if (ctxMountedCheck.has(ctxName)) {\n        const err = new Error(\"RootContext \" + ctxName + \" are mounted more than once\")\n        err.stack = stack;\n        throw err\n      }\n      ctxMountedCheck.add(ctxName)\n      return () => { ctxMountedCheck.delete(ctxName) };\n    })\n\n    return <></>\n  }\n\n  RootState.displayName = `State[${useFn?.name??'??'}]`\n\n  return {\n    resolveCtxName,\n    Root: RootState,\n  /**\n   * Strict consumer: throws if the corresponding Root for these props isn't mounted.\n   * Use in development/tests to fail fast when wiring is incorrect.\n   */\n    useCtxStateStrict: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          throw err\n        }\n      }, [ctxName])\n\n      return useDataContext<V>(ctxName)\n    },\n  /**\n   * Lenient consumer: schedules a console.error if the Root isn't mounted instead of throwing.\n   * Useful in production to avoid hard crashes while still surfacing misconfiguration.\n   */\n    useCtxState: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          let timeout = setTimeout(() => console.error(err), 1000)\n          return () => clearTimeout(timeout)\n        }\n      }, [ctxMountedCheck.has(ctxName)])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","import { useEffect, useState, Fragment, useCallback } from \"react\"\nimport { useDataContext, useDataSourceMultiple, useDataSubscribe, type Context } from \"./ctx\"\nimport { createRootCtx } from \"./createRootCtx\"\n\n\n\n\n\n\nconst weakmapName = (function () {\n  const weakmap = new WeakMap()\n\n  return (e: any): string => {\n    let result = weakmap.get(e);\n    if (!result) {\n      weakmap.set(e, result = (e?.name ?? \"\") + Math.random().toString())\n    }\n    return result\n  }\n})()\n\n\nconst resolveName = (e: any) => [\n  ...Object\n    .entries(e ?? {})\n    .sort((e, f) => e[0].localeCompare(f[0]))\n    .flat()\n].join(\"-\")\n\n/**\n * Inline docs: createAutoCtx + AutoRootCtx\n *\n * Quick start\n * 1) Mount <AutoRootCtx /> ONCE near your app root. Provide a Wrapper that acts like an ErrorBoundary to isolate and log errors.\n *    Example: <AutoRootCtx Wrapper={MyErrorBoundary} />\n *\n * 2) Create auto contexts from your root context factories:\n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx('test-state', stateFn))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx('other-state', otherFn))\n * ```\n * 3) Use them in components:\n * ```\n *    const ctx = useTestCtxState({ userId })\n *    const { property1, property2 } = useDataSubscribeMultiple(ctx,'property1','property2')\n *    // No need to mount the Root returned by createRootCtx directly — AutoRootCtx manages it for you.\n * ```\n * Notes\n * - AutoRootCtx must be mounted before any useCtxState hooks created by createAutoCtx run.\n * - Wrapper should be an ErrorBoundary-like component that simply renders {children}; no extra providers or layout required.\n * - For each unique params object (by stable stringified key), AutoRootCtx ensures a corresponding Root instance is rendered.\n */\n\nexport const AutoRootCtx = ({ Wrapper = Fragment }) => {\n\n  const ctx = useDataContext<any>(\"auto-ctx\")\n\n\n  const [state, setState] = useState<Record<string, { Component: React.FC, subState: Record<string, { params: any, counter: number }> }>>({})\n\n\n  const subscribeRoot = useCallback(\n    (Comp: any, params: any) => {\n      const weakName = weakmapName(Comp);\n      const key = resolveName(params);\n\n      setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            [key]: {\n              ...preState,\n              counter: preState.counter + 1,\n            },\n          },\n        }\n      }));\n\n      return () => setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            ...preState.counter > 1 ? {\n              [key]: {\n                ...preState,\n                counter: preState.counter - 1,\n              },\n            } : {},\n          },\n        }\n      }))\n\n    },\n    []\n  )\n\n  useDataSourceMultiple(ctx,\n    [\"subscribe\", subscribeRoot],\n    [\"state\", state],\n  )\n\n\n  return <>\n    {Object.entries(state)\n      .flatMap(([k1, { Component, subState }]) => Object\n        .entries(subState)\n        .map(([k2, { counter, params }]) => ({ key: k1 + k2, Component, params, counter }))\n        .filter(e => e.counter > 0)\n        .map(({ key, params, Component }) => <Wrapper key={key} >\n          <Component {...params} />\n        </Wrapper>)\n      )\n    }\n  </>\n\n}\n\n/**\n * createAutoCtx\n *\n * Bridges a Root context (from createRootCtx) to the global AutoRootCtx renderer.\n * You do NOT mount the Root component yourself — just mount <AutoRootCtx /> once at the app root.\n *\n * Usage: \n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx(\n *      'test-state', \n *      stateFn\n *    ))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx(\n *      'other-state', \n *      otherFn\n *    ))\n * ```\n * \n * Then inside components:\n * ```\n *   const ctxState = useTestCtxState({ any: 'params' })\n * ```\n * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.\n */\nexport const createAutoCtx = <U extends object, V extends object,>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {\n\n  return {\n\n    useCtxState: (e: U): Context<V> => {\n\n      const ctxName = resolveCtxName(e)\n\n      const subscribe = useDataSubscribe(useDataContext<any>(\"auto-ctx\"), \"subscribe\")\n\n      useEffect(() => {\n        // Subscribe this component to an AutoRootCtx-managed Root instance keyed by e.\n        // AutoRootCtx handles instance ref-counting and cleanup on unmount.\n        return subscribe?.(Root, e)\n      }, [subscribe, ctxName])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","\nimport { debounce } from \"./utils\";\nimport { useState, useMemo, useEffect } from \"react\";\nimport type { Context } from \"./ctx\";\n\n/**\n * useQuickSubscribe is a custom React hook for efficiently subscribing to specific properties of a context's data object.\n * \n * @template D - The shape of the context data.\n * @param {Context<D> | undefined} ctx - The context object containing data and a subscribe method.\n * @returns {Partial<D>} A proxy object that mirrors the context data, automatically subscribing to properties as they are accessed.\n *\n * This hook tracks which properties of the context data are accessed by the component and subscribes to updates for only those properties.\n * When any of the subscribed properties change, the hook triggers a re-render. Subscriptions are managed and cleaned up automatically\n * when the component unmounts or the context changes. This approach minimizes unnecessary re-renders and resource usage by only\n * subscribing to the data that the component actually uses.\n *\n * Example usage:\n *   const {name} = useQuickSubscribe(userContext);\n *   // Accessing name will subscribe to changes in 'name' only\n *   return <div>{name}</div>;\n */\n\nexport const useQuickSubscribe = <D>(\n  ctx: Context<D> | undefined\n): {\n    [P in keyof D]?: D[P] | undefined;\n  } => {\n\n  const [, setCounter] = useState(0);\n\n  const { proxy, finalGetter, openGetter, clean } = useMemo(\n    () => {\n\n      const allKeys = new Set<keyof D>()\n      const allCompareValue: { [P in keyof D]?: D[P] | undefined; } = {}\n      const allUnsub = new Map()\n\n      const proxy = new Proxy(\n        ctx?.data as any,\n        {\n          get(target, p) {\n            if (isOpenGetter) {\n              allKeys.add(p as keyof D)\n              return allCompareValue[p as keyof D] = target[p];\n            } else {\n              throw new Error(\"now allow here\")\n            }\n          }\n        }\n      ) as any\n\n      let isOpenGetter = true;\n\n\n      let onChange = debounce(() => {\n        if ([...allKeys.values()]\n          .some(k => allCompareValue[k] != ctx?.data?.[k])) {\n          setCounter(c => c + 1)\n        }\n      }, 0)\n\n      let openGetter = () => {\n        isOpenGetter = true\n        allKeys.clear()\n      }\n\n      let finalGetter = () => {\n        isOpenGetter = false;\n\n        [...allKeys.values()]\n          .filter(k => !allUnsub.has(k))\n          .forEach(k => {\n            allUnsub.set(k, ctx?.subscribe(k, onChange))\n          });\n\n        [...allUnsub.keys()]\n          .filter(k => !allKeys.has(k))\n          .forEach(k => {\n            let unsub = allUnsub.get(k)\n            unsub?.();\n            allUnsub.delete(k);\n          });\n\n      }\n\n      let clean = () => {\n        openGetter();\n        finalGetter();\n        setCounter(c => c + 1)\n      }\n\n      return { proxy, finalGetter, openGetter, clean }\n    },\n    [ctx]\n  )\n\n  openGetter();\n\n  setTimeout(finalGetter, 0)\n\n  useEffect(\n    () => () => clean(),\n    [clean]\n  )\n\n  return proxy;\n\n\n};\n"],"names":["debounce","func","wait","timeout","fn","args","memoize","cache","key","result","randomHash","useArrayHash","e","computedHash","useRef","currentValues","currentHash","isDiff","f","i","DataEvent","event","value","Context","name","_listener","listener","getContext","useDataContext","useMemo","useRegistryChecker","ctx","names","stack","useEffect","useDataSource","useDataSubscribe","debounceTime","setState","useState","callback","unsub","useDataSubscribeWithTransform","transform","preValue","newValue","useDataSourceMultiple","entries","useDataSubscribeMultiple","keys","setCounter","returnValues","prevValues","c","handles","firstCall","index","useDataSubscribeMultipleWithDebounce","createRootCtx","useFn","resolveCtxName","ctxMountedCheck","RootState","state","ctxName","err","jsx","Fragment","weakmapName","weakmap","resolveName","AutoRootCtx","Wrapper","subscribeRoot","useCallback","Comp","params","weakName","Component","preState","subState","k1","k2","counter","createAutoCtx","Root","useCtxState","useCtxStateStrict","subscribe","useQuickSubscribe","proxy","finalGetter","openGetter","clean","allKeys","allCompareValue","allUnsub","target","isOpenGetter","onChange","k"],"mappings":"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"}
+{"version":3,"file":"index.umd.js","sources":["../src/state-utils/utils.ts","../src/state-utils/useArrayHash.ts","../src/state-utils/ctx.ts","../src/state-utils/createRootCtx.tsx","../src/state-utils/createAutoCtx.tsx","../src/state-utils/useQuickSubscribe.ts"],"sourcesContent":["// Debounce function\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): ((...args: Parameters<T>) => void) & { cancel: any } {\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  let fn: Function & { cancel: any } = function (...args: Parameters<T>): void {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  } as any; \n\n  fn.cancel = () => clearTimeout(timeout!);\n\n  return fn as any;\n}\n\n// Memoize function\nexport function memoize<T extends (...args: any[]) => any>(\n  func: T\n): (...args: Parameters<T>) => ReturnType<T> {\n  const cache = new Map<string, ReturnType<T>>();\n\n  return function (...args: Parameters<T>): ReturnType<T> {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key) as ReturnType<T>;\n    }\n    const result = func(...args);\n    cache.set(key, result);\n    return result;\n  };\n}\n\n","import { useRef } from \"react\"\n\n\nconst randomHash = () => Math.random().toString().slice(2)\n\n/**\n * useArrayHash\n *\n * A custom hook that computes a stable hash for an array of values.\n * The hash changes only when the array's contents differ from the previous call.\n *\n * @param e - The input array to hash.\n * @returns A string hash that updates when the array changes.\n *\n * How it works:\n * - Tracks the previous array and its hash using a `useRef`.\n * - Compares the new array to the previous one by length and element equality.\n * - If any difference is detected, generates a new random hash.\n */\nexport const useArrayHash = (e: any[]): string => {\n\n  const { current: { computedHash } } = useRef({\n    /**\n     * Getter for the computed hash function.\n     *\n     * - Initializes with an empty array and a random hash.\n     * - Returns a function that compares the current array to the previous one.\n     * - Updates the hash if any difference is detected.\n     */\n    get computedHash() {\n      let currentValues: any[] = []\n      let currentHash = randomHash()\n      return (e: any[]) => {\n        let isDiff = false\n\n        // Check for differences in array existence, length, or elements.\n        isDiff = isDiff || ((!e) != (!currentValues))\n        isDiff = isDiff || (e?.length != currentValues?.length);\n        isDiff = isDiff || (e.some((f, i) => f != currentValues[i]));\n\n        // Update the hash if differences are found.\n        currentValues = e;\n        if (isDiff) {\n          currentHash = randomHash()\n        }\n\n        return currentHash\n      }\n    }\n  })\n\n  return computedHash(e)\n}","import { debounce, memoize } from \"./utils\";\nimport { useEffect, useMemo, useState } from \"react\"\nimport { useArrayHash } from \"./useArrayHash\"\n\n\n\nclass DataEvent extends Event {\n  constructor(\n    public event: string,\n    public value: any\n  ) {\n    super(event);\n  }\n}\n\n/**\n * Generic context for managing shared state and event subscriptions.\n * @template D - The shape of the data managed by the context.\n */\nexport class Context<D> extends EventTarget {\n  /**\n   * Create a new Context instance.\n   * @param name - The name of the context (for debugging).\n   */\n  constructor(public name: string) {\n    console.log(\"[CONTEXT] %s\", name)\n    // this.event.setMaxListeners(100)\n    super();\n  }\n\n  // private event = new EventEmitter()\n\n  /**\n   * The current data held by the context.\n   */\n  public data: Partial<D> = {}\n  /**\n   * Registry for tracking active keys (for duplicate detection).\n   */\n  public registry = new Set<string>()\n\n  /**\n   * Publish a value to the context and notify subscribers if it changed.\n   * @param key - The key to update.\n   * @param value - The new value.\n   */\n  public publish(key: keyof D, value: D[typeof key] | undefined) {\n\n    if (value != this.data[key]) {\n      this.data[key] = value\n      // console.count(\"[COUNT] \" + String(key))\n      // this.event.emit(String(key), { value })\n      this.dispatchEvent(new DataEvent(String(key), value))\n    }\n  }\n\n  /**\n   * Subscribe to changes for a specific key in the context.\n   * @param key - The key to subscribe to.\n   * @param _listener - Callback invoked with the new value.\n   * @returns Unsubscribe function.\n   */\n  public subscribe(key: keyof D, _listener: (e: D[typeof key] | undefined) => void) {\n\n    const listener = ({ event, value }: any) => {\n      _listener(value)\n    }\n\n    this.addEventListener(String(key), listener)\n    // console.log(\"listenerCount:\", String(key), this.event.listenerCount(String(key)))\n\n    if (key in this.data) _listener(this.data[key])\n\n    return () => (this.removeEventListener(String(key), listener), undefined)\n  }\n\n}\n\n/**\n * Get or create a memoized Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const getContext = memoize((name: string) => new Context<any>(name))\n\n/**\n * Type alias for a function that returns a Context instance.\n */\nexport type getContext<D> = (e: string) => Context<D>\n\n/**\n * React hook to get a typed Context instance by name.\n * @param name - The context name.\n * @returns The Context instance.\n */\nexport const useDataContext = <D>(name: string = \"noname\") => {\n\n  const ctx = useMemo(() => getContext(name), [name])\n\n  return ctx as any as Context<D>\n}\n\n/**\n * Internal hook to check for duplicate registry entries in a context.\n * Warns if any of the provided names are already registered.\n * @param ctx - The context instance.\n * @param names - Names to check and register.\n */\nconst useRegistryChecker = (ctx: Context<any> | undefined, ...names: string[]) => {\n  // return;\n  const stack = new Error(\"[ctx] useRegistryChecker failed \" + JSON.stringify({ names, ctx: ctx?.name ?? 'undefined' }))\n\n  useEffect(\n    () => {\n      if (ctx) {\n        if (names.some(name => ctx.registry.has(name))) {\n          console.error(stack)\n        }\n        names.forEach(e => ctx.registry.add(e))\n\n        // console.debug(\"[ctx] %s%s add datasource\", componentId, ctx.name, names)\n        return () => {\n          // console.debug(\"[ctx] %s %s remove datasource\", componentId, ctx.name, names)\n\n          names.forEach(e => ctx.registry.delete(e))\n        }\n      }\n    },\n    [ctx, names.length]\n  )\n\n}\n\n/**\n * React hook to publish a value to the context when it changes.\n * @param ctx - The context instance.\n * @param key - The key to update.\n * @param value - The new value.\n */\nexport const useDataSource = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, value: D[K] | undefined) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx && ctx.data[key] != value) {\n\n      ctx.publish(key, value)\n    }\n  }, [key, value, ctx])\n\n  useRegistryChecker(ctx, key as any)\n}\n\n/**\n * React hook to subscribe to a context value, with optional debounce.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param debounceTime - Debounce time in ms (default 0).\n * @returns The current value for the key.\n */\nexport const useDataSubscribe = <D, K extends keyof D>(ctx: Context<D> | undefined, key: K, debounceTime = 0): D[K] | undefined => {\n  //@ts-check\n  const [{ value }, setState] = useState(() => ({ value: ctx?.data?.[key] }))\n\n  useEffect(() => {\n    if (ctx) {\n      let callback = debounceTime == 0\n        ? (value: any) => setState({ value } as any)\n        : debounce((value: any) => setState({ value } as any), debounceTime)\n      let unsub = ctx.subscribe(key, callback)\n      value != ctx.data[key] && setState({ value: ctx.data[key] })\n      return () => {\n        unsub()\n      }\n    }\n  }, [key, ctx])\n\n  return ctx?.data[key]\n}\n\n/**\n * React hook to subscribe to a context value and transform it before returning.\n * @param ctx - The context instance.\n * @param key - The key to subscribe to.\n * @param transform - Function to transform the value.\n * @returns The transformed value.\n */\nexport const useDataSubscribeWithTransform = <D, K extends keyof D, E>(ctx: Context<D> | undefined, key: K, transform: (e: D[K] | undefined) => E): E => {\n  const [, setState] = useState(0)\n  const result = useMemo(\n    () => transform(ctx?.data[key]),\n    [transform, ctx?.data[key]]\n  )\n\n  useEffect(() => {\n    if (ctx) {\n      let preValue = result\n      let callback = () => {\n        let newValue = transform(ctx.data[key])\n        if (newValue != preValue) {\n          preValue = newValue;\n          setState(e => e + 1)\n        };\n      }\n      let unsub = ctx.subscribe(key, callback)\n      callback();\n      return () => unsub()\n    }\n  }, [key, ctx])\n\n  return result\n}\n\n/**\n * React hook to publish multiple values to the context.\n * @param ctx - The context instance.\n * @param entries - Array of [key, value] pairs to update.\n */\nexport const useDataSourceMultiple = <D, T extends readonly (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  ...entries: { -readonly [P in keyof T]: [T[P], D[T[P]]] }\n) => {\n  //@ts-check\n  useEffect(() => {\n    if (ctx) {\n      for (let [key, value] of entries) {\n        ctx.data[key] != value && ctx.publish(key, value)\n      }\n    }\n  }, [ctx, useArrayHash(entries.flat())])\n\n  useRegistryChecker(ctx, ...entries.map(e => e[0]) as any)\n\n}\n\n/**\n * React hook to subscribe to multiple context values.\n * @param ctx - The context instance.\n * @param keys - Keys to subscribe to.\n * @returns An object with the current values for the keys.\n */\nexport const useDataSubscribeMultiple = <D, K extends keyof D>(\n  ctx: Context<D> | undefined,\n  ...keys: K[]\n): Pick<D, K> => {\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          // console.log(\"DIFF\", keys.filter((e, i) => prevValues[i] != currentValues[i]))\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, 1)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n\n  return Object\n    .fromEntries(keys.map((key, index) => [key, returnValues[index]])) as any\n}\n\n/**\n * React hook to subscribe to multiple context values with throttling.\n * @param ctx - The context instance.\n * @param debounceTime - Debounce time in ms (default 50).\n * @param keys - Keys to subscribe to.\n * @returns Array of current values for the keys.\n */\nexport const useDataSubscribeMultipleWithDebounce = <D, K extends (keyof D)[]>(\n  ctx: Context<D> | undefined,\n  debounceTime = 50,\n  ...keys: K\n): { [i in keyof K]: D[K[i]] | undefined } => {\n  //@ts-check\n  const [, setCounter] = useState(0)\n\n  const returnValues = keys.map(key => ctx?.data?.[key])\n\n  useEffect(() => {\n    if (ctx) {\n      let prevValues = returnValues\n      const callback = debounce(() => {\n        let currentValues = keys.map(key => ctx?.data?.[key])\n        if (keys.some((key, i) => prevValues[i] != currentValues[i])) {\n          prevValues = currentValues\n          setCounter(c => c + 1)\n        }\n      }, debounceTime)\n\n      let handles = keys.map(key => ctx.subscribe(key, callback))\n\n      let firstCall = setTimeout(callback, 1);\n\n      return () => {\n        clearTimeout(firstCall)\n        callback.cancel();\n        handles.forEach(unsub => unsub())\n      }\n\n    }\n  }, [ctx, ...keys])\n\n  return returnValues as any\n}\n\n\n\n","import { useEffect, useMemo } from \"react\"\nimport { useDataContext, useDataSourceMultiple, type Context } from \"./ctx\"\n\n\n\n/**\n * createRootCtx\n *\n * Factory that creates a headless \"Root\" component and companion hooks for a context namespace.\n * It derives a unique context name from a base `name` and a props object `U`, then publishes\n * a computed state `V` (from `useFn`) to that context.\n *\n * Usage (manual mounting):\n * ```\n * const { Root, useCtxState } = createRootCtx('user-state', useUserState)\n *  ...\n * // Mount exactly one Root per unique props combination\n * <Root userId={id} />\n *  ...\n * // Read anywhere ,using the same props shape\n * const user = useCtxState({ userId: id })\n *```\n * Strict vs lenient consumers:\n * - useCtxStateStrict(props) throws if a matching Root is not mounted.\n * - useCtxState(props) logs an error (after 1s) instead of throwing.\n *\n * Multiple instances safety:\n * - Mounting more than one Root with the same resolved context name throws (guards accidental duplicates).\n *\n * Name resolution notes:\n * - The context name is built from `name` + sorted key/value pairs of `props` (U), joined by \"-\".\n * - Prefer stable, primitive props to avoid collisions; if you need automation, pair with `createAutoCtx` and\n *   mount a single <AutoRootCtx Wrapper={ErrorBoundary} /> at the app root so you don't manually mount `Root`.\n */\nexport const createRootCtx = <U extends object, V extends object>(name: string, useFn: (e: U) => V) => {\n\n  const resolveCtxName = (e: U) => [\n    name,\n    ...Object\n      .entries(e ?? {})\n      .sort((e, f) => e[0].localeCompare(f[0]))\n      .flat()\n  ].join(\"-\")\n\n  let ctxMountedCheck = new Set<string>()\n\n\n  const RootState: React.FC<U> = (e: U) => {\n    const state = useFn(e)\n    const ctxName = resolveCtxName(e)\n    const ctx = useDataContext<V>(ctxName)\n    const stack = useMemo(() => new Error().stack, [])\n\n    useDataSourceMultiple(\n      ctx,\n      ...Object.entries(state) as any\n    )\n\n    useEffect(() => {\n      if (ctxMountedCheck.has(ctxName)) {\n        const err = new Error(\"RootContext \" + ctxName + \" are mounted more than once\")\n        err.stack = stack;\n        throw err\n      }\n      ctxMountedCheck.add(ctxName)\n      return () => { ctxMountedCheck.delete(ctxName) };\n    })\n\n    return <></>\n  }\n\n  RootState.displayName = `State[${useFn?.name??'??'}]`\n\n  return {\n    resolveCtxName,\n    Root: RootState,\n  /**\n   * Strict consumer: throws if the corresponding Root for these props isn't mounted.\n   * Use in development/tests to fail fast when wiring is incorrect.\n   */\n    useCtxStateStrict: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          throw err\n        }\n      }, [ctxName])\n\n      return useDataContext<V>(ctxName)\n    },\n  /**\n   * Lenient consumer: schedules a console.error if the Root isn't mounted instead of throwing.\n   * Useful in production to avoid hard crashes while still surfacing misconfiguration.\n   */\n    useCtxState: (e: U): Context<V> => {\n      const ctxName = resolveCtxName(e)\n\n      const stack = useMemo(() => new Error().stack, [])\n\n      useEffect(() => {\n        if (!ctxMountedCheck.has(ctxName)) {\n          const err = new Error(\"RootContext [\" + ctxName + \"] is not mounted\")\n          err.stack = stack;\n          let timeout = setTimeout(() => console.error(err), 1000)\n          return () => clearTimeout(timeout)\n        }\n      }, [ctxMountedCheck.has(ctxName)])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","import { useEffect, useState, Fragment, useCallback } from \"react\"\nimport { useDataContext, useDataSourceMultiple, useDataSubscribe, type Context } from \"./ctx\"\nimport { createRootCtx } from \"./createRootCtx\"\n\n\n\n\n\n\nconst weakmapName = (function () {\n  const weakmap = new WeakMap()\n\n  return (e: any): string => {\n    let result = weakmap.get(e);\n    if (!result) {\n      weakmap.set(e, result = (e?.name ?? \"\") + Math.random().toString())\n    }\n    return result\n  }\n})()\n\n\nconst resolveName = (e: any) => [\n  ...Object\n    .entries(e ?? {})\n    .sort((e, f) => e[0].localeCompare(f[0]))\n    .flat()\n].join(\"-\")\n\n/**\n * Inline docs: createAutoCtx + AutoRootCtx\n *\n * Quick start\n * 1) Mount <AutoRootCtx /> ONCE near your app root. Provide a Wrapper that acts like an ErrorBoundary to isolate and log errors.\n *    Example: <AutoRootCtx Wrapper={MyErrorBoundary} />\n *\n * 2) Create auto contexts from your root context factories:\n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx('test-state', stateFn))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx('other-state', otherFn))\n * ```\n * 3) Use them in components:\n * ```\n *    const ctx = useTestCtxState({ userId })\n *    const { property1, property2 } = useDataSubscribeMultiple(ctx,'property1','property2')\n *    // No need to mount the Root returned by createRootCtx directly — AutoRootCtx manages it for you.\n * ```\n * Notes\n * - AutoRootCtx must be mounted before any useCtxState hooks created by createAutoCtx run.\n * - Wrapper should be an ErrorBoundary-like component that simply renders {children}; no extra providers or layout required.\n * - For each unique params object (by stable stringified key), AutoRootCtx ensures a corresponding Root instance is rendered.\n */\n\nexport const AutoRootCtx = ({ Wrapper = Fragment }) => {\n\n  const ctx = useDataContext<any>(\"auto-ctx\")\n\n\n  const [state, setState] = useState<Record<string, { Component: React.FC, subState: Record<string, { params: any, counter: number }> }>>({})\n\n\n  const subscribeRoot = useCallback(\n    (Comp: any, params: any) => {\n      const weakName = weakmapName(Comp);\n      const key = resolveName(params);\n\n      setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            [key]: {\n              ...preState,\n              counter: preState.counter + 1,\n            },\n          },\n        }\n      }));\n\n      return () => setState(({\n        [weakName]: {\n          Component = Comp,\n          subState: {\n            [key]: preState = { params, counter: 0 },\n            ...subState\n          } = {}\n        } = {},\n        ...state\n      }) => ({\n        ...state,\n        [weakName]: {\n          Component,\n          subState: {\n            ...subState,\n            ...preState.counter > 1 ? {\n              [key]: {\n                ...preState,\n                counter: preState.counter - 1,\n              },\n            } : {},\n          },\n        }\n      }))\n\n    },\n    []\n  )\n\n  useDataSourceMultiple(ctx,\n    [\"subscribe\", subscribeRoot],\n    [\"state\", state],\n  )\n\n\n  return <>\n    {Object.entries(state)\n      .flatMap(([k1, { Component, subState }]) => Object\n        .entries(subState)\n        .map(([k2, { counter, params }]) => ({ key: k1 + k2, Component, params, counter }))\n        .filter(e => e.counter > 0)\n        .map(({ key, params, Component }) => <Wrapper key={key} >\n          <Component {...params} />\n        </Wrapper>)\n      )\n    }\n  </>\n\n}\n\n/**\n * createAutoCtx\n *\n * Bridges a Root context (from createRootCtx) to the global AutoRootCtx renderer.\n * You do NOT mount the Root component yourself — just mount <AutoRootCtx /> once at the app root.\n *\n * Usage: \n * ```\n *    const { useCtxState: useTestCtxState } = createAutoCtx(createRootCtx(\n *      'test-state', \n *      stateFn\n *    ))\n *    const { useCtxState: useOtherCtxState } = createAutoCtx(createRootCtx(\n *      'other-state', \n *      otherFn\n *    ))\n * ```\n * \n * Then inside components:\n * ```\n *   const ctxState = useTestCtxState({ any: 'params' })\n * ```\n * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.\n */\nexport const createAutoCtx = <U extends object, V extends object,>(\n  { Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>,\n  unmountTime = 0\n) => {\n\n  return {\n\n    useCtxState: (e: U): Context<V> => {\n\n      const ctxName = resolveCtxName(e)\n\n      const subscribe = useDataSubscribe(useDataContext<any>(\"auto-ctx\"), \"subscribe\")\n\n      useEffect(() => {\n        // Subscribe this component to an AutoRootCtx-managed Root instance keyed by e.\n        // AutoRootCtx handles instance ref-counting and cleanup on unmount.\n        if (unmountTime == 0) {\n          return subscribe?.(Root, e)\n        } else {\n          let unsub = subscribe?.(Root, e)\n          return () => setTimeout(unsub, unmountTime)\n        }\n      }, [subscribe, ctxName])\n\n      return useDataContext<V>(ctxName)\n    }\n  }\n}","\nimport { debounce } from \"./utils\";\nimport { useState, useMemo, useEffect } from \"react\";\nimport type { Context } from \"./ctx\";\n\n/**\n * useQuickSubscribe is a custom React hook for efficiently subscribing to specific properties of a context's data object.\n * \n * @template D - The shape of the context data.\n * @param {Context<D> | undefined} ctx - The context object containing data and a subscribe method.\n * @returns {Partial<D>} A proxy object that mirrors the context data, automatically subscribing to properties as they are accessed.\n *\n * This hook tracks which properties of the context data are accessed by the component and subscribes to updates for only those properties.\n * When any of the subscribed properties change, the hook triggers a re-render. Subscriptions are managed and cleaned up automatically\n * when the component unmounts or the context changes. This approach minimizes unnecessary re-renders and resource usage by only\n * subscribing to the data that the component actually uses.\n *\n * Example usage:\n *   const {name} = useQuickSubscribe(userContext);\n *   // Accessing name will subscribe to changes in 'name' only\n *   return <div>{name}</div>;\n */\n\nexport const useQuickSubscribe = <D>(\n  ctx: Context<D> | undefined\n): {\n    [P in keyof D]?: D[P] | undefined;\n  } => {\n\n  const [, setCounter] = useState(0);\n\n  const { proxy, finalGetter, openGetter, clean } = useMemo(\n    () => {\n\n      const allKeys = new Set<keyof D>()\n      const allCompareValue: { [P in keyof D]?: D[P] | undefined; } = {}\n      const allUnsub = new Map()\n\n      const proxy = new Proxy(\n        ctx?.data as any,\n        {\n          get(target, p) {\n            if (isOpenGetter) {\n              allKeys.add(p as keyof D)\n              return allCompareValue[p as keyof D] = target[p];\n            } else {\n              throw new Error(\"now allow here\")\n            }\n          }\n        }\n      ) as any\n\n      let isOpenGetter = true;\n\n\n      let onChange = debounce(() => {\n        if ([...allKeys.values()]\n          .some(k => allCompareValue[k] != ctx?.data?.[k])) {\n          setCounter(c => c + 1)\n        }\n      }, 0)\n\n      let openGetter = () => {\n        isOpenGetter = true\n        allKeys.clear()\n      }\n\n      let finalGetter = () => {\n        isOpenGetter = false;\n\n        [...allKeys.values()]\n          .filter(k => !allUnsub.has(k))\n          .forEach(k => {\n            allUnsub.set(k, ctx?.subscribe(k, onChange))\n          });\n\n        [...allUnsub.keys()]\n          .filter(k => !allKeys.has(k))\n          .forEach(k => {\n            let unsub = allUnsub.get(k)\n            unsub?.();\n            allUnsub.delete(k);\n          });\n\n      }\n\n      let clean = () => {\n        openGetter();\n        finalGetter();\n        setCounter(c => c + 1)\n      }\n\n      return { proxy, finalGetter, openGetter, clean }\n    },\n    [ctx]\n  )\n\n  openGetter();\n\n  setTimeout(finalGetter, 0)\n\n  useEffect(\n    () => () => clean(),\n    [clean]\n  )\n\n  return proxy;\n\n\n};\n"],"names":["debounce","func","wait","timeout","fn","args","memoize","cache","key","result","randomHash","useArrayHash","computedHash","useRef","currentValues","currentHash","e","isDiff","f","i","DataEvent","event","value","Context","name","_listener","listener","getContext","useDataContext","useMemo","useRegistryChecker","ctx","names","stack","useEffect","useDataSource","useDataSubscribe","debounceTime","setState","useState","callback","unsub","useDataSubscribeWithTransform","transform","preValue","newValue","useDataSourceMultiple","entries","useDataSubscribeMultiple","keys","setCounter","returnValues","prevValues","c","handles","firstCall","index","useDataSubscribeMultipleWithDebounce","createRootCtx","useFn","resolveCtxName","ctxMountedCheck","RootState","state","ctxName","err","jsx","Fragment","weakmapName","weakmap","resolveName","AutoRootCtx","Wrapper","subscribeRoot","useCallback","Comp","params","weakName","Component","preState","subState","k1","k2","counter","createAutoCtx","Root","useCtxState","useCtxStateStrict","unmountTime","subscribe","useQuickSubscribe","proxy","finalGetter","openGetter","clean","allKeys","allCompareValue","allUnsub","target","isOpenGetter","onChange","k"],"mappings":"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"}

package/dist/state-utils/createAutoCtx.d.ts

@@ -50,6 +50,6 @@ export declare const AutoRootCtx: ({ Wrapper }: {
  * ```
  * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.
  */
-export declare const createAutoCtx: <U extends object, V extends object>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {
+export declare const createAutoCtx: <U extends object, V extends object>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>, unmountTime?: number) => {
     useCtxState: (e: U) => Context<V>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-state-custom",
-  "version": "1.0.15",
-  "description": "A React library built with Vite and TypeScript",
+  "version": "1.0.18",
+  "description": "The `react-state-custom` library provides a powerful set of tools for managing shared state in React applications",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -18,7 +18,14 @@
     "dev": "vite",
     "test": "echo \"No tests specified\" && exit 0"
   },
-  "keywords": [],
+  "keywords": [
+    "frontend",
+    "hooks",
+    "library",
+    "state",
+    "react",
+    "react-hook"
+  ],
   "author": "Your Name",
   "license": "MIT",
   "peerDependencies": {

package/src/state-utils/createAutoCtx.tsx

@@ -161,7 +161,10 @@ export const AutoRootCtx = ({ Wrapper = Fragment }) => {
  * ```
  * AutoRootCtx will subscribe/unsubscribe instances per unique params and render the appropriate Root under the hood.
  */
-export const createAutoCtx = <U extends object, V extends object,>({ Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>) => {
+export const createAutoCtx = <U extends object, V extends object,>(
+  { Root, useCtxState, useCtxStateStrict, resolveCtxName }: ReturnType<typeof createRootCtx<U, V>>,
+  unmountTime = 0
+) => {
 
   return {
 
@@ -174,7 +177,12 @@ export const createAutoCtx = <U extends object, V extends object,>({ Root, useCt
       useEffect(() => {
         // Subscribe this component to an AutoRootCtx-managed Root instance keyed by e.
         // AutoRootCtx handles instance ref-counting and cleanup on unmount.
-        return subscribe?.(Root, e)
+        if (unmountTime == 0) {
+          return subscribe?.(Root, e)
+        } else {
+          let unsub = subscribe?.(Root, e)
+          return () => setTimeout(unsub, unmountTime)
+        }
       }, [subscribe, ctxName])
 
       return useDataContext<V>(ctxName)