react-shared-states 2.1.2 → 2.1.4-beta

package/dist/SharedValuesManager.d.ts

@@ -3,8 +3,12 @@ export declare const staticStores: SharedCreated[];
 export declare class SharedValuesManager<T> {
     protected defaultValue: () => T;
     data: Map<string, SharedValue<T>>;
-    static INSTANCES: Map<string, SharedValuesManager<any>>;
+    private readonly _uniqueId;
     constructor(defaultValue?: () => T);
+    /**
+     * @internal
+     */
+    __get__uniqueId(): string;
     static getInstance<T>(instanceKey: string, defaultValue?: () => T): SharedValuesManager<T>;
     addListener(key: string, prefix: Prefix, listener: AFunction): void;
     removeListener(key: string, prefix: Prefix, listener: AFunction): void;
@@ -23,8 +27,13 @@ export declare class SharedValuesManager<T> {
 }
 export declare class SharedValuesApi<T> {
     protected sharedData: SharedValuesManager<T>;
+    private readonly _uniqueId;
     constructor(sharedData: SharedValuesManager<T>);
     private _get;
+    __log_instance_id(): {
+        apiId: string;
+        managerId: string;
+    };
     get(key: string, scopeName?: Prefix): T;
     get(sharedCreated: SharedCreated): T;
     set(key: string, value: T, scopeName?: Prefix): void;

package/dist/main.esm.js

@@ -1,38 +1,44 @@
 /*!
-* react-shared-states v2.1.2
+* react-shared-states v2.1.4-beta
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-import { jsx as V } from "react/jsx-runtime";
-import { createContext as W, useMemo as b, useContext as Y, useEffect as I, useSyncExternalStore as j, useRef as k } from "react";
-let B = !1;
+import { jsx as T } from "react/jsx-runtime";
+import { createContext as W, useMemo as b, useContext as Y, useEffect as P, useSyncExternalStore as O, useRef as k } from "react";
+let M = !1;
 const ee = (a) => {
-  B = a;
+  M = a;
 }, K = (...a) => {
-  B && console.log(
+  M && console.log(
     "%c[react-shared-states]",
     "color: #007acc; font-weight: bold",
     ...a
   );
-}, w = (a) => {
+}, E = (a) => {
   if (!a) throw new Error("Value is empty");
   return a;
-}, G = () => Math.random().toString(36).substring(2, 15), z = W(void 0), te = ({ children: a, scopeName: t }) => {
+}, q = () => Math.random().toString(36).substring(2, 15), z = W(void 0), te = ({ children: a, scopeName: t }) => {
   if (t && t.includes("//")) throw new Error("scopeName cannot contain '//'");
-  return t || (t = b(() => G(), [])), /* @__PURE__ */ V(z.Provider, { value: { scopeName: t }, children: a });
-}, H = () => Y(z), $ = [], D = /* @__PURE__ */ Symbol.for("react-shared-states.manager");
+  return t || (t = b(() => q(), [])), /* @__PURE__ */ T(z.Provider, { value: { scopeName: t }, children: a });
+}, H = () => Y(z), B = [], D = /* @__PURE__ */ Symbol.for("react-shared-states.manager");
 function J(a, t = () => null) {
   const s = globalThis;
   return s[D] || (s[D] = {}), s[D][a] || (s[D][a] = new l(t)), s[D][a];
 }
 class l {
   constructor(t = () => null) {
-    this.defaultValue = t;
+    this.defaultValue = t, this._uniqueId = q();
   }
   data = /* @__PURE__ */ new Map();
-  static INSTANCES = /* @__PURE__ */ new Map();
+  _uniqueId;
+  /**
+   * @internal
+   */
+  __get__uniqueId() {
+    return this._uniqueId;
+  }
   static getInstance(t, s = () => null) {
     return J(t, s);
   }
@@ -58,11 +64,11 @@ class l {
   }
   createStatic(t, s, e) {
     const i = e ?? "_global", r = {
-      key: G(),
+      key: q(),
       prefix: i,
       ...t
     };
-    return $.push(r), this.init(r.key, r.prefix, s, !0), this.defaultValue = () => s, r;
+    return B.push(r), this.init(r.key, r.prefix, s, !0), this.defaultValue = () => s, r;
   }
   initStatic(t) {
     const { key: s, prefix: e } = t;
@@ -79,7 +85,7 @@ class l {
     e || this.callListeners(t, s);
     const n = this.data.get(r);
     if (n && (this.data.delete(r), n.isStatic && !i)) {
-      const o = $.find((c) => c.key === t && c.prefix === s);
+      const o = B.find((c) => c.key === t && c.prefix === s);
       o && this.initStatic(o);
     }
   }
@@ -104,24 +110,25 @@ class l {
     return [s[0], s.slice(1).join("//")];
   }
   useEffect(t, s, e = null) {
-    I(() => () => {
+    P(() => () => {
       e?.(), K(`[${l.prefix(t, s)}]`, "unmount effect");
       const i = this.get(t, s);
       i && i.listeners?.length === 0 && this.clear(t, s);
     }, [t, s]);
   }
 }
-class R {
+class $ {
   constructor(t) {
-    this.sharedData = t;
+    this.sharedData = t, this._uniqueId = q();
   }
+  _uniqueId;
   _get(t, s) {
     let e, i = s;
     if (typeof t != "string") {
       const { key: o, prefix: c } = t;
       e = o, i = c;
     } else
-      e = w(t);
+      e = E(t);
     const r = i || "_global", n = this.sharedData.get(e, r);
     return n ? { value: n.value, key: e, prefix: r } : {
       key: e,
@@ -129,6 +136,12 @@ class R {
       value: void 0
     };
   }
+  __log_instance_id() {
+    return {
+      apiId: this._uniqueId,
+      managerId: this.sharedData.__get__uniqueId()
+    };
+  }
   get(t, s) {
     return this._get(t, s).value;
   }
@@ -138,7 +151,7 @@ class R {
       const { key: o, prefix: c } = t;
       i = o, r = c;
     } else
-      i = w(t);
+      i = E(t);
     const n = r || "_global";
     this.sharedData.init(i, n, s), this.sharedData.setValue(i, n, s), this.sharedData.callListeners(i, n);
   }
@@ -190,19 +203,19 @@ class R {
     };
   }
 }
-const C = (a) => {
+const j = (a) => {
   const t = H();
   return {
     prefix: a ?? t?.scopeName ?? "_global"
   };
 };
-function N(a) {
+function Q(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var F, q;
-function Q() {
-  if (q) return F;
-  q = 1;
+var F, G;
+function U() {
+  if (G) return F;
+  G = 1;
   var a = typeof Element < "u", t = typeof Map == "function", s = typeof Set == "function", e = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
   function i(r, n) {
     if (r === n) return !0;
@@ -215,18 +228,18 @@ function Q() {
           if (!i(r[c], n[c])) return !1;
         return !0;
       }
-      var u;
+      var f;
       if (t && r instanceof Map && n instanceof Map) {
         if (r.size !== n.size) return !1;
-        for (u = r.entries(); !(c = u.next()).done; )
+        for (f = r.entries(); !(c = f.next()).done; )
           if (!n.has(c.value[0])) return !1;
-        for (u = r.entries(); !(c = u.next()).done; )
+        for (f = r.entries(); !(c = f.next()).done; )
           if (!i(c.value[1], n.get(c.value[0]))) return !1;
         return !0;
       }
       if (s && r instanceof Set && n instanceof Set) {
         if (r.size !== n.size) return !1;
-        for (u = r.entries(); !(c = u.next()).done; )
+        for (f = r.entries(); !(c = f.next()).done; )
           if (!n.has(c.value[0])) return !1;
         return !0;
       }
@@ -260,140 +273,140 @@ function Q() {
     }
   }, F;
 }
-var U = Q();
-const T = /* @__PURE__ */ N(U), h = l.getInstance("sharedStatesManager"), re = new R(h), se = (a, t) => h.createStatic({ initialValue: a }, a, t);
+var X = U();
+const V = /* @__PURE__ */ Q(X), h = l.getInstance("sharedStatesManager"), re = new $(h), se = (a, t) => h.createStatic({ initialValue: a }, a, t);
 function ne(a, t, s) {
   let e, i, r = s;
   if (typeof a != "string") {
-    const { key: f, initialValue: v, prefix: S } = a;
-    e = f, i = v, r = S;
+    const { key: u, initialValue: v, prefix: S } = a;
+    e = u, i = v, r = S;
   } else
-    e = w(a), i = t;
-  const { prefix: n } = C(r);
+    e = E(a), i = t;
+  const { prefix: n } = j(r);
   h.init(e, n, i);
-  const o = b(() => (f) => (h.init(e, n, t), h.addListener(e, n, f), () => {
-    h.removeListener(e, n, f);
-  }), [e, n, t]), c = b(() => () => h.get(e, n)?.value, [e, n]), d = j(o, c), u = (f) => {
-    const v = typeof f == "function" ? f(h.get(e, n)?.value) : f;
-    T(v, d) || (h.setValue(e, n, v), h.callListeners(e, n));
+  const o = b(() => (u) => (h.init(e, n, t), h.addListener(e, n, u), () => {
+    h.removeListener(e, n, u);
+  }), [e, n, t]), c = b(() => () => h.get(e, n)?.value, [e, n]), d = O(o, c), f = (u) => {
+    const v = typeof u == "function" ? u(h.get(e, n)?.value) : u;
+    V(v, d) || (h.setValue(e, n, v), h.callListeners(e, n));
   };
   return h.useEffect(e, n), [
     d,
-    u
+    f
   ];
 }
 function ie(a, t, s) {
   let e, i = s;
   if (typeof a != "string") {
-    const { key: u, prefix: f } = a;
-    e = u, i = f;
+    const { key: f, prefix: u } = a;
+    e = f, i = u;
   } else
-    e = w(a);
-  const { prefix: r } = C(i), n = k(void 0), o = b(() => (u) => (h.init(e, r, void 0), h.addListener(e, r, u), () => {
-    h.removeListener(e, r, u);
+    e = E(a);
+  const { prefix: r } = j(i), n = k(void 0), o = b(() => (f) => (h.init(e, r, void 0), h.addListener(e, r, f), () => {
+    h.removeListener(e, r, f);
   }), [e, r]), c = b(() => () => {
-    const u = h.get(e, r)?.value, f = t(u);
-    return T(n.current, f) ? n.current : (n.current = f, f);
-  }, [e, r, t]), d = j(o, c);
+    const f = h.get(e, r)?.value, u = t(f);
+    return V(n.current, u) ? n.current : (n.current = u, u);
+  }, [e, r, t]), d = O(o, c);
   return h.useEffect(e, r), d;
 }
-const y = l.getInstance("SharedFunctionValue"), _ = new R(y), O = {
+const y = l.getInstance("SharedFunctionValue"), I = new $(y), A = {
   results: void 0,
   isLoading: !1,
   error: void 0
-}, ae = (a, t) => y.createStatic({ fn: a }, O, t);
+}, ae = (a, t) => y.createStatic({ fn: a }, A, t);
 function oe(a, t, s) {
   let e, i, r = s;
   if (typeof a != "string") {
-    const { key: f, fn: v, prefix: S } = a;
-    e = f, i = v, r = S;
+    const { key: u, fn: v, prefix: S } = a;
+    e = u, i = v, r = S;
   } else
-    e = w(a), i = t;
-  const { prefix: n } = C(r);
-  y.init(e, n, O);
+    e = E(a), i = t;
+  const { prefix: n } = j(r);
+  y.init(e, n, A);
   const o = b(
-    () => (f) => (y.init(e, n, O), y.addListener(e, n, f), () => {
-      y.removeListener(e, n, f);
+    () => (u) => (y.init(e, n, A), y.addListener(e, n, u), () => {
+      y.removeListener(e, n, u);
     }),
     [e, n]
   ), c = b(
     () => () => y.get(e, n).value,
     [e, n]
-  ), d = j(o, c), u = async (f, ...v) => {
+  ), d = O(o, c), f = async (u, ...v) => {
     const S = y.get(e, n);
-    if (!f && (S.value.isLoading || S.value.results !== void 0)) return S.value;
-    _.update(e, (x) => ({ ...x, isLoading: !0, error: void 0 }), n);
+    if (!u && (S.value.isLoading || S.value.results !== void 0)) return S.value;
+    I.update(e, (x) => ({ ...x, isLoading: !0, error: void 0 }), n);
     try {
       const x = await i(...v);
-      _.set(e, { results: x, isLoading: !1, error: void 0 }, n);
+      I.set(e, { results: x, isLoading: !1, error: void 0 }, n);
     } catch (x) {
-      _.update(e, (p) => ({ ...p, isLoading: !1, error: x }), n);
+      I.update(e, (p) => ({ ...p, isLoading: !1, error: x }), n);
     }
   };
   return y.useEffect(e, n), {
     state: d,
-    trigger: (...f) => {
-      u(!1, ...f);
+    trigger: (...u) => {
+      f(!1, ...u);
     },
-    forceTrigger: (...f) => {
-      u(!0, ...f);
+    forceTrigger: (...u) => {
+      f(!0, ...u);
     },
     clear: () => {
-      _.set(e, O, n);
+      I.set(e, A, n);
     }
   };
 }
-const g = l.getInstance("SharedSubscription"), E = new R(g), M = {
+const g = l.getInstance("SharedSubscription"), L = new $(g), R = {
   data: void 0,
   isLoading: !1,
   error: void 0,
   subscribed: !1,
   unsubscribe: void 0
-}, ce = (a, t, s) => g.createStatic({ subscriber: a }, { ...M, data: t?.initialValue }, s);
-async function P(a, t) {
+}, ce = (a, t, s) => g.createStatic({ subscriber: a }, { ...R, data: t?.initialValue }, s);
+async function C(a, t) {
   const s = g.get(a, t);
-  s?.value.unsubscribe && (s.value.unsubscribe(), E.update(a, (e) => ({ ...e, unsubscribe: void 0, subscribed: !1 }), t));
+  s?.value.unsubscribe && (s.value.unsubscribe(), L.update(a, (e) => ({ ...e, unsubscribe: void 0, subscribed: !1 }), t));
 }
-function fe(a, t, s) {
+function ue(a, t, s) {
   let e, i, r = s, n = !1;
   if (typeof a != "string") {
-    const { key: p, subscriber: m, prefix: L, triggerImmediately: A } = a;
-    e = p, i = m, r = L, n = A ?? !1;
+    const { key: p, subscriber: m, prefix: _, triggerImmediately: w } = a;
+    e = p, i = m, r = _, n = w ?? !1;
   } else
-    e = w(a), i = t;
-  const { prefix: o } = C(r);
-  g.init(e, o, M);
+    e = E(a), i = t;
+  const { prefix: o } = j(r);
+  g.init(e, o, R);
   const c = b(
-    () => (p) => (g.init(e, o, M), g.addListener(e, o, p), () => {
+    () => (p) => (g.init(e, o, R), g.addListener(e, o, p), () => {
       g.removeListener(e, o, p);
     }),
     [e, o]
   ), d = b(
     () => () => g.get(e, o).value,
     [e, o]
-  ), u = j(c, d), f = (p) => {
-    E.update(e, (m) => ({ ...m, data: p }), o);
+  ), f = O(c, d), u = (p) => {
+    L.update(e, (m) => ({ ...m, data: p }), o);
   }, v = (p) => {
-    E.update(e, (m) => ({ ...m, isLoading: !1, data: void 0, error: p }), o);
+    L.update(e, (m) => ({ ...m, isLoading: !1, data: void 0, error: p }), o);
   }, S = () => {
-    E.update(e, (p) => ({ ...p, isLoading: !1 }), o);
+    L.update(e, (p) => ({ ...p, isLoading: !1 }), o);
   }, x = async (p) => {
     const m = g.get(e, o);
-    if (p && await P(e, o), m.value.subscribed && !p) return m.value;
-    K("triggered !!"), E.update(e, (L) => ({ ...L, isLoading: !0, error: void 0 }), o);
+    if (p && await C(e, o), m.value.subscribed && !p) return m.value;
+    K("triggered !!"), L.update(e, (_) => ({ ..._, isLoading: !0, error: void 0 }), o);
     try {
-      const L = await i(f, v, S);
-      E.update(e, (A) => ({ ...A, unsubscribe: L, subscribed: !0, isLoading: !1 }), o);
-    } catch (L) {
-      E.update(e, (A) => ({ ...A, isLoading: !1, error: L }), o);
+      const _ = await i(u, v, S);
+      L.update(e, (w) => ({ ...w, unsubscribe: _, subscribed: !0, isLoading: !1 }), o);
+    } catch (_) {
+      L.update(e, (w) => ({ ...w, isLoading: !1, error: _ }), o);
     }
   };
-  return I(() => () => {
-    K(`[${l.prefix(e, o)}]`, "unmount effect2"), g.get(e, o)?.listeners.length === 0 && P(e, o);
-  }, [e, o]), g.useEffect(e, o), I(() => {
+  return P(() => () => {
+    K(`[${l.prefix(e, o)}]`, "unmount effect2"), g.get(e, o)?.listeners.length === 0 && C(e, o);
+  }, [e, o]), g.useEffect(e, o), P(() => {
     n && x(!1);
   }, []), {
-    state: u,
+    state: f,
     trigger: () => {
       x(!1);
     },
@@ -401,7 +414,7 @@ function fe(a, t, s) {
       x(!0);
     },
     unsubscribe: () => {
-      P(e, o);
+      C(e, o);
     }
   };
 }
@@ -410,14 +423,14 @@ export {
   ae as createSharedFunction,
   se as createSharedState,
   ce as createSharedSubscription,
-  B as isDevMode,
+  M as isDevMode,
   ee as setDevMode,
-  _ as sharedFunctionsApi,
+  I as sharedFunctionsApi,
   re as sharedStatesApi,
-  E as sharedSubscriptionsApi,
-  C as useSharedContext,
+  L as sharedSubscriptionsApi,
+  j as useSharedContext,
   oe as useSharedFunction,
   ne as useSharedState,
   ie as useSharedStateSelector,
-  fe as useSharedSubscription
+  ue as useSharedSubscription
 };

package/dist/main.min.js

@@ -1,8 +1,8 @@
 /*!
-* react-shared-states v2.1.2
+* react-shared-states v2.1.4-beta
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-(function(f,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],D):(f=typeof globalThis<"u"?globalThis:f||self,D(f.ReactSharedStates={},f.jsxRuntime,f.React))})(this,(function(f,D,h){"use strict";f.isDevMode=!1;const z=a=>{f.isDevMode=a},P=(...a)=>{f.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...a)},A=a=>{if(!a)throw new Error("Value is empty");return a},T=()=>Math.random().toString(36).substring(2,15),K=h.createContext(void 0),V=({children:a,scopeName:t})=>{if(t&&t.includes("//"))throw new Error("scopeName cannot contain '//'");return t||(t=h.useMemo(()=>T(),[])),D.jsx(K.Provider,{value:{scopeName:t},children:a})},W=()=>h.useContext(K),$=[],M=Symbol.for("react-shared-states.manager");function Y(a,t=()=>null){const s=globalThis;return s[M]||(s[M]={}),s[M][a]||(s[M][a]=new l(t)),s[M][a]}class l{constructor(t=()=>null){this.defaultValue=t}data=new Map;static INSTANCES=new Map;static getInstance(t,s=()=>null){return Y(t,s)}addListener(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&r.listeners.push(e)}removeListener(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&(r.listeners=r.listeners.filter(n=>n!==e))}callListeners(t,s){const e=l.prefix(t,s),i=this.data.get(e);i&&i.listeners.forEach(r=>r())}init(t,s,e,i=!1){const r=l.prefix(t,s);this.data.has(r)||this.data.set(r,{value:e,isStatic:i||void 0,listeners:[]})}createStatic(t,s,e){const i=e??"_global",r={key:T(),prefix:i,...t};return $.push(r),this.init(r.key,r.prefix,s,!0),this.defaultValue=()=>s,r}initStatic(t){const{key:s,prefix:e}=t;this.init(s,e,this.defaultValue(),!0)}clearAll(t=!1,s=!1){this.data.forEach((e,i)=>{const[r,n]=l.extractPrefix(i);this.clear(n,r,t,s)})}clear(t,s,e=!1,i=!1){const r=l.prefix(t,s);e||this.callListeners(t,s);const n=this.data.get(r);if(n&&(this.data.delete(r),n.isStatic&&!i)){const o=$.find(u=>u.key===t&&u.prefix===s);o&&this.initStatic(o)}}get(t,s){let e=this.has(t,s);if(e)return this.data.get(e)}setValue(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&(r.value=e,this.data.set(i,r))}has(t,s){return this.data.has(l.prefix(t,s))?l.prefix(t,s):this.data.has(l.prefix(t,"_global"))?l.prefix(t,"_global"):void 0}static prefix(t,s){if(t.includes("//"))throw new Error("key cannot contain '//'");return`${s}//${t}`}static extractPrefix(t){const s=t.split("//");return[s[0],s.slice(1).join("//")]}useEffect(t,s,e=null){h.useEffect(()=>()=>{e?.(),P(`[${l.prefix(t,s)}]`,"unmount effect");const i=this.get(t,s);i&&i.listeners?.length===0&&this.clear(t,s)},[t,s])}}class C{constructor(t){this.sharedData=t}_get(t,s){let e,i=s;if(typeof t!="string"){const{key:o,prefix:u}=t;e=o,i=u}else e=A(t);const r=i||"_global",n=this.sharedData.get(e,r);return n?{value:n.value,key:e,prefix:r}:{key:e,prefix:r,value:void 0}}get(t,s){return this._get(t,s).value}set(t,s,e){let i,r=e;if(typeof t!="string"){const{key:o,prefix:u}=t;i=o,r=u}else i=A(t);const n=r||"_global";this.sharedData.init(i,n,s),this.sharedData.setValue(i,n,s),this.sharedData.callListeners(i,n)}update(t,s,e){const i=this._get(t,e);if(i){const r=s(i.value);this.set(i.key,r,i.prefix)}}clearAll(){this.sharedData.clearAll()}clearScope(t){const s=t||"_global";this.sharedData.data.forEach((e,i)=>{const[r,n]=l.extractPrefix(i);r===s&&(this.sharedData.clear(n,r),this.sharedData.callListeners(n,r))})}resolve(t){const{key:s,prefix:e}=t;return this.get(s,e)}clear(t,s){let e,i;typeof t=="string"?(e=t,i=s||"_global"):(e=t.key,i=t.prefix),this.sharedData.clear(e,i)}has(t,s="_global"){const e=s||"_global";return!!this.sharedData.has(t,e)}getAll(){const t={};return this.sharedData.data.forEach((s,e)=>{const[i,r]=l.extractPrefix(e);t[i]=t[i]||{},t[i][r]=s.value}),t}subscribe(t,s,e){let i,r;return typeof t=="string"?(i=t,r=e||"_global"):(i=t.key,r=t.prefix),this.sharedData.addListener(i,r,s),()=>{this.sharedData.removeListener(i,r,s)}}}const j=a=>{const t=W();return{prefix:a??t?.scopeName??"_global"}};function k(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var I,B;function H(){if(B)return I;B=1;var a=typeof Element<"u",t=typeof Map=="function",s=typeof Set=="function",e=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(r,n){if(r===n)return!0;if(r&&n&&typeof r=="object"&&typeof n=="object"){if(r.constructor!==n.constructor)return!1;var o,u,p;if(Array.isArray(r)){if(o=r.length,o!=n.length)return!1;for(u=o;u--!==0;)if(!i(r[u],n[u]))return!1;return!0}var d;if(t&&r instanceof Map&&n instanceof Map){if(r.size!==n.size)return!1;for(d=r.entries();!(u=d.next()).done;)if(!n.has(u.value[0]))return!1;for(d=r.entries();!(u=d.next()).done;)if(!i(u.value[1],n.get(u.value[0])))return!1;return!0}if(s&&r instanceof Set&&n instanceof Set){if(r.size!==n.size)return!1;for(d=r.entries();!(u=d.next()).done;)if(!n.has(u.value[0]))return!1;return!0}if(e&&ArrayBuffer.isView(r)&&ArrayBuffer.isView(n)){if(o=r.length,o!=n.length)return!1;for(u=o;u--!==0;)if(r[u]!==n[u])return!1;return!0}if(r.constructor===RegExp)return r.source===n.source&&r.flags===n.flags;if(r.valueOf!==Object.prototype.valueOf&&typeof r.valueOf=="function"&&typeof n.valueOf=="function")return r.valueOf()===n.valueOf();if(r.toString!==Object.prototype.toString&&typeof r.toString=="function"&&typeof n.toString=="function")return r.toString()===n.toString();if(p=Object.keys(r),o=p.length,o!==Object.keys(n).length)return!1;for(u=o;u--!==0;)if(!Object.prototype.hasOwnProperty.call(n,p[u]))return!1;if(a&&r instanceof Element)return!1;for(u=o;u--!==0;)if(!((p[u]==="_owner"||p[u]==="__v"||p[u]==="__o")&&r.$$typeof)&&!i(r[p[u]],n[p[u]]))return!1;return!0}return r!==r&&n!==n}return I=function(n,o){try{return i(n,o)}catch(u){if((u.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw u}},I}var J=H();const G=k(J),g=l.getInstance("sharedStatesManager"),N=new C(g),Q=(a,t)=>g.createStatic({initialValue:a},a,t);function U(a,t,s){let e,i,r=s;if(typeof a!="string"){const{key:c,initialValue:y,prefix:m}=a;e=c,i=y,r=m}else e=A(a),i=t;const{prefix:n}=j(r);g.init(e,n,i);const o=h.useMemo(()=>c=>(g.init(e,n,t),g.addListener(e,n,c),()=>{g.removeListener(e,n,c)}),[e,n,t]),u=h.useMemo(()=>()=>g.get(e,n)?.value,[e,n]),p=h.useSyncExternalStore(o,u),d=c=>{const y=typeof c=="function"?c(g.get(e,n)?.value):c;G(y,p)||(g.setValue(e,n,y),g.callListeners(e,n))};return g.useEffect(e,n),[p,d]}function X(a,t,s){let e,i=s;if(typeof a!="string"){const{key:d,prefix:c}=a;e=d,i=c}else e=A(a);const{prefix:r}=j(i),n=h.useRef(void 0),o=h.useMemo(()=>d=>(g.init(e,r,void 0),g.addListener(e,r,d),()=>{g.removeListener(e,r,d)}),[e,r]),u=h.useMemo(()=>()=>{const d=g.get(e,r)?.value,c=t(d);return G(n.current,c)?n.current:(n.current=c,c)},[e,r,t]),p=h.useSyncExternalStore(o,u);return g.useEffect(e,r),p}const x=l.getInstance("SharedFunctionValue"),F=new C(x),_={results:void 0,isLoading:!1,error:void 0},Z=(a,t)=>x.createStatic({fn:a},_,t);function ee(a,t,s){let e,i,r=s;if(typeof a!="string"){const{key:c,fn:y,prefix:m}=a;e=c,i=y,r=m}else e=A(a),i=t;const{prefix:n}=j(r);x.init(e,n,_);const o=h.useMemo(()=>c=>(x.init(e,n,_),x.addListener(e,n,c),()=>{x.removeListener(e,n,c)}),[e,n]),u=h.useMemo(()=>()=>x.get(e,n).value,[e,n]),p=h.useSyncExternalStore(o,u),d=async(c,...y)=>{const m=x.get(e,n);if(!c&&(m.value.isLoading||m.value.results!==void 0))return m.value;F.update(e,b=>({...b,isLoading:!0,error:void 0}),n);try{const b=await i(...y);F.set(e,{results:b,isLoading:!1,error:void 0},n)}catch(b){F.update(e,S=>({...S,isLoading:!1,error:b}),n)}};return x.useEffect(e,n),{state:p,trigger:(...c)=>{d(!1,...c)},forceTrigger:(...c)=>{d(!0,...c)},clear:()=>{F.set(e,_,n)}}}const v=l.getInstance("SharedSubscription"),E=new C(v),R={data:void 0,isLoading:!1,error:void 0,subscribed:!1,unsubscribe:void 0},te=(a,t,s)=>v.createStatic({subscriber:a},{...R,data:t?.initialValue},s);async function q(a,t){const s=v.get(a,t);s?.value.unsubscribe&&(s.value.unsubscribe(),E.update(a,e=>({...e,unsubscribe:void 0,subscribed:!1}),t))}function re(a,t,s){let e,i,r=s,n=!1;if(typeof a!="string"){const{key:S,subscriber:L,prefix:w,triggerImmediately:O}=a;e=S,i=L,r=w,n=O??!1}else e=A(a),i=t;const{prefix:o}=j(r);v.init(e,o,R);const u=h.useMemo(()=>S=>(v.init(e,o,R),v.addListener(e,o,S),()=>{v.removeListener(e,o,S)}),[e,o]),p=h.useMemo(()=>()=>v.get(e,o).value,[e,o]),d=h.useSyncExternalStore(u,p),c=S=>{E.update(e,L=>({...L,data:S}),o)},y=S=>{E.update(e,L=>({...L,isLoading:!1,data:void 0,error:S}),o)},m=()=>{E.update(e,S=>({...S,isLoading:!1}),o)},b=async S=>{const L=v.get(e,o);if(S&&await q(e,o),L.value.subscribed&&!S)return L.value;P("triggered !!"),E.update(e,w=>({...w,isLoading:!0,error:void 0}),o);try{const w=await i(c,y,m);E.update(e,O=>({...O,unsubscribe:w,subscribed:!0,isLoading:!1}),o)}catch(w){E.update(e,O=>({...O,isLoading:!1,error:w}),o)}};return h.useEffect(()=>()=>{P(`[${l.prefix(e,o)}]`,"unmount effect2"),v.get(e,o)?.listeners.length===0&&q(e,o)},[e,o]),v.useEffect(e,o),h.useEffect(()=>{n&&b(!1)},[]),{state:d,trigger:()=>{b(!1)},forceTrigger:()=>{b(!0)},unsubscribe:()=>{q(e,o)}}}f.SharedStatesProvider=V,f.createSharedFunction=Z,f.createSharedState=Q,f.createSharedSubscription=te,f.setDevMode=z,f.sharedFunctionsApi=F,f.sharedStatesApi=N,f.sharedSubscriptionsApi=E,f.useSharedContext=j,f.useSharedFunction=ee,f.useSharedState=U,f.useSharedStateSelector=X,f.useSharedSubscription=re,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+(function(f,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],D):(f=typeof globalThis<"u"?globalThis:f||self,D(f.ReactSharedStates={},f.jsxRuntime,f.React))})(this,(function(f,D,h){"use strict";f.isDevMode=!1;const z=a=>{f.isDevMode=a},O=(...a)=>{f.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...a)},w=a=>{if(!a)throw new Error("Value is empty");return a},q=()=>Math.random().toString(36).substring(2,15),T=h.createContext(void 0),V=({children:a,scopeName:t})=>{if(t&&t.includes("//"))throw new Error("scopeName cannot contain '//'");return t||(t=h.useMemo(()=>q(),[])),D.jsx(T.Provider,{value:{scopeName:t},children:a})},W=()=>h.useContext(T),$=[],A=Symbol.for("react-shared-states.manager");function Y(a,t=()=>null){const s=globalThis;return s[A]||(s[A]={}),s[A][a]||(s[A][a]=new l(t)),s[A][a]}class l{constructor(t=()=>null){this.defaultValue=t,this._uniqueId=q()}data=new Map;_uniqueId;__get__uniqueId(){return this._uniqueId}static getInstance(t,s=()=>null){return Y(t,s)}addListener(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&r.listeners.push(e)}removeListener(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&(r.listeners=r.listeners.filter(n=>n!==e))}callListeners(t,s){const e=l.prefix(t,s),i=this.data.get(e);i&&i.listeners.forEach(r=>r())}init(t,s,e,i=!1){const r=l.prefix(t,s);this.data.has(r)||this.data.set(r,{value:e,isStatic:i||void 0,listeners:[]})}createStatic(t,s,e){const i=e??"_global",r={key:q(),prefix:i,...t};return $.push(r),this.init(r.key,r.prefix,s,!0),this.defaultValue=()=>s,r}initStatic(t){const{key:s,prefix:e}=t;this.init(s,e,this.defaultValue(),!0)}clearAll(t=!1,s=!1){this.data.forEach((e,i)=>{const[r,n]=l.extractPrefix(i);this.clear(n,r,t,s)})}clear(t,s,e=!1,i=!1){const r=l.prefix(t,s);e||this.callListeners(t,s);const n=this.data.get(r);if(n&&(this.data.delete(r),n.isStatic&&!i)){const o=$.find(u=>u.key===t&&u.prefix===s);o&&this.initStatic(o)}}get(t,s){let e=this.has(t,s);if(e)return this.data.get(e)}setValue(t,s,e){const i=l.prefix(t,s),r=this.data.get(i);r&&(r.value=e,this.data.set(i,r))}has(t,s){return this.data.has(l.prefix(t,s))?l.prefix(t,s):this.data.has(l.prefix(t,"_global"))?l.prefix(t,"_global"):void 0}static prefix(t,s){if(t.includes("//"))throw new Error("key cannot contain '//'");return`${s}//${t}`}static extractPrefix(t){const s=t.split("//");return[s[0],s.slice(1).join("//")]}useEffect(t,s,e=null){h.useEffect(()=>()=>{e?.(),O(`[${l.prefix(t,s)}]`,"unmount effect");const i=this.get(t,s);i&&i.listeners?.length===0&&this.clear(t,s)},[t,s])}}class P{constructor(t){this.sharedData=t,this._uniqueId=q()}_uniqueId;_get(t,s){let e,i=s;if(typeof t!="string"){const{key:o,prefix:u}=t;e=o,i=u}else e=w(t);const r=i||"_global",n=this.sharedData.get(e,r);return n?{value:n.value,key:e,prefix:r}:{key:e,prefix:r,value:void 0}}__log_instance_id(){return{apiId:this._uniqueId,managerId:this.sharedData.__get__uniqueId()}}get(t,s){return this._get(t,s).value}set(t,s,e){let i,r=e;if(typeof t!="string"){const{key:o,prefix:u}=t;i=o,r=u}else i=w(t);const n=r||"_global";this.sharedData.init(i,n,s),this.sharedData.setValue(i,n,s),this.sharedData.callListeners(i,n)}update(t,s,e){const i=this._get(t,e);if(i){const r=s(i.value);this.set(i.key,r,i.prefix)}}clearAll(){this.sharedData.clearAll()}clearScope(t){const s=t||"_global";this.sharedData.data.forEach((e,i)=>{const[r,n]=l.extractPrefix(i);r===s&&(this.sharedData.clear(n,r),this.sharedData.callListeners(n,r))})}resolve(t){const{key:s,prefix:e}=t;return this.get(s,e)}clear(t,s){let e,i;typeof t=="string"?(e=t,i=s||"_global"):(e=t.key,i=t.prefix),this.sharedData.clear(e,i)}has(t,s="_global"){const e=s||"_global";return!!this.sharedData.has(t,e)}getAll(){const t={};return this.sharedData.data.forEach((s,e)=>{const[i,r]=l.extractPrefix(e);t[i]=t[i]||{},t[i][r]=s.value}),t}subscribe(t,s,e){let i,r;return typeof t=="string"?(i=t,r=e||"_global"):(i=t.key,r=t.prefix),this.sharedData.addListener(i,r,s),()=>{this.sharedData.removeListener(i,r,s)}}}const I=a=>{const t=W();return{prefix:a??t?.scopeName??"_global"}};function k(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var C,B;function H(){if(B)return C;B=1;var a=typeof Element<"u",t=typeof Map=="function",s=typeof Set=="function",e=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function i(r,n){if(r===n)return!0;if(r&&n&&typeof r=="object"&&typeof n=="object"){if(r.constructor!==n.constructor)return!1;var o,u,p;if(Array.isArray(r)){if(o=r.length,o!=n.length)return!1;for(u=o;u--!==0;)if(!i(r[u],n[u]))return!1;return!0}var d;if(t&&r instanceof Map&&n instanceof Map){if(r.size!==n.size)return!1;for(d=r.entries();!(u=d.next()).done;)if(!n.has(u.value[0]))return!1;for(d=r.entries();!(u=d.next()).done;)if(!i(u.value[1],n.get(u.value[0])))return!1;return!0}if(s&&r instanceof Set&&n instanceof Set){if(r.size!==n.size)return!1;for(d=r.entries();!(u=d.next()).done;)if(!n.has(u.value[0]))return!1;return!0}if(e&&ArrayBuffer.isView(r)&&ArrayBuffer.isView(n)){if(o=r.length,o!=n.length)return!1;for(u=o;u--!==0;)if(r[u]!==n[u])return!1;return!0}if(r.constructor===RegExp)return r.source===n.source&&r.flags===n.flags;if(r.valueOf!==Object.prototype.valueOf&&typeof r.valueOf=="function"&&typeof n.valueOf=="function")return r.valueOf()===n.valueOf();if(r.toString!==Object.prototype.toString&&typeof r.toString=="function"&&typeof n.toString=="function")return r.toString()===n.toString();if(p=Object.keys(r),o=p.length,o!==Object.keys(n).length)return!1;for(u=o;u--!==0;)if(!Object.prototype.hasOwnProperty.call(n,p[u]))return!1;if(a&&r instanceof Element)return!1;for(u=o;u--!==0;)if(!((p[u]==="_owner"||p[u]==="__v"||p[u]==="__o")&&r.$$typeof)&&!i(r[p[u]],n[p[u]]))return!1;return!0}return r!==r&&n!==n}return C=function(n,o){try{return i(n,o)}catch(u){if((u.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw u}},C}var J=H();const G=k(J),g=l.getInstance("sharedStatesManager"),Q=new P(g),U=(a,t)=>g.createStatic({initialValue:a},a,t);function X(a,t,s){let e,i,r=s;if(typeof a!="string"){const{key:c,initialValue:y,prefix:m}=a;e=c,i=y,r=m}else e=w(a),i=t;const{prefix:n}=I(r);g.init(e,n,i);const o=h.useMemo(()=>c=>(g.init(e,n,t),g.addListener(e,n,c),()=>{g.removeListener(e,n,c)}),[e,n,t]),u=h.useMemo(()=>()=>g.get(e,n)?.value,[e,n]),p=h.useSyncExternalStore(o,u),d=c=>{const y=typeof c=="function"?c(g.get(e,n)?.value):c;G(y,p)||(g.setValue(e,n,y),g.callListeners(e,n))};return g.useEffect(e,n),[p,d]}function Z(a,t,s){let e,i=s;if(typeof a!="string"){const{key:d,prefix:c}=a;e=d,i=c}else e=w(a);const{prefix:r}=I(i),n=h.useRef(void 0),o=h.useMemo(()=>d=>(g.init(e,r,void 0),g.addListener(e,r,d),()=>{g.removeListener(e,r,d)}),[e,r]),u=h.useMemo(()=>()=>{const d=g.get(e,r)?.value,c=t(d);return G(n.current,c)?n.current:(n.current=c,c)},[e,r,t]),p=h.useSyncExternalStore(o,u);return g.useEffect(e,r),p}const x=l.getInstance("SharedFunctionValue"),M=new P(x),F={results:void 0,isLoading:!1,error:void 0},N=(a,t)=>x.createStatic({fn:a},F,t);function ee(a,t,s){let e,i,r=s;if(typeof a!="string"){const{key:c,fn:y,prefix:m}=a;e=c,i=y,r=m}else e=w(a),i=t;const{prefix:n}=I(r);x.init(e,n,F);const o=h.useMemo(()=>c=>(x.init(e,n,F),x.addListener(e,n,c),()=>{x.removeListener(e,n,c)}),[e,n]),u=h.useMemo(()=>()=>x.get(e,n).value,[e,n]),p=h.useSyncExternalStore(o,u),d=async(c,...y)=>{const m=x.get(e,n);if(!c&&(m.value.isLoading||m.value.results!==void 0))return m.value;M.update(e,b=>({...b,isLoading:!0,error:void 0}),n);try{const b=await i(...y);M.set(e,{results:b,isLoading:!1,error:void 0},n)}catch(b){M.update(e,S=>({...S,isLoading:!1,error:b}),n)}};return x.useEffect(e,n),{state:p,trigger:(...c)=>{d(!1,...c)},forceTrigger:(...c)=>{d(!0,...c)},clear:()=>{M.set(e,F,n)}}}const v=l.getInstance("SharedSubscription"),E=new P(v),R={data:void 0,isLoading:!1,error:void 0,subscribed:!1,unsubscribe:void 0},te=(a,t,s)=>v.createStatic({subscriber:a},{...R,data:t?.initialValue},s);async function K(a,t){const s=v.get(a,t);s?.value.unsubscribe&&(s.value.unsubscribe(),E.update(a,e=>({...e,unsubscribe:void 0,subscribed:!1}),t))}function re(a,t,s){let e,i,r=s,n=!1;if(typeof a!="string"){const{key:S,subscriber:_,prefix:L,triggerImmediately:j}=a;e=S,i=_,r=L,n=j??!1}else e=w(a),i=t;const{prefix:o}=I(r);v.init(e,o,R);const u=h.useMemo(()=>S=>(v.init(e,o,R),v.addListener(e,o,S),()=>{v.removeListener(e,o,S)}),[e,o]),p=h.useMemo(()=>()=>v.get(e,o).value,[e,o]),d=h.useSyncExternalStore(u,p),c=S=>{E.update(e,_=>({..._,data:S}),o)},y=S=>{E.update(e,_=>({..._,isLoading:!1,data:void 0,error:S}),o)},m=()=>{E.update(e,S=>({...S,isLoading:!1}),o)},b=async S=>{const _=v.get(e,o);if(S&&await K(e,o),_.value.subscribed&&!S)return _.value;O("triggered !!"),E.update(e,L=>({...L,isLoading:!0,error:void 0}),o);try{const L=await i(c,y,m);E.update(e,j=>({...j,unsubscribe:L,subscribed:!0,isLoading:!1}),o)}catch(L){E.update(e,j=>({...j,isLoading:!1,error:L}),o)}};return h.useEffect(()=>()=>{O(`[${l.prefix(e,o)}]`,"unmount effect2"),v.get(e,o)?.listeners.length===0&&K(e,o)},[e,o]),v.useEffect(e,o),h.useEffect(()=>{n&&b(!1)},[]),{state:d,trigger:()=>{b(!1)},forceTrigger:()=>{b(!0)},unsubscribe:()=>{K(e,o)}}}f.SharedStatesProvider=V,f.createSharedFunction=N,f.createSharedState=U,f.createSharedSubscription=te,f.setDevMode=z,f.sharedFunctionsApi=M,f.sharedStatesApi=Q,f.sharedSubscriptionsApi=E,f.useSharedContext=I,f.useSharedFunction=ee,f.useSharedState=X,f.useSharedStateSelector=Z,f.useSharedSubscription=re,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "2.1.2",
+  "version": "2.1.4-beta",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [