react-shared-states 2.0.0 → 2.1.0

package/dist/hooks/use-shared-state.d.ts

@@ -5,8 +5,8 @@ export interface SharedStateCreated<T> extends SharedCreated {
     initialValue: T;
 }
 export declare const createSharedState: <T>(initialValue: T, scopeName?: Prefix) => SharedStateCreated<T>;
-export declare function useSharedState<T, S extends string>(key: S, initialValue: T, scopeName?: Prefix): readonly [T, (v: T | ((prev: T) => T)) => void];
+export declare function useSharedState<T>(key: string, initialValue: T, scopeName?: Prefix): readonly [T, (v: T | ((prev: T) => T)) => void];
 export declare function useSharedState<T>(sharedStateCreated: SharedStateCreated<T>): readonly [T, (v: T | ((prev: T) => T)) => void];
 export type SharedStateSelector<S, T = S> = (original: S) => T;
-export declare function useSharedStateSelector<T, S extends string, R>(key: S, selector: SharedStateSelector<T, R>, scopeName?: Prefix): Readonly<R>;
+export declare function useSharedStateSelector<T, R = T>(key: string, selector: SharedStateSelector<T, R>, scopeName?: Prefix): Readonly<R>;
 export declare function useSharedStateSelector<T, R>(sharedStateCreated: SharedStateCreated<T>, selector: SharedStateSelector<T, R>): Readonly<R>;

package/dist/hooks/use-shared-subscription.d.ts

@@ -8,7 +8,7 @@ export declare namespace SubscriberEvents {
 }
 export type Subscriber<T> = (set: SubscriberEvents.Set<T>, onError: SubscriberEvents.OnError, onCompletion: SubscriberEvents.OnCompletion) => PotentialPromise<Unsubscribe | void | undefined>;
 export type SharedSubscriptionValue<T> = {
-    data?: T;
+    data: T;
     isLoading: boolean;
     error?: unknown;
     subscribed?: boolean;
@@ -19,8 +19,12 @@ interface SharedSubscription<T> extends SharedSubscriptionValue<T> {
 export declare const sharedSubscriptionsApi: SharedValuesApi<SharedSubscription<any>>;
 interface SharedSubscriptionCreated<T> extends SharedCreated {
     subscriber: Subscriber<T>;
+    triggerImmediately?: boolean;
 }
-export declare const createSharedSubscription: <T>(subscriber: Subscriber<T>, scopeName?: Prefix) => SharedSubscriptionCreated<T>;
+export declare const createSharedSubscription: <T>(subscriber: Subscriber<T>, options?: {
+    initialValue?: T;
+    triggerImmediately?: boolean;
+}, scopeName?: Prefix) => SharedSubscriptionCreated<T>;
 export type SharedSubscriptionStateReturn<T> = {
     readonly state: NonNullable<SharedSubscriptionValue<T>>;
     readonly trigger: () => void;

package/dist/main.esm.js

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

package/dist/main.min.js

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

package/package.json

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