react-shared-states 1.0.5 → 1.0.7

package/.editorconfig

@@ -6,4 +6,7 @@ root = true
 indent_size = 4
 
 [*.md]
+indent_size = 2
+
+[*.yml]
 indent_size = 2

package/dist/SharedData.d.ts

@@ -13,14 +13,49 @@ export declare abstract class SharedData<T> {
     setValue(key: string, prefix: Prefix, data: T): void;
     has(key: string, prefix: Prefix): string | undefined;
     static prefix(key: string, prefix: Prefix): string;
+    static extractPrefix(mapKey: string): string[];
     useEffect(key: string, prefix: Prefix, unsub?: (() => void) | null): void;
 }
-export interface SharedApi<T> {
-    get: <S extends string = string>(key: S, scopeName: Prefix) => T;
-    set: <S extends string = string>(key: S, value: T, scopeName: Prefix) => void;
-    clearAll: () => void;
-    clear: (key: string, scopeName: Prefix) => void;
-    has: (key: string, scopeName: Prefix) => boolean;
-    getAll: () => Map<string, DataMapValue>;
+export declare class SharedApi<T> {
+    private sharedData;
+    constructor(sharedData: SharedData<T>);
+    /**
+     * get a value from the shared data
+     * @param key
+     * @param scopeName
+     */
+    get<S extends string = string>(key: S, scopeName: Prefix): T;
+    /**
+     * set a value in the shared data
+     * @param key
+     * @param value
+     * @param scopeName
+     */
+    set<S extends string = string>(key: S, value: T, scopeName: Prefix): void;
+    /**
+     * clear all values from the shared data
+     */
+    clearAll(): void;
+    /**
+     * clear all values from the shared data in a scope
+     * @param scopeName
+     */
+    clearScope(scopeName?: Prefix): void;
+    /**
+     * clear a value from the shared data
+     * @param key
+     * @param scopeName
+     */
+    clear(key: string, scopeName: Prefix): void;
+    /**
+     * check if a value exists in the shared data
+     * @param key
+     * @param scopeName
+     */
+    has(key: string, scopeName?: Prefix): boolean;
+    /**
+     * get all values from the shared data
+     */
+    getAll(): Record<string, Record<string, any>>;
 }
 export {};

package/dist/config/index.d.ts

@@ -0,0 +1,2 @@
+export declare let isDevMode: boolean;
+export declare const setDevMode: (value: boolean) => void;

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

@@ -7,13 +7,9 @@ type SharedFunctionsState<T> = {
         error?: unknown;
     };
 };
-export declare class SharedFunctionsApi implements SharedApi<SharedFunctionsState<unknown>> {
+export declare class SharedFunctionsApi extends SharedApi<SharedFunctionsState<unknown>> {
     get<T, S extends string = string>(key: S, scopeName?: Prefix): T;
     set<T, S extends string = string>(key: S, fnState: SharedFunctionsState<T>, scopeName?: Prefix): void;
-    clearAll(): void;
-    clear(key: string, scopeName?: Prefix): void;
-    has(key: string, scopeName?: Prefix): boolean;
-    getAll(): Map<string, import('..').DataMapValue & SharedFunctionsState<unknown>>;
 }
 export declare const sharedFunctionsApi: SharedFunctionsApi;
 export declare const useSharedFunction: <T, Args extends unknown[], S extends string = string>(key: S, fn: AFunction<T, Args>, scopeName?: Prefix) => {

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

@@ -1,16 +1,10 @@
 import { Prefix } from '../types';
 import { SharedApi } from '../SharedData';
-declare class SharedStatesApi implements SharedApi<{
+declare class SharedStatesApi extends SharedApi<{
     value: unknown;
 }> {
     get<T, S extends string = string>(key: S, scopeName?: Prefix): T;
     set<T, S extends string = string>(key: S, value: T, scopeName?: Prefix): void;
-    clearAll(): void;
-    clear(key: string, scopeName?: Prefix): void;
-    has(key: string, scopeName?: Prefix): boolean;
-    getAll(): Map<string, import('..').DataMapValue & {
-        value: unknown;
-    }>;
 }
 export declare const sharedStatesApi: SharedStatesApi;
 export declare const useSharedState: <T, S extends string = string>(key: S, value: T, scopeName?: Prefix) => readonly [T, (newValueOrCallbackToNewValue: T | ((prev: T) => T)) => void];

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

@@ -16,13 +16,9 @@ type SharedSubscriptionsState<T> = {
     };
     unsubscribe?: Unsubscribe | void;
 };
-export declare class SharedSubscriptionsApi implements SharedApi<SharedSubscriptionsState<unknown>> {
+export declare class SharedSubscriptionsApi extends SharedApi<SharedSubscriptionsState<unknown>> {
     get<T, S extends string = string>(key: S, scopeName?: Prefix): T;
     set<T, S extends string = string>(key: S, fnState: SharedSubscriptionsState<T>, scopeName?: Prefix): void;
-    clearAll(): void;
-    clear(key: string, scopeName?: Prefix): void;
-    has(key: string, scopeName?: Prefix): boolean;
-    getAll(): Map<string, import('..').DataMapValue & SharedSubscriptionsState<unknown>>;
 }
 export declare const sharedSubscriptionsApi: SharedSubscriptionsApi;
 export declare const useSharedSubscription: <T, S extends string = string>(key: S, subscriber: Subscriber<T>, scopeName?: Prefix) => {

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './context';
 export * from './hooks';
 export * from './types';
+export * from './config';

package/dist/main.esm.js

@@ -1,12 +1,12 @@
 /*!
-* react-shared-states v1.0.5
+* react-shared-states v1.0.7
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-import fe, { createContext as de, useMemo as w, useContext as be, useEffect as Q, useSyncExternalStore as I } from "react";
-var L = { exports: {} }, P = {};
+import be, { createContext as he, useMemo as w, useContext as ge, useEffect as K, useSyncExternalStore as M } from "react";
+var L = { exports: {} }, O = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -16,27 +16,27 @@ var L = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var D;
-function ge() {
-  if (D) return P;
-  D = 1;
+var H;
+function pe() {
+  if (H) return O;
+  H = 1;
   var s = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function r(t, i, b) {
-    var S = null;
-    if (b !== void 0 && (S = "" + b), i.key !== void 0 && (S = "" + i.key), "key" in i) {
-      b = {};
-      for (var m in i)
-        m !== "key" && (b[m] = i[m]);
-    } else b = i;
-    return i = b.ref, {
+  function r(t, o, f) {
+    var E = null;
+    if (f !== void 0 && (E = "" + f), o.key !== void 0 && (E = "" + o.key), "key" in o) {
+      f = {};
+      for (var S in o)
+        S !== "key" && (f[S] = o[S]);
+    } else f = o;
+    return o = f.ref, {
       $$typeof: s,
       type: t,
-      key: S,
-      ref: i !== void 0 ? i : null,
-      props: b
+      key: E,
+      ref: o !== void 0 ? o : null,
+      props: f
     };
   }
-  return P.Fragment = e, P.jsx = r, P.jsxs = r, P;
+  return O.Fragment = e, O.jsx = r, O.jsxs = r, O;
 }
 var j = {};
 /**
@@ -48,42 +48,42 @@ var j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H;
-function pe() {
-  return H || (H = 1, process.env.NODE_ENV !== "production" && function() {
+var Z;
+function Ee() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
     function s(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === le ? null : n.displayName || n.name || null;
+        return n.$$typeof === ue ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case N:
+        case C:
           return "Fragment";
-        case ee:
+        case re:
           return "Profiler";
-        case k:
+        case te:
           return "StrictMode";
-        case se:
+        case oe:
           return "Suspense";
-        case ae:
-          return "SuspenseList";
         case ie:
+          return "SuspenseList";
+        case le:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case y:
+          case ee:
             return "Portal";
-          case re:
+          case se:
             return (n.displayName || "Context") + ".Provider";
-          case te:
-            return (n._context.displayName || "Context") + ".Consumer";
           case ne:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case ae:
             var a = n.render;
             return n = n.displayName, n || (n = a.displayName || a.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case oe:
+          case ce:
             return a = n.displayName || null, a !== null ? a : s(n.type) || "Memo";
           case U:
             a = n._payload, n = n._init;
@@ -106,16 +106,16 @@ function pe() {
       }
       if (a) {
         a = console;
-        var u = a.error, p = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var u = a.error, h = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return u.call(
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
+          h
         ), e(n);
       }
     }
     function t(n) {
-      if (n === N) return "<>";
+      if (n === C) return "<>";
       if (typeof n == "object" && n !== null && n.$$typeof === U)
         return "<...>";
       try {
@@ -125,21 +125,21 @@ function pe() {
         return "<...>";
       }
     }
-    function i() {
-      var n = C.A;
+    function o() {
+      var n = N.A;
       return n === null ? null : n.getOwner();
     }
-    function b() {
+    function f() {
       return Error("react-stack-top-frame");
     }
-    function S(n) {
+    function E(n) {
       if (G.call(n, "key")) {
         var a = Object.getOwnPropertyDescriptor(n, "key").get;
         if (a && a.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function m(n, a) {
+    function S(n, a) {
       function u() {
         q || (q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -151,22 +151,22 @@ function pe() {
         configurable: !0
       });
     }
-    function f() {
+    function d() {
       var n = s(this.type);
       return J[n] || (J[n] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function T(n, a, u, p, A, x, Y, F) {
-      return u = x.ref, n = {
-        $$typeof: _,
+    function T(n, a, u, h, A, R, Y, F) {
+      return u = R.ref, n = {
+        $$typeof: v,
         type: n,
         key: a,
-        props: x,
+        props: R,
         _owner: A
       }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: f
+        get: d
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -189,132 +189,139 @@ function pe() {
         value: F
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function g(n, a, u, p, A, x, Y, F) {
-      var h = a.children;
-      if (h !== void 0)
-        if (p)
-          if (ce(h)) {
-            for (p = 0; p < h.length; p++)
-              c(h[p]);
-            Object.freeze && Object.freeze(h);
+    function b(n, a, u, h, A, R, Y, F) {
+      var g = a.children;
+      if (g !== void 0)
+        if (h)
+          if (fe(g)) {
+            for (h = 0; h < g.length; h++)
+              l(g[h]);
+            Object.freeze && Object.freeze(g);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(h);
+        else l(g);
       if (G.call(a, "key")) {
-        h = s(n);
-        var O = Object.keys(a).filter(function(ue) {
-          return ue !== "key";
+        g = s(n);
+        var P = Object.keys(a).filter(function(de) {
+          return de !== "key";
         });
-        p = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", X[h + p] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        h = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", B[g + h] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          p,
           h,
-          O,
-          h
-        ), X[h + p] = !0);
+          g,
+          P,
+          g
+        ), B[g + h] = !0);
       }
-      if (h = null, u !== void 0 && (r(u), h = "" + u), S(a) && (r(a.key), h = "" + a.key), "key" in a) {
+      if (g = null, u !== void 0 && (r(u), g = "" + u), E(a) && (r(a.key), g = "" + a.key), "key" in a) {
         u = {};
         for (var $ in a)
           $ !== "key" && (u[$] = a[$]);
       } else u = a;
-      return h && m(
+      return g && S(
         u,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), T(
         n,
-        h,
-        x,
+        g,
+        R,
         A,
-        i(),
+        o(),
         u,
         Y,
         F
       );
     }
-    function c(n) {
-      typeof n == "object" && n !== null && n.$$typeof === _ && n._store && (n._store.validated = 1);
+    function l(n) {
+      typeof n == "object" && n !== null && n.$$typeof === v && n._store && (n._store.validated = 1);
     }
-    var o = fe, _ = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), ee = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), re = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), se = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), C = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, ce = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var i = be, v = Symbol.for("react.transitional.element"), ee = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), se = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), N = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, fe = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    o = {
+    i = {
       react_stack_bottom_frame: function(n) {
         return n();
       }
     };
-    var q, J = {}, z = o.react_stack_bottom_frame.bind(
-      o,
-      b
-    )(), B = V(t(b)), X = {};
-    j.Fragment = N, j.jsx = function(n, a, u, p, A) {
-      var x = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return g(
+    var q, J = {}, z = i.react_stack_bottom_frame.bind(
+      i,
+      f
+    )(), X = V(t(f)), B = {};
+    j.Fragment = C, j.jsx = function(n, a, u, h, A) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return b(
         n,
         a,
         u,
         !1,
-        p,
+        h,
         A,
-        x ? Error("react-stack-top-frame") : z,
-        x ? V(t(n)) : B
+        R ? Error("react-stack-top-frame") : z,
+        R ? V(t(n)) : X
       );
-    }, j.jsxs = function(n, a, u, p, A) {
-      var x = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return g(
+    }, j.jsxs = function(n, a, u, h, A) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return b(
         n,
         a,
         u,
         !0,
-        p,
+        h,
         A,
-        x ? Error("react-stack-top-frame") : z,
-        x ? V(t(n)) : B
+        R ? Error("react-stack-top-frame") : z,
+        R ? V(t(n)) : X
       );
     };
   }()), j;
 }
-var Z;
-function he() {
-  return Z || (Z = 1, process.env.NODE_ENV === "production" ? L.exports = ge() : L.exports = pe()), L.exports;
+var Q;
+function Se() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? L.exports = pe() : L.exports = Ee()), L.exports;
 }
-var Ee = he();
-const K = de(void 0), we = ({ children: s, scopeName: e }) => (e || (e = w(() => Math.random().toString(36).substring(2, 15), [])), /* @__PURE__ */ Ee.jsx(K.Provider, { value: { scopeName: e }, children: s })), ve = () => be(K), M = (...s) => {
-  process.env.NODE_ENV === "development" && console.log(
+var ve = Se();
+const y = he(void 0), Oe = ({ children: s, scopeName: e }) => {
+  if (e && e.includes("//")) throw new Error("scopeName cannot contain '//'");
+  return e || (e = w(() => Math.random().toString(36).substring(2, 15), [])), /* @__PURE__ */ ve.jsx(y.Provider, { value: { scopeName: e }, children: s });
+}, me = () => ge(y);
+let k = !1;
+const je = (s) => {
+  k = s;
+}, I = (...s) => {
+  k && console.log(
     "%c[react-shared-states]",
     "color: #007acc; font-weight: bold",
     ...s
   );
-}, R = (s) => {
+}, _ = (s) => {
   if (!s) throw new Error("Value is empty");
   return s;
 };
-class l {
+class c {
   data = /* @__PURE__ */ new Map();
   defaultValue() {
     return {};
   }
   addListener(e, r, t) {
-    this.data.has(l.prefix(e, r)) || this.data.set(l.prefix(e, r), {
+    this.data.has(c.prefix(e, r)) || this.data.set(c.prefix(e, r), {
       ...this.defaultValue,
       listeners: []
-    }), this.data.get(l.prefix(e, r)).listeners.push(t);
+    }), this.data.get(c.prefix(e, r)).listeners.push(t);
   }
   removeListener(e, r, t) {
-    this.data.has(l.prefix(e, r)) && (this.data.get(l.prefix(e, r)).listeners = this.data.get(l.prefix(e, r)).listeners.filter((i) => i !== t));
+    this.data.has(c.prefix(e, r)) && (this.data.get(c.prefix(e, r)).listeners = this.data.get(c.prefix(e, r)).listeners.filter((o) => o !== t));
   }
   callListeners(e, r) {
-    this.data.has(l.prefix(e, r)) && this.data.get(l.prefix(e, r)).listeners.forEach((t) => t());
+    this.data.has(c.prefix(e, r)) && this.data.get(c.prefix(e, r)).listeners.forEach((t) => t());
   }
   init(e, r, t) {
-    this.data.has(l.prefix(e, r)) || this.data.set(l.prefix(e, r), {
+    this.data.has(c.prefix(e, r)) || this.data.set(c.prefix(e, r), {
       ...t,
       listeners: []
     });
@@ -325,7 +332,7 @@ class l {
     }), this.data.clear();
   }
   clear(e, r, t = !1) {
-    t || this.callListeners(e, r), this.data.delete(l.prefix(e, r));
+    t || this.callListeners(e, r), this.data.delete(c.prefix(e, r));
   }
   get(e, r) {
     let t = this.has(e, r);
@@ -333,30 +340,108 @@ class l {
       return this.data.get(t);
   }
   setValue(e, r, t) {
-    this.data.has(l.prefix(e, r)) && this.data.set(l.prefix(e, r), {
-      ...this.data.get(l.prefix(e, r)),
+    this.data.has(c.prefix(e, r)) && this.data.set(c.prefix(e, r), {
+      ...this.data.get(c.prefix(e, r)),
       ...t
     });
   }
   has(e, r) {
-    return this.data.has(l.prefix(e, r)) ? l.prefix(e, r) : this.data.has(l.prefix(e, "_global")) ? l.prefix(e, "_global") : void 0;
+    return this.data.has(c.prefix(e, r)) ? c.prefix(e, r) : this.data.has(c.prefix(e, "_global")) ? c.prefix(e, "_global") : void 0;
   }
   static prefix(e, r) {
-    return `${r}_${e}`;
+    if (e.includes("//")) throw new Error("key cannot contain '//'");
+    return `${r}//${e}`;
+  }
+  static extractPrefix(e) {
+    return e.split("//");
   }
   useEffect(e, r, t = null) {
-    Q(() => () => {
-      t?.(), M(`[${l.prefix(e, r)}]`, "unmount effect"), this.data.get(l.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
+    K(() => () => {
+      t?.(), I(`[${c.prefix(e, r)}]`, "unmount effect"), this.data.get(c.prefix(e, r)).listeners?.length === 0 && this.clear(e, r);
     }, []);
   }
 }
+class D {
+  constructor(e) {
+    this.sharedData = e;
+  }
+  /**
+   * get a value from the shared data
+   * @param key
+   * @param scopeName
+   */
+  get(e, r) {
+    e = _(e);
+    const t = r || "_global";
+    return this.sharedData.get(e, t);
+  }
+  /**
+   * set a value in the shared data
+   * @param key
+   * @param value
+   * @param scopeName
+   */
+  set(e, r, t) {
+    e = _(e);
+    const o = t || "_global";
+    this.sharedData.setValue(e, o, r);
+  }
+  /**
+   * clear all values from the shared data
+   */
+  clearAll() {
+    this.sharedData.clearAll();
+  }
+  /**
+   * clear all values from the shared data in a scope
+   * @param scopeName
+   */
+  clearScope(e) {
+    const r = e || "_global";
+    this.sharedData.data.forEach((t, o) => {
+      const [f] = c.extractPrefix(o);
+      if (f === r) {
+        this.sharedData.clear(o, f);
+        return;
+      }
+    });
+  }
+  /**
+   * clear a value from the shared data
+   * @param key
+   * @param scopeName
+   */
+  clear(e, r) {
+    const t = r || "_global";
+    this.sharedData.clear(e, t);
+  }
+  /**
+   * check if a value exists in the shared data
+   * @param key
+   * @param scopeName
+   */
+  has(e, r = "_global") {
+    const t = r || "_global";
+    return !!this.sharedData.has(e, t);
+  }
+  /**
+   * get all values from the shared data
+   */
+  getAll() {
+    const e = {};
+    return this.sharedData.data.forEach((r, t) => {
+      const [o, f] = c.extractPrefix(t);
+      e[o] = e[o] || {}, e[o][f] = r;
+    }), e;
+  }
+}
 const W = (s) => {
-  const e = ve();
+  const e = me();
   return {
     prefix: s ?? e?.scopeName ?? "_global"
   };
 };
-class Se extends l {
+class xe extends c {
   defaultValue() {
     return { value: void 0 };
   }
@@ -370,48 +455,34 @@ class Se extends l {
     super.removeListener(e, r, t);
   }
 }
-class me {
+class _e extends D {
   get(e, r = "_global") {
-    e = R(e);
+    e = _(e);
     const t = r || "_global";
-    return E.get(e, t)?.value;
+    return m.get(e, t)?.value;
   }
   set(e, r, t = "_global") {
-    e = R(e);
-    const i = t || "_global";
-    E.setValue(e, i, { value: r });
-  }
-  clearAll() {
-    E.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    E.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!E.has(e, t);
-  }
-  getAll() {
-    return E.data;
+    e = _(e);
+    const o = t || "_global";
+    m.setValue(e, o, { value: r });
   }
 }
-const Oe = new me(), E = new Se(), Pe = (s, e, r) => {
-  s = R(s);
+const m = new xe(), Le = new _e(m), Ce = (s, e, r) => {
+  s = _(s);
   const { prefix: t } = W(r);
-  E.init(s, t, e);
-  const i = w(() => (f) => (E.init(s, t, e), E.addListener(s, t, f), () => {
-    E.removeListener(s, t, f);
-  }), []), b = w(() => () => E.get(s, t)?.value, []), S = I(i, b), m = (f) => {
-    const T = typeof f == "function" ? f(E.get(s, t)?.value) : f;
-    T !== S && (E.setValue(s, t, T), E.callListeners(s, t));
+  m.init(s, t, e);
+  const o = w(() => (d) => (m.init(s, t, e), m.addListener(s, t, d), () => {
+    m.removeListener(s, t, d);
+  }), []), f = w(() => () => m.get(s, t)?.value, []), E = M(o, f), S = (d) => {
+    const T = typeof d == "function" ? d(m.get(s, t)?.value) : d;
+    T !== E && (m.setValue(s, t, T), m.callListeners(s, t));
   };
-  return E.useEffect(s, t), [
-    S,
-    m
+  return m.useEffect(s, t), [
+    E,
+    S
   ];
 };
-class _e extends l {
+class Re extends c {
   defaultValue() {
     return {
       fnState: {
@@ -428,70 +499,56 @@ class _e extends l {
     super.setValue(e, r, t);
   }
 }
-class xe {
+class Te extends D {
   get(e, r = "_global") {
-    e = R(e);
+    e = _(e);
     const t = r || "_global";
-    return v.get(e, t)?.fnState;
+    return x.get(e, t)?.fnState;
   }
   set(e, r, t = "_global") {
-    e = R(e);
-    const i = t || "_global";
-    v.setValue(e, i, r);
-  }
-  clearAll() {
-    v.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    v.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!v.has(e, t);
-  }
-  getAll() {
-    return v.data;
+    e = _(e);
+    const o = t || "_global";
+    x.setValue(e, o, r);
   }
 }
-const je = new xe(), v = new _e(), Le = (s, e, r) => {
-  s = R(s);
+const x = new Re(), Ne = new Te(x), Ve = (s, e, r) => {
+  s = _(s);
   const { prefix: t } = W(r);
-  v.init(s, t);
-  const i = w(
-    () => (f) => (v.init(s, t), v.addListener(s, t, f), () => {
-      v.removeListener(s, t, f);
+  x.init(s, t);
+  const o = w(
+    () => (d) => (x.init(s, t), x.addListener(s, t, d), () => {
+      x.removeListener(s, t, d);
     }),
     []
-  ), b = w(
-    () => () => v.get(s, t).fnState,
+  ), f = w(
+    () => () => x.get(s, t).fnState,
     []
-  ), S = I(i, b), m = async (f, ...T) => {
-    const g = v.get(s, t);
-    if (!f && (g.fnState.isLoading || g.fnState.results !== void 0)) return g.fnState;
-    g.fnState = { ...g.fnState, isLoading: !0, error: void 0 }, g.listeners.forEach((c) => c());
+  ), E = M(o, f), S = async (d, ...T) => {
+    const b = x.get(s, t);
+    if (!d && (b.fnState.isLoading || b.fnState.results !== void 0)) return b.fnState;
+    b.fnState = { ...b.fnState, isLoading: !0, error: void 0 }, b.listeners.forEach((l) => l());
     try {
-      const c = await e(...T);
-      g.fnState = { results: c, isLoading: !1, error: void 0 };
-    } catch (c) {
-      g.fnState = { ...g.fnState, isLoading: !1, error: c };
+      const l = await e(...T);
+      b.fnState = { results: l, isLoading: !1, error: void 0 };
+    } catch (l) {
+      b.fnState = { ...b.fnState, isLoading: !1, error: l };
     }
-    g.listeners.forEach((c) => c());
+    b.listeners.forEach((l) => l());
   };
-  return v.useEffect(s, t), {
-    state: S,
-    trigger: (...f) => {
-      m(!1, ...f);
+  return x.useEffect(s, t), {
+    state: E,
+    trigger: (...d) => {
+      S(!1, ...d);
     },
-    forceTrigger: (...f) => {
-      m(!0, ...f);
+    forceTrigger: (...d) => {
+      S(!0, ...d);
     },
     clear: () => {
-      v.clear(s, t), v.init(s, t);
+      x.clear(s, t), x.init(s, t);
     }
   };
 };
-class Re extends l {
+class Ae extends c {
   defaultValue() {
     return {
       fnState: {
@@ -509,8 +566,8 @@ class Re extends l {
     super.setValue(e, r, t);
   }
   useEffect(e, r) {
-    Q(() => () => {
-      M(`[${l.prefix(e, r)}]`, "unmount effect2"), this.get(e, r)?.listeners.length === 0 && this.unsubscribe(e, r);
+    K(() => () => {
+      I(`[${c.prefix(e, r)}]`, "unmount effect2"), this.get(e, r)?.listeners.length === 0 && this.unsubscribe(e, r);
     }, []), super.useEffect(e, r);
   }
   async unsubscribe(e, r) {
@@ -518,83 +575,71 @@ class Re extends l {
     t && (t.unsubscribe && (t.unsubscribe(), t.unsubscribe = void 0), t.fnState.subscribed = !1);
   }
 }
-class Te {
+class we extends D {
   get(e, r = "_global") {
-    e = R(e);
+    e = _(e);
     const t = r || "_global";
-    return d.get(e, t)?.fnState;
+    return p.get(e, t)?.fnState;
   }
   set(e, r, t = "_global") {
-    e = R(e);
-    const i = t || "_global";
-    d.setValue(e, i, r);
-  }
-  clearAll() {
-    d.clearAll();
-  }
-  clear(e, r = "_global") {
-    const t = r || "_global";
-    d.clear(e, t);
-  }
-  has(e, r = "_global") {
-    const t = r || "_global";
-    return !!d.has(e, t);
-  }
-  getAll() {
-    return d.data;
+    e = _(e);
+    const o = t || "_global";
+    p.setValue(e, o, r);
   }
 }
-const Ne = new Te(), d = new Re(), Ce = (s, e, r) => {
-  s = R(s);
+const p = new Ae(), Ye = new we(p), Fe = (s, e, r) => {
+  s = _(s);
   const { prefix: t } = W(r);
-  d.init(s, t);
-  const i = w(
-    () => (c) => (d.init(s, t), d.addListener(s, t, c), () => {
-      d.removeListener(s, t, c);
+  p.init(s, t);
+  const o = w(
+    () => (l) => (p.init(s, t), p.addListener(s, t, l), () => {
+      p.removeListener(s, t, l);
     }),
     []
-  ), b = w(
-    () => () => d.get(s, t).fnState,
+  ), f = w(
+    () => () => p.get(s, t).fnState,
     []
-  ), S = I(i, b), m = (c) => {
-    const o = d.get(s, t);
-    o.fnState = { ...o.fnState, data: c }, o.listeners.forEach((_) => _());
-  }, f = (c) => {
-    const o = d.get(s, t);
-    o.fnState = { ...o.fnState, isLoading: !1, data: void 0, error: c }, o.listeners.forEach((_) => _());
+  ), E = M(o, f), S = (l) => {
+    const i = p.get(s, t);
+    i.fnState = { ...i.fnState, data: l }, i.listeners.forEach((v) => v());
+  }, d = (l) => {
+    const i = p.get(s, t);
+    i.fnState = { ...i.fnState, isLoading: !1, data: void 0, error: l }, i.listeners.forEach((v) => v());
   }, T = () => {
-    const c = d.get(s, t);
-    c.fnState = { ...c.fnState, isLoading: !1 }, c.listeners.forEach((o) => o());
-  }, g = async (c) => {
-    const o = d.get(s, t);
-    if (c && (await d.unsubscribe(s, t), o.fnState = { ...o.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), o.fnState.subscribed) return o.fnState;
-    M("triggered !!"), o.fnState = { ...o.fnState, isLoading: !0, error: void 0 }, o.listeners.forEach((_) => _());
+    const l = p.get(s, t);
+    l.fnState = { ...l.fnState, isLoading: !1 }, l.listeners.forEach((i) => i());
+  }, b = async (l) => {
+    const i = p.get(s, t);
+    if (l && (await p.unsubscribe(s, t), i.fnState = { ...i.fnState, isLoading: !1, data: void 0, error: void 0, subscribed: !1 }), i.fnState.subscribed) return i.fnState;
+    I("triggered !!"), i.fnState = { ...i.fnState, isLoading: !0, error: void 0 }, i.listeners.forEach((v) => v());
     try {
-      o.unsubscribe = await e(m, f, T), o.fnState.subscribed = !0;
-    } catch (_) {
-      o.fnState = { ...o.fnState, isLoading: !1, error: _ };
+      i.unsubscribe = await e(S, d, T), i.fnState.subscribed = !0;
+    } catch (v) {
+      i.fnState = { ...i.fnState, isLoading: !1, error: v };
     }
-    o.listeners.forEach((_) => _());
+    i.listeners.forEach((v) => v());
   };
-  return d.useEffect(s, t), {
-    state: S,
+  return p.useEffect(s, t), {
+    state: E,
     trigger: () => {
-      g(!1);
+      b(!1);
     },
     forceTrigger: () => {
-      g(!0);
+      b(!0);
     },
     unsubscribe: () => {
-      d.unsubscribe(s, t);
+      p.unsubscribe(s, t);
     }
   };
 };
 export {
-  we as SharedStatesProvider,
-  je as sharedFunctionsApi,
-  Oe as sharedStatesApi,
-  Ne as sharedSubscriptionsApi,
-  Le as useSharedFunction,
-  Pe as useSharedState,
-  Ce as useSharedSubscription
+  Oe as SharedStatesProvider,
+  k as isDevMode,
+  je as setDevMode,
+  Ne as sharedFunctionsApi,
+  Le as sharedStatesApi,
+  Ye as sharedSubscriptionsApi,
+  Ve as useSharedFunction,
+  Ce as useSharedState,
+  Fe as useSharedSubscription
 };

package/dist/main.min.js

@@ -1,11 +1,11 @@
 /*!
-* react-shared-states v1.0.5
+* react-shared-states v1.0.7
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-shared-states
 */
 
-(function(v,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],f):(v=typeof globalThis<"u"?globalThis:v||self,f(v.ReactSharedStates={},v.React))})(this,function(v,f){"use strict";var N={exports:{}},j={};/**
+(function(b,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(b=typeof globalThis<"u"?globalThis:b||self,d(b.ReactSharedStates={},b.React))})(this,function(b,d){"use strict";var C={exports:{}},j={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -13,7 +13,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var G;function y(){if(G)return j;G=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(t,l,g){var _=null;if(g!==void 0&&(_=""+g),l.key!==void 0&&(_=""+l.key),"key"in l){g={};for(var x in l)x!=="key"&&(g[x]=l[x])}else g=l;return l=g.ref,{$$typeof:s,type:t,key:_,ref:l!==void 0?l:null,props:g}}return j.Fragment=e,j.jsx=r,j.jsxs=r,j}var L={};/**
+ */var G;function y(){if(G)return j;G=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(t,o,f){var x=null;if(f!==void 0&&(x=""+f),o.key!==void 0&&(x=""+o.key),"key"in o){f={};for(var _ in o)_!=="key"&&(f[_]=o[_])}else f=o;return o=f.ref,{$$typeof:s,type:t,key:x,ref:o!==void 0?o:null,props:f}}return j.Fragment=e,j.jsx=r,j.jsxs=r,j}var L={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -21,9 +21,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var J;function $(){return J||(J=1,process.env.NODE_ENV!=="production"&&function(){function s(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===Ae?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case F:return"Fragment";case Se:return"Profiler";case he:return"StrictMode";case _e:return"Suspense";case xe:return"SuspenseList";case Te:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case pe:return"Portal";case me:return(n.displayName||"Context")+".Provider";case Ee:return(n._context.displayName||"Context")+".Consumer";case ve:var a=n.render;return n=n.displayName,n||(n=a.displayName||a.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case Re:return a=n.displayName||null,a!==null?a:s(n.type)||"Memo";case X:a=n._payload,n=n._init;try{return s(n(a))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var a=!1}catch{a=!0}if(a){a=console;var u=a.error,h=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return u.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",h),e(n)}}function t(n){if(n===F)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===X)return"<...>";try{var a=s(n);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function l(){var n=M.A;return n===null?null:n.getOwner()}function g(){return Error("react-stack-top-frame")}function _(n){if(D.call(n,"key")){var a=Object.getOwnPropertyDescriptor(n,"key").get;if(a&&a.isReactWarning)return!1}return n.key!==void 0}function x(n,a){function u(){H||(H=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}u.isReactWarning=!0,Object.defineProperty(n,"key",{get:u,configurable:!0})}function d(){var n=s(this.type);return Z[n]||(Z[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function w(n,a,u,h,O,T,I,W){return u=T.ref,n={$$typeof:R,type:n,key:a,props:T,_owner:O},(u!==void 0?u:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:d}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function p(n,a,u,h,O,T,I,W){var S=a.children;if(S!==void 0)if(h)if(we(S)){for(h=0;h<S.length;h++)c(S[h]);Object.freeze&&Object.freeze(S)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else c(S);if(D.call(a,"key")){S=s(n);var P=Object.keys(a).filter(function(Oe){return Oe!=="key"});h=0<P.length?"{key: someKey, "+P.join(": ..., ")+": ...}":"{key: someKey}",q[S+h]||(P=0<P.length?"{"+P.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var J;function k(){return J||(J=1,process.env.NODE_ENV!=="production"&&function(){function s(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===Pe?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case F:return"Fragment";case ve:return"Profiler";case Ee:return"StrictMode";case Re:return"Suspense";case Te:return"SuspenseList";case we:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case pe:return"Portal";case xe:return(n.displayName||"Context")+".Provider";case me:return(n._context.displayName||"Context")+".Consumer";case _e:var a=n.render;return n=n.displayName,n||(n=a.displayName||a.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case Ae:return a=n.displayName||null,a!==null?a:s(n.type)||"Memo";case B:a=n._payload,n=n._init;try{return s(n(a))}catch{}}return null}function e(n){return""+n}function r(n){try{e(n);var a=!1}catch{a=!0}if(a){a=console;var u=a.error,S=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return u.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",S),e(n)}}function t(n){if(n===F)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===B)return"<...>";try{var a=s(n);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function o(){var n=Y.A;return n===null?null:n.getOwner()}function f(){return Error("react-stack-top-frame")}function x(n){if(H.call(n,"key")){var a=Object.getOwnPropertyDescriptor(n,"key").get;if(a&&a.isReactWarning)return!1}return n.key!==void 0}function _(n,a){function u(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}u.isReactWarning=!0,Object.defineProperty(n,"key",{get:u,configurable:!0})}function h(){var n=s(this.type);return Q[n]||(Q[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),n=this.props.ref,n!==void 0?n:null}function w(n,a,u,S,P,A,I,W){return u=A.ref,n={$$typeof:R,type:n,key:a,props:A,_owner:P},(u!==void 0?u:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:h}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function g(n,a,u,S,P,A,I,W){var p=a.children;if(p!==void 0)if(S)if(Oe(p)){for(S=0;S<p.length;S++)l(p[S]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(p);if(H.call(a,"key")){p=s(n);var O=Object.keys(a).filter(function(je){return je!=="key"});S=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",$[p+S]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,h,S,P,S),q[S+h]=!0)}if(S=null,u!==void 0&&(r(u),S=""+u),_(a)&&(r(a.key),S=""+a.key),"key"in a){u={};for(var U in a)U!=="key"&&(u[U]=a[U])}else u=a;return S&&x(u,typeof n=="function"?n.displayName||n.name||"Unknown":n),w(n,S,T,O,l(),u,I,W)}function c(n){typeof n=="object"&&n!==null&&n.$$typeof===R&&n._store&&(n._store.validated=1)}var o=f,R=Symbol.for("react.transitional.element"),pe=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),he=Symbol.for("react.strict_mode"),Se=Symbol.for("react.profiler"),Ee=Symbol.for("react.consumer"),me=Symbol.for("react.context"),ve=Symbol.for("react.forward_ref"),_e=Symbol.for("react.suspense"),xe=Symbol.for("react.suspense_list"),Re=Symbol.for("react.memo"),X=Symbol.for("react.lazy"),Te=Symbol.for("react.activity"),Ae=Symbol.for("react.client.reference"),M=o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,we=Array.isArray,Y=console.createTask?console.createTask:function(){return null};o={react_stack_bottom_frame:function(n){return n()}};var H,Z={},Q=o.react_stack_bottom_frame.bind(o,g)(),K=Y(t(g)),q={};L.Fragment=F,L.jsx=function(n,a,u,h,O){var T=1e4>M.recentlyCreatedOwnerStacks++;return p(n,a,u,!1,h,O,T?Error("react-stack-top-frame"):Q,T?Y(t(n)):K)},L.jsxs=function(n,a,u,h,O){var T=1e4>M.recentlyCreatedOwnerStacks++;return p(n,a,u,!0,h,O,T?Error("react-stack-top-frame"):Q,T?Y(t(n)):K)}}()),L}var z;function k(){return z||(z=1,process.env.NODE_ENV==="production"?N.exports=y():N.exports=$()),N.exports}var ee=k();const B=f.createContext(void 0),te=({children:s,scopeName:e})=>(e||(e=f.useMemo(()=>Math.random().toString(36).substring(2,15),[])),ee.jsx(B.Provider,{value:{scopeName:e},children:s})),re=()=>f.useContext(B),C=(...s)=>{process.env.NODE_ENV==="development"&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...s)},A=s=>{if(!s)throw new Error("Value is empty");return s};class i{data=new Map;defaultValue(){return{}}addListener(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...this.defaultValue,listeners:[]}),this.data.get(i.prefix(e,r)).listeners.push(t)}removeListener(e,r,t){this.data.has(i.prefix(e,r))&&(this.data.get(i.prefix(e,r)).listeners=this.data.get(i.prefix(e,r)).listeners.filter(l=>l!==t))}callListeners(e,r){this.data.has(i.prefix(e,r))&&this.data.get(i.prefix(e,r)).listeners.forEach(t=>t())}init(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...t,listeners:[]})}clearAll(e=!1){e||this.data.forEach(r=>{r.listeners.forEach(t=>t())}),this.data.clear()}clear(e,r,t=!1){t||this.callListeners(e,r),this.data.delete(i.prefix(e,r))}get(e,r){let t=this.has(e,r);if(t)return this.data.get(t)}setValue(e,r,t){this.data.has(i.prefix(e,r))&&this.data.set(i.prefix(e,r),{...this.data.get(i.prefix(e,r)),...t})}has(e,r){return this.data.has(i.prefix(e,r))?i.prefix(e,r):this.data.has(i.prefix(e,"_global"))?i.prefix(e,"_global"):void 0}static prefix(e,r){return`${r}_${e}`}useEffect(e,r,t=null){f.useEffect(()=>()=>{t?.(),C(`[${i.prefix(e,r)}]`,"unmount effect"),this.data.get(i.prefix(e,r)).listeners?.length===0&&this.clear(e,r)},[])}}const V=s=>{const e=re();return{prefix:s??e?.scopeName??"_global"}};class ne extends i{defaultValue(){return{value:void 0}}init(e,r,t){super.init(e,r,{value:t})}setValue(e,r,t){super.setValue(e,r,{value:t})}removeListener(e,r,t){super.removeListener(e,r,t)}}class se{get(e,r="_global"){e=A(e);const t=r||"_global";return E.get(e,t)?.value}set(e,r,t="_global"){e=A(e);const l=t||"_global";E.setValue(e,l,{value:r})}clearAll(){E.clearAll()}clear(e,r="_global"){const t=r||"_global";E.clear(e,t)}has(e,r="_global"){const t=r||"_global";return!!E.has(e,t)}getAll(){return E.data}}const ae=new se,E=new ne,oe=(s,e,r)=>{s=A(s);const{prefix:t}=V(r);E.init(s,t,e);const l=f.useMemo(()=>d=>(E.init(s,t,e),E.addListener(s,t,d),()=>{E.removeListener(s,t,d)}),[]),g=f.useMemo(()=>()=>E.get(s,t)?.value,[]),_=f.useSyncExternalStore(l,g),x=d=>{const w=typeof d=="function"?d(E.get(s,t)?.value):d;w!==_&&(E.setValue(s,t,w),E.callListeners(s,t))};return E.useEffect(s,t),[_,x]};class ie extends i{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}}class le{get(e,r="_global"){e=A(e);const t=r||"_global";return m.get(e,t)?.fnState}set(e,r,t="_global"){e=A(e);const l=t||"_global";m.setValue(e,l,r)}clearAll(){m.clearAll()}clear(e,r="_global"){const t=r||"_global";m.clear(e,t)}has(e,r="_global"){const t=r||"_global";return!!m.has(e,t)}getAll(){return m.data}}const ce=new le,m=new ie,ue=(s,e,r)=>{s=A(s);const{prefix:t}=V(r);m.init(s,t);const l=f.useMemo(()=>d=>(m.init(s,t),m.addListener(s,t,d),()=>{m.removeListener(s,t,d)}),[]),g=f.useMemo(()=>()=>m.get(s,t).fnState,[]),_=f.useSyncExternalStore(l,g),x=async(d,...w)=>{const p=m.get(s,t);if(!d&&(p.fnState.isLoading||p.fnState.results!==void 0))return p.fnState;p.fnState={...p.fnState,isLoading:!0,error:void 0},p.listeners.forEach(c=>c());try{const c=await e(...w);p.fnState={results:c,isLoading:!1,error:void 0}}catch(c){p.fnState={...p.fnState,isLoading:!1,error:c}}p.listeners.forEach(c=>c())};return m.useEffect(s,t),{state:_,trigger:(...d)=>{x(!1,...d)},forceTrigger:(...d)=>{x(!0,...d)},clear:()=>{m.clear(s,t),m.init(s,t)}}};class fe extends i{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}useEffect(e,r){f.useEffect(()=>()=>{C(`[${i.prefix(e,r)}]`,"unmount effect2"),this.get(e,r)?.listeners.length===0&&this.unsubscribe(e,r)},[]),super.useEffect(e,r)}async unsubscribe(e,r){const t=this.get(e,r);t&&(t.unsubscribe&&(t.unsubscribe(),t.unsubscribe=void 0),t.fnState.subscribed=!1)}}class de{get(e,r="_global"){e=A(e);const t=r||"_global";return b.get(e,t)?.fnState}set(e,r,t="_global"){e=A(e);const l=t||"_global";b.setValue(e,l,r)}clearAll(){b.clearAll()}clear(e,r="_global"){const t=r||"_global";b.clear(e,t)}has(e,r="_global"){const t=r||"_global";return!!b.has(e,t)}getAll(){return b.data}}const be=new de,b=new fe,ge=(s,e,r)=>{s=A(s);const{prefix:t}=V(r);b.init(s,t);const l=f.useMemo(()=>c=>(b.init(s,t),b.addListener(s,t,c),()=>{b.removeListener(s,t,c)}),[]),g=f.useMemo(()=>()=>b.get(s,t).fnState,[]),_=f.useSyncExternalStore(l,g),x=c=>{const o=b.get(s,t);o.fnState={...o.fnState,data:c},o.listeners.forEach(R=>R())},d=c=>{const o=b.get(s,t);o.fnState={...o.fnState,isLoading:!1,data:void 0,error:c},o.listeners.forEach(R=>R())},w=()=>{const c=b.get(s,t);c.fnState={...c.fnState,isLoading:!1},c.listeners.forEach(o=>o())},p=async c=>{const o=b.get(s,t);if(c&&(await b.unsubscribe(s,t),o.fnState={...o.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),o.fnState.subscribed)return o.fnState;C("triggered !!"),o.fnState={...o.fnState,isLoading:!0,error:void 0},o.listeners.forEach(R=>R());try{o.unsubscribe=await e(x,d,w),o.fnState.subscribed=!0}catch(R){o.fnState={...o.fnState,isLoading:!1,error:R}}o.listeners.forEach(R=>R())};return b.useEffect(s,t),{state:_,trigger:()=>{p(!1)},forceTrigger:()=>{p(!0)},unsubscribe:()=>{b.unsubscribe(s,t)}}};v.SharedStatesProvider=te,v.sharedFunctionsApi=ce,v.sharedStatesApi=ae,v.sharedSubscriptionsApi=be,v.useSharedFunction=ue,v.useSharedState=oe,v.useSharedSubscription=ge,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,S,p,O,p),$[p+S]=!0)}if(p=null,u!==void 0&&(r(u),p=""+u),x(a)&&(r(a.key),p=""+a.key),"key"in a){u={};for(var U in a)U!=="key"&&(u[U]=a[U])}else u=a;return p&&_(u,typeof n=="function"?n.displayName||n.name||"Unknown":n),w(n,p,A,P,o(),u,I,W)}function l(n){typeof n=="object"&&n!==null&&n.$$typeof===R&&n._store&&(n._store.validated=1)}var c=d,R=Symbol.for("react.transitional.element"),pe=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),Ee=Symbol.for("react.strict_mode"),ve=Symbol.for("react.profiler"),me=Symbol.for("react.consumer"),xe=Symbol.for("react.context"),_e=Symbol.for("react.forward_ref"),Re=Symbol.for("react.suspense"),Te=Symbol.for("react.suspense_list"),Ae=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),we=Symbol.for("react.activity"),Pe=Symbol.for("react.client.reference"),Y=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,Oe=Array.isArray,D=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(n){return n()}};var Z,Q={},K=c.react_stack_bottom_frame.bind(c,f)(),q=D(t(f)),$={};L.Fragment=F,L.jsx=function(n,a,u,S,P){var A=1e4>Y.recentlyCreatedOwnerStacks++;return g(n,a,u,!1,S,P,A?Error("react-stack-top-frame"):K,A?D(t(n)):q)},L.jsxs=function(n,a,u,S,P){var A=1e4>Y.recentlyCreatedOwnerStacks++;return g(n,a,u,!0,S,P,A?Error("react-stack-top-frame"):K,A?D(t(n)):q)}}()),L}var z;function ee(){return z||(z=1,process.env.NODE_ENV==="production"?C.exports=y():C.exports=k()),C.exports}var te=ee();const X=d.createContext(void 0),re=({children:s,scopeName:e})=>{if(e&&e.includes("//"))throw new Error("scopeName cannot contain '//'");return e||(e=d.useMemo(()=>Math.random().toString(36).substring(2,15),[])),te.jsx(X.Provider,{value:{scopeName:e},children:s})},ne=()=>d.useContext(X);b.isDevMode=!1;const se=s=>{b.isDevMode=s},M=(...s)=>{b.isDevMode&&console.log("%c[react-shared-states]","color: #007acc; font-weight: bold",...s)},T=s=>{if(!s)throw new Error("Value is empty");return s};class i{data=new Map;defaultValue(){return{}}addListener(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...this.defaultValue,listeners:[]}),this.data.get(i.prefix(e,r)).listeners.push(t)}removeListener(e,r,t){this.data.has(i.prefix(e,r))&&(this.data.get(i.prefix(e,r)).listeners=this.data.get(i.prefix(e,r)).listeners.filter(o=>o!==t))}callListeners(e,r){this.data.has(i.prefix(e,r))&&this.data.get(i.prefix(e,r)).listeners.forEach(t=>t())}init(e,r,t){this.data.has(i.prefix(e,r))||this.data.set(i.prefix(e,r),{...t,listeners:[]})}clearAll(e=!1){e||this.data.forEach(r=>{r.listeners.forEach(t=>t())}),this.data.clear()}clear(e,r,t=!1){t||this.callListeners(e,r),this.data.delete(i.prefix(e,r))}get(e,r){let t=this.has(e,r);if(t)return this.data.get(t)}setValue(e,r,t){this.data.has(i.prefix(e,r))&&this.data.set(i.prefix(e,r),{...this.data.get(i.prefix(e,r)),...t})}has(e,r){return this.data.has(i.prefix(e,r))?i.prefix(e,r):this.data.has(i.prefix(e,"_global"))?i.prefix(e,"_global"):void 0}static prefix(e,r){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${r}//${e}`}static extractPrefix(e){return e.split("//")}useEffect(e,r,t=null){d.useEffect(()=>()=>{t?.(),M(`[${i.prefix(e,r)}]`,"unmount effect"),this.data.get(i.prefix(e,r)).listeners?.length===0&&this.clear(e,r)},[])}}class N{constructor(e){this.sharedData=e}get(e,r){e=T(e);const t=r||"_global";return this.sharedData.get(e,t)}set(e,r,t){e=T(e);const o=t||"_global";this.sharedData.setValue(e,o,r)}clearAll(){this.sharedData.clearAll()}clearScope(e){const r=e||"_global";this.sharedData.data.forEach((t,o)=>{const[f]=i.extractPrefix(o);if(f===r){this.sharedData.clear(o,f);return}})}clear(e,r){const t=r||"_global";this.sharedData.clear(e,t)}has(e,r="_global"){const t=r||"_global";return!!this.sharedData.has(e,t)}getAll(){const e={};return this.sharedData.data.forEach((r,t)=>{const[o,f]=i.extractPrefix(t);e[o]=e[o]||{},e[o][f]=r}),e}}const V=s=>{const e=ne();return{prefix:s??e?.scopeName??"_global"}};class ae extends i{defaultValue(){return{value:void 0}}init(e,r,t){super.init(e,r,{value:t})}setValue(e,r,t){super.setValue(e,r,{value:t})}removeListener(e,r,t){super.removeListener(e,r,t)}}class oe extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return v.get(e,t)?.value}set(e,r,t="_global"){e=T(e);const o=t||"_global";v.setValue(e,o,{value:r})}}const v=new ae,ie=new oe(v),ce=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);v.init(s,t,e);const o=d.useMemo(()=>h=>(v.init(s,t,e),v.addListener(s,t,h),()=>{v.removeListener(s,t,h)}),[]),f=d.useMemo(()=>()=>v.get(s,t)?.value,[]),x=d.useSyncExternalStore(o,f),_=h=>{const w=typeof h=="function"?h(v.get(s,t)?.value):h;w!==x&&(v.setValue(s,t,w),v.callListeners(s,t))};return v.useEffect(s,t),[x,_]};class le extends i{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}}class ue extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return m.get(e,t)?.fnState}set(e,r,t="_global"){e=T(e);const o=t||"_global";m.setValue(e,o,r)}}const m=new le,fe=new ue(m),de=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);m.init(s,t);const o=d.useMemo(()=>h=>(m.init(s,t),m.addListener(s,t,h),()=>{m.removeListener(s,t,h)}),[]),f=d.useMemo(()=>()=>m.get(s,t).fnState,[]),x=d.useSyncExternalStore(o,f),_=async(h,...w)=>{const g=m.get(s,t);if(!h&&(g.fnState.isLoading||g.fnState.results!==void 0))return g.fnState;g.fnState={...g.fnState,isLoading:!0,error:void 0},g.listeners.forEach(l=>l());try{const l=await e(...w);g.fnState={results:l,isLoading:!1,error:void 0}}catch(l){g.fnState={...g.fnState,isLoading:!1,error:l}}g.listeners.forEach(l=>l())};return m.useEffect(s,t),{state:x,trigger:(...h)=>{_(!1,...h)},forceTrigger:(...h)=>{_(!0,...h)},clear:()=>{m.clear(s,t),m.init(s,t)}}};class he extends i{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}init(e,r){super.init(e,r,this.defaultValue())}setValue(e,r,t){super.setValue(e,r,t)}useEffect(e,r){d.useEffect(()=>()=>{M(`[${i.prefix(e,r)}]`,"unmount effect2"),this.get(e,r)?.listeners.length===0&&this.unsubscribe(e,r)},[]),super.useEffect(e,r)}async unsubscribe(e,r){const t=this.get(e,r);t&&(t.unsubscribe&&(t.unsubscribe(),t.unsubscribe=void 0),t.fnState.subscribed=!1)}}class be extends N{get(e,r="_global"){e=T(e);const t=r||"_global";return E.get(e,t)?.fnState}set(e,r,t="_global"){e=T(e);const o=t||"_global";E.setValue(e,o,r)}}const E=new he,ge=new be(E),Se=(s,e,r)=>{s=T(s);const{prefix:t}=V(r);E.init(s,t);const o=d.useMemo(()=>l=>(E.init(s,t),E.addListener(s,t,l),()=>{E.removeListener(s,t,l)}),[]),f=d.useMemo(()=>()=>E.get(s,t).fnState,[]),x=d.useSyncExternalStore(o,f),_=l=>{const c=E.get(s,t);c.fnState={...c.fnState,data:l},c.listeners.forEach(R=>R())},h=l=>{const c=E.get(s,t);c.fnState={...c.fnState,isLoading:!1,data:void 0,error:l},c.listeners.forEach(R=>R())},w=()=>{const l=E.get(s,t);l.fnState={...l.fnState,isLoading:!1},l.listeners.forEach(c=>c())},g=async l=>{const c=E.get(s,t);if(l&&(await E.unsubscribe(s,t),c.fnState={...c.fnState,isLoading:!1,data:void 0,error:void 0,subscribed:!1}),c.fnState.subscribed)return c.fnState;M("triggered !!"),c.fnState={...c.fnState,isLoading:!0,error:void 0},c.listeners.forEach(R=>R());try{c.unsubscribe=await e(_,h,w),c.fnState.subscribed=!0}catch(R){c.fnState={...c.fnState,isLoading:!1,error:R}}c.listeners.forEach(R=>R())};return E.useEffect(s,t),{state:x,trigger:()=>{g(!1)},forceTrigger:()=>{g(!0)},unsubscribe:()=>{E.unsubscribe(s,t)}}};b.SharedStatesProvider=re,b.setDevMode=se,b.sharedFunctionsApi=fe,b.sharedStatesApi=ie,b.sharedSubscriptionsApi=ge,b.useSharedFunction=de,b.useSharedState=ce,b.useSharedSubscription=Se,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [
@@ -39,6 +39,7 @@
     "vitest": "^3.2.4"
   },
   "scripts": {
+    "bump": "node scripts/bumper.js",
     "build": "vite build",
     "test": "vitest",
     "preview": "vite preview",

package/scripts/bumper.js

@@ -0,0 +1,24 @@
+import fs from 'fs';
+
+const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+const version = packageJson.version;
+const [major, minor, patchWord] = version.split('.');
+let newPatch;
+if (patchWord.includes('-')) {
+    // Handle pre-release versions by extracting the numeric part
+    newPatch = parseInt(patchWord.split('-')[0], 10);
+    newPatch += 1;
+    // Reconstruct the pre-release version
+    newPatch = `${newPatch}-${patchWord.split('-')[1]}`;
+}
+else{
+    newPatch = parseInt(patchWord, 10) + 1;
+}
+
+// Increment patch version
+packageJson.version = `${major}.${minor}.${newPatch}`;
+
+// Write back to package.json with proper formatting
+fs.writeFileSync('./package.json', JSON.stringify(packageJson, null, 2) + '\n');
+
+console.log(`Version bumped from ${version} to ${packageJson.version}`);

package/vite.config.ts

@@ -41,5 +41,8 @@ export default defineConfig({
             exclude: ['node_modules', 'dist'], // Exclude unnecessary files
         })
 
-    ]
+    ],
+    define: {
+        __REACT_SHARED_STATES_DEV__: process.env.NODE_ENV === 'development' ? 'true' : 'false',
+    }
 });