react-easy-loading 0.1.1 → 0.3.0

package/README.md

@@ -106,6 +106,31 @@ function Avatar() {
 }
 ```
 
+## Local Loading State
+
+Sometimes you want a loading state that is tied to the lifecycle of a component
+(just like useState).
+`useCreateLocalLoading` creates a loading instance that is automatically destroyed when the component unmounts.
+
+```javascript
+import { useCreateLocalLoading } from 'react-easy-loading';
+
+function MyComponent() {
+  const loading = useCreateLocalLoading();
+  // You can pass options or just the initial state (by default it's loading)
+  //const loading = useCreateLocalLoading('idle');
+  
+  // Use it just like a regular loading instance
+  const isLoading = loading.useIsLoading();
+
+  return (
+    <div>
+      {isLoading ? 'Loading...' : 'Done'}
+    </div>
+  );
+}
+```
+
 ## ✨ Automatic State Management with `wrap`
 
 The `wrap` function automates state management.
@@ -269,14 +294,15 @@ Use these to get the current value without subscribing to updates.
 
 Use these to control the state from anywhere.
 
-| Method              | Description                                |
-|---------------------|--------------------------------------------|
-| `set(state)`        | Manually sets the loading state.           |
-| `reset()`           | Resets the state to its initial value.     |
-| `retry()`           | Re-runs the last wrapped async function.   |
-| `setRetry(fn)`      | Manually provides a custom retry function. |
-| `setErrors(errors)` | Overwrites the errors array.               |
-| `addError(error)`   | Adds an error to the errors array.         |
+| Method              | Description                                         |
+|---------------------|-----------------------------------------------------|
+| `set(state)`        | Manually sets the loading state.                    |
+| `reset()`           | Resets the state to its initial value.              |
+| `retry()`           | Re-runs the last wrapped async function.            |
+| `setRetry(fn)`      | Manually provides a custom retry function.          |
+| `setErrors(errors)` | Overwrites the errors array.                        |
+| `addError(error)`   | Adds an error to the errors array.                  |
+| `destroy()`         | Destroys the loading instance and clears its state. |
 
 ---
 

package/dist/create-loading.d.ts

@@ -57,6 +57,14 @@ export type Loading<Errors extends unknown[] = string[], Context extends Record<
     ShowWhen: React.FC<PropsWithChildren<{
         state: LoadingState;
     }>>;
+    destroy: () => void;
+    /**
+     * @internal THIS IS USED FOR INTERNAL PURPOSES ONLY,
+     * DON'T USE IT,
+     * DON'T RELY ON IT,
+     * DON'T REPORT ANY ISSUE RELATED TO IT
+     */
+    __get__id: () => string;
 };
 export type CreateLoadingOptions = {
     initialState?: LoadingState;

package/dist/create-loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-loading.d.ts","sourceRoot":"","sources":["../src/create-loading.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"create-loading.d.ts","sourceRoot":"","sources":["../src/create-loading.tsx"],"names":[],"mappings":"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"}

package/dist/create-local-loading.d.ts

@@ -0,0 +1,3 @@
+import { CreateLoadingOptions, Loading } from './create-loading';
+export declare const useCreateLocalLoading: <Errors extends unknown[] = string[], Context extends Record<string, unknown> = any>(createLoadingOptions?: CreateLoadingOptions | CreateLoadingOptions["initialState"]) => Loading<Errors, Context>;
+//# sourceMappingURL=create-local-loading.d.ts.map

package/dist/create-local-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-local-loading.d.ts","sourceRoot":"","sources":["../src/create-local-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,KAAK,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAGxF,eAAO,MAAM,qBAAqB,GAAI,MAAM,SAAS,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,EAAE,uBAAsB,oBAAoB,GAAC,oBAAoB,CAAC,cAAc,CAAM,KAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAYvO,CAAA"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './fallbacks';
 export * from './create-loading';
+export * from './create-local-loading';
 export * from './components';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC"}

package/dist/main.esm.js

@@ -1,570 +1,445 @@
 /*!
-* react-easy-loading v0.1.1
+* react-easy-loading v0.3.0
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-easy-loading
 */
    
-import { jsx as p, jsxs as W, Fragment as b } from "react/jsx-runtime";
-import { createContext as $, useEffect as j, useRef as z, useMemo as D, useSyncExternalStore as I, useContext as K } from "react";
-const _ = {}, C = {}, fe = (a, e) => {
-  _[a] = e;
-}, ce = (a, e) => {
-  C[a] = e;
+import { jsx as p, jsxs as $, Fragment as w } from "react/jsx-runtime";
+import { createContext as F, useEffect as O, useRef as j, useMemo as D, useSyncExternalStore as W, useContext as z } from "react";
+const k = {}, C = {}, se = (o, e) => {
+  k[o] = e;
+}, ne = (o, e) => {
+  C[o] = e;
 };
-let P = /* @__PURE__ */ p("div", { children: "Loading..." }), R = (a, e) => /* @__PURE__ */ W("div", { children: [
+let V = /* @__PURE__ */ p("div", { children: "Loading..." }), R = (o, e) => /* @__PURE__ */ $("div", { children: [
   /* @__PURE__ */ p("h3", { children: "Errors:" }),
-  /* @__PURE__ */ p("ul", { children: a?.map((t, r) => /* @__PURE__ */ p("li", { children: t }, r)) }),
+  /* @__PURE__ */ p("ul", { children: o?.map((s, i) => /* @__PURE__ */ p("li", { children: s }, i)) }),
   /* @__PURE__ */ p("button", { onClick: e, disabled: !e, children: "Retry" })
 ] });
-const he = (a) => {
-  P = a;
-}, ge = (a) => {
-  R = a;
-}, T = () => P, U = () => R, k = (a, e) => F(T, _, a, e);
-function B(a, e) {
-  return F(U, C, a, e);
+const ie = (o) => {
+  V = o;
+}, ae = (o) => {
+  R = o;
+}, I = () => V, K = () => R, P = (o, e) => M(I, k, o, e);
+function B(o, e) {
+  return M(K, C, o, e);
 }
-function F(a, e, t, r) {
-  return r ? typeof r == "string" ? e[r] ?? r : r : r === null ? null : t ? typeof t == "string" ? e[t] ?? t : t : a();
+function M(o, e, s, i) {
+  return i ? typeof i == "string" ? e[i] ?? i : i : i === null ? null : s ? typeof s == "string" ? e[s] ?? s : s : o();
 }
-function m(a, ...e) {
-  return typeof a == "function" ? a(...e) : a;
+function L(o, ...e) {
+  return typeof o == "function" ? o(...e) : o;
 }
-/*!
-* react-shared-states v1.0.22
-* (c) Hichem Taboukouyout
-* Released under the MIT License.
-* Github: github.com/HichemTab-tech/react-shared-states
-*/
-const M = (...a) => {
-}, L = (a) => {
-  if (!a) throw new Error("Value is empty");
-  return a;
-}, N = () => Math.random().toString(36).substring(2, 15), q = $(void 0), G = () => K(q), A = [];
-class c {
-  data = /* @__PURE__ */ new Map();
-  defaultValue() {
-    return {};
-  }
-  addListener(e, t, r) {
-    this.data.has(c.prefix(e, t)) || this.data.set(c.prefix(e, t), {
-      ...this.defaultValue(),
-      listeners: []
-    }), this.data.get(c.prefix(e, t)).listeners.push(r);
-  }
-  removeListener(e, t, r) {
-    this.data.has(c.prefix(e, t)) && (this.data.get(c.prefix(e, t)).listeners = this.data.get(c.prefix(e, t)).listeners.filter((s) => s !== r));
-  }
-  callListeners(e, t) {
-    this.data.has(c.prefix(e, t)) && this.data.get(c.prefix(e, t)).listeners.forEach((r) => r());
+const U = (...o) => {
+}, b = (o) => {
+  if (!o) throw new Error("Value is empty");
+  return o;
+}, q = () => Math.random().toString(36).substring(2, 15), N = F(void 0), T = () => z(N), A = [];
+class d {
+  constructor(e = () => null) {
+    this.defaultValue = e;
   }
-  init(e, t, r, s = !1) {
-    this.data.has(c.prefix(e, t)) || this.data.set(c.prefix(e, t), {
-      ...r,
-      isStatic: s,
+  data = /* @__PURE__ */ new Map();
+  addListener(e, s, i) {
+    const r = d.prefix(e, s), t = this.data.get(r);
+    t && t.listeners.push(i);
+  }
+  removeListener(e, s, i) {
+    const r = d.prefix(e, s), t = this.data.get(r);
+    t && (t.listeners = t.listeners.filter((a) => a !== i));
+  }
+  callListeners(e, s) {
+    const i = d.prefix(e, s), r = this.data.get(i);
+    r && r.listeners.forEach((t) => t());
+  }
+  init(e, s, i, r = !1) {
+    const t = d.prefix(e, s);
+    this.data.has(t) || this.data.set(t, {
+      value: i,
+      isStatic: r || void 0,
       listeners: []
     });
   }
-  createStatic(e, t) {
-    const r = t ?? t ?? "_global", s = {
-      key: N(),
+  createStatic(e, s, i) {
+    const r = i ?? "_global", t = {
+      key: q(),
       prefix: r,
       ...e
     };
-    return A.push(s), this.initStatic(s), s;
+    return A.push(t), this.init(t.key, t.prefix, s, !0), this.defaultValue = () => s, t;
   }
   initStatic(e) {
-    const { key: t, prefix: r } = e;
-    this.init(t, r, this.defaultValue(), !0);
+    const { key: s, prefix: i } = e;
+    this.init(s, i, this.defaultValue(), !0);
   }
-  clearAll(e = !1, t = !1) {
-    this.data.forEach((r, s) => {
-      const [i, o] = c.extractPrefix(s);
-      this.clear(o, i, e, t);
+  clearAll(e = !1, s = !1) {
+    this.data.forEach((i, r) => {
+      const [t, a] = d.extractPrefix(r);
+      this.clear(a, t, e, s);
     });
   }
-  clear(e, t, r = !1, s = !1) {
-    r || this.callListeners(e, t);
-    const i = this.data.get(c.prefix(e, t));
-    if (!i) return;
-    const o = { ...i };
-    if (this.data.delete(c.prefix(e, t)), o.isStatic && !s) {
-      const u = A.find((n) => n.key === e && n.prefix === t);
+  clear(e, s, i = !1, r = !1) {
+    const t = d.prefix(e, s);
+    i || this.callListeners(e, s);
+    const a = this.data.get(t);
+    if (a && (this.data.delete(t), a.isStatic && !r)) {
+      const u = A.find((n) => n.key === e && n.prefix === s);
       u && this.initStatic(u);
     }
   }
-  get(e, t) {
-    let r = this.has(e, t);
-    if (r)
-      return this.data.get(r);
+  get(e, s) {
+    let i = this.has(e, s);
+    if (i)
+      return this.data.get(i);
   }
-  setValue(e, t, r) {
-    this.data.has(c.prefix(e, t)) && this.data.set(c.prefix(e, t), {
-      ...this.data.get(c.prefix(e, t)),
-      ...r
-    });
+  setValue(e, s, i) {
+    const r = d.prefix(e, s), t = this.data.get(r);
+    t && (t.value = i, this.data.set(r, t));
   }
-  has(e, t) {
-    return this.data.has(c.prefix(e, t)) ? c.prefix(e, t) : this.data.has(c.prefix(e, "_global")) ? c.prefix(e, "_global") : void 0;
+  has(e, s) {
+    return this.data.has(d.prefix(e, s)) ? d.prefix(e, s) : this.data.has(d.prefix(e, "_global")) ? d.prefix(e, "_global") : void 0;
   }
-  static prefix(e, t) {
+  static prefix(e, s) {
     if (e.includes("//")) throw new Error("key cannot contain '//'");
-    return `${t}//${e}`;
+    return `${s}//${e}`;
   }
   static extractPrefix(e) {
-    return e.split("//");
+    const s = e.split("//");
+    return [s[0], s.slice(1).join("//")];
   }
-  useEffect(e, t, r = null) {
-    j(() => () => {
-      r?.(), M(`[${c.prefix(e, t)}]`, "unmount effect"), this.data.get(c.prefix(e, t)).listeners?.length === 0 && this.clear(e, t);
-    }, []);
+  useEffect(e, s, i = null) {
+    O(() => () => {
+      i?.(), U(`[${d.prefix(e, s)}]`, "unmount effect");
+      const r = this.get(e, s);
+      r && r.listeners?.length === 0 && this.clear(e, s);
+    }, [e, s]);
   }
 }
-class V {
+class G {
   constructor(e) {
     this.sharedData = e;
   }
-  get(e, t) {
-    let r, s = t;
+  _get(e, s) {
+    let i, r = s;
     if (typeof e != "string") {
-      const { key: o, prefix: u } = e;
-      r = o, s = u;
+      const { key: u, prefix: n } = e;
+      i = u, r = n;
     } else
-      r = L(e);
-    const i = s || "_global";
-    return this.sharedData.get(r, i);
+      i = b(e);
+    const t = r || "_global", a = this.sharedData.get(i, t);
+    return a ? { value: a.value, key: i, prefix: t } : {
+      key: i,
+      prefix: t,
+      value: void 0
+    };
+  }
+  get(e, s) {
+    return this._get(e, s).value;
   }
-  set(e, t, r) {
-    let s, i = r;
+  set(e, s, i) {
+    let r, t = i;
     if (typeof e != "string") {
       const { key: u, prefix: n } = e;
-      s = u, i = n;
+      r = u, t = n;
     } else
-      s = L(e);
-    const o = i || "_global";
-    this.sharedData.init(s, o, t), this.sharedData.setValue(s, o, t), this.sharedData.callListeners(s, o);
-  }
-  update(e, t, r) {
-    let s;
-    typeof e == "string" ? s = this.get(e, r) : s = this.get(e);
-    const i = t(s);
-    typeof e == "string" ? this.set(e, i, r) : this.set(e, i);
+      r = b(e);
+    const a = t || "_global";
+    this.sharedData.init(r, a, s), this.sharedData.setValue(r, a, s), this.sharedData.callListeners(r, a);
+  }
+  update(e, s, i) {
+    const r = this._get(e, i);
+    if (r) {
+      const t = s(r.value);
+      this.set(r.key, t, r.prefix);
+    }
   }
-  /**
-   * 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 t = e || "_global";
-    this.sharedData.data.forEach((r, s) => {
-      const [i, o] = c.extractPrefix(s);
-      if (i === t) {
-        this.sharedData.clear(o, i), this.sharedData.callListeners(o, i);
-        return;
-      }
+    const s = e || "_global";
+    this.sharedData.data.forEach((i, r) => {
+      const [t, a] = d.extractPrefix(r);
+      t === s && (this.sharedData.clear(a, t), this.sharedData.callListeners(a, t));
     });
   }
-  /**
-   * resolve a shared created object to a value
-   * @param sharedCreated
-   */
   resolve(e) {
-    const { key: t, prefix: r } = e;
-    return this.get(t, r);
+    const { key: s, prefix: i } = e;
+    return this.get(s, i);
   }
-  clear(e, t) {
-    let r, s;
-    typeof e == "string" ? (r = e, s = t || "_global") : (r = e.key, s = e.prefix), this.sharedData.clear(r, s);
+  clear(e, s) {
+    let i, r;
+    typeof e == "string" ? (i = e, r = s || "_global") : (i = e.key, r = e.prefix), this.sharedData.clear(i, r);
   }
-  /**
-   * check if a value exists in the shared data
-   * @param key
-   * @param scopeName
-   */
-  has(e, t = "_global") {
-    const r = t || "_global";
-    return !!this.sharedData.has(e, r);
+  has(e, s = "_global") {
+    const i = s || "_global";
+    return !!this.sharedData.has(e, i);
   }
-  /**
-   * get all values from the shared data
-   */
   getAll() {
     const e = {};
-    return this.sharedData.data.forEach((t, r) => {
-      const [s, i] = c.extractPrefix(r);
-      e[s] = e[s] || {}, e[s][i] = t;
+    return this.sharedData.data.forEach((s, i) => {
+      const [r, t] = d.extractPrefix(i);
+      e[r] = e[r] || {}, e[r][t] = s.value;
     }), e;
   }
-  subscribe(e, t, r) {
-    let s, i;
-    return typeof e == "string" ? (s = e, i = r || "_global") : (s = e.key, i = e.prefix), this.sharedData.addListener(s, i, t), () => {
-      this.sharedData.removeListener(s, i, t);
+  subscribe(e, s, i) {
+    let r, t;
+    return typeof e == "string" ? (r = e, t = i || "_global") : (r = e.key, t = e.prefix), this.sharedData.addListener(r, t, s), () => {
+      this.sharedData.removeListener(r, t, s);
     };
   }
 }
-const H = (a) => {
-  const e = G();
+const H = (o) => {
+  const e = T();
   return {
-    prefix: a ?? e?.scopeName ?? "_global"
+    prefix: o ?? e?.scopeName ?? "_global"
   };
 };
-function J(a) {
-  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+function J(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var w, O;
+var S, _;
 function Q() {
-  if (O) return w;
-  O = 1;
-  var a = typeof Element < "u", e = typeof Map == "function", t = typeof Set == "function", r = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
-  function s(i, o) {
-    if (i === o) return !0;
-    if (i && o && typeof i == "object" && typeof o == "object") {
-      if (i.constructor !== o.constructor) return !1;
-      var u, n, l;
-      if (Array.isArray(i)) {
-        if (u = i.length, u != o.length) return !1;
+  if (_) return S;
+  _ = 1;
+  var o = typeof Element < "u", e = typeof Map == "function", s = typeof Set == "function", i = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+  function r(t, a) {
+    if (t === a) return !0;
+    if (t && a && typeof t == "object" && typeof a == "object") {
+      if (t.constructor !== a.constructor) return !1;
+      var u, n, f;
+      if (Array.isArray(t)) {
+        if (u = t.length, u != a.length) return !1;
         for (n = u; n-- !== 0; )
-          if (!s(i[n], o[n])) return !1;
+          if (!r(t[n], a[n])) return !1;
         return !0;
       }
-      var f;
-      if (e && i instanceof Map && o instanceof Map) {
-        if (i.size !== o.size) return !1;
-        for (f = i.entries(); !(n = f.next()).done; )
-          if (!o.has(n.value[0])) return !1;
-        for (f = i.entries(); !(n = f.next()).done; )
-          if (!s(n.value[1], o.get(n.value[0]))) return !1;
+      var c;
+      if (e && t instanceof Map && a instanceof Map) {
+        if (t.size !== a.size) return !1;
+        for (c = t.entries(); !(n = c.next()).done; )
+          if (!a.has(n.value[0])) return !1;
+        for (c = t.entries(); !(n = c.next()).done; )
+          if (!r(n.value[1], a.get(n.value[0]))) return !1;
         return !0;
       }
-      if (t && i instanceof Set && o instanceof Set) {
-        if (i.size !== o.size) return !1;
-        for (f = i.entries(); !(n = f.next()).done; )
-          if (!o.has(n.value[0])) return !1;
+      if (s && t instanceof Set && a instanceof Set) {
+        if (t.size !== a.size) return !1;
+        for (c = t.entries(); !(n = c.next()).done; )
+          if (!a.has(n.value[0])) return !1;
         return !0;
       }
-      if (r && ArrayBuffer.isView(i) && ArrayBuffer.isView(o)) {
-        if (u = i.length, u != o.length) return !1;
+      if (i && ArrayBuffer.isView(t) && ArrayBuffer.isView(a)) {
+        if (u = t.length, u != a.length) return !1;
         for (n = u; n-- !== 0; )
-          if (i[n] !== o[n]) return !1;
+          if (t[n] !== a[n]) return !1;
         return !0;
       }
-      if (i.constructor === RegExp) return i.source === o.source && i.flags === o.flags;
-      if (i.valueOf !== Object.prototype.valueOf && typeof i.valueOf == "function" && typeof o.valueOf == "function") return i.valueOf() === o.valueOf();
-      if (i.toString !== Object.prototype.toString && typeof i.toString == "function" && typeof o.toString == "function") return i.toString() === o.toString();
-      if (l = Object.keys(i), u = l.length, u !== Object.keys(o).length) return !1;
+      if (t.constructor === RegExp) return t.source === a.source && t.flags === a.flags;
+      if (t.valueOf !== Object.prototype.valueOf && typeof t.valueOf == "function" && typeof a.valueOf == "function") return t.valueOf() === a.valueOf();
+      if (t.toString !== Object.prototype.toString && typeof t.toString == "function" && typeof a.toString == "function") return t.toString() === a.toString();
+      if (f = Object.keys(t), u = f.length, u !== Object.keys(a).length) return !1;
       for (n = u; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, l[n])) return !1;
-      if (a && i instanceof Element) return !1;
+        if (!Object.prototype.hasOwnProperty.call(a, f[n])) return !1;
+      if (o && t instanceof Element) return !1;
       for (n = u; n-- !== 0; )
-        if (!((l[n] === "_owner" || l[n] === "__v" || l[n] === "__o") && i.$$typeof) && !s(i[l[n]], o[l[n]]))
+        if (!((f[n] === "_owner" || f[n] === "__v" || f[n] === "__o") && t.$$typeof) && !r(t[f[n]], a[f[n]]))
           return !1;
       return !0;
     }
-    return i !== i && o !== o;
+    return t !== t && a !== a;
   }
-  return w = function(i, o) {
+  return S = function(t, a) {
     try {
-      return s(i, o);
+      return r(t, a);
     } catch (u) {
       if ((u.message || "").match(/stack|recursion/i))
         return console.warn("react-fast-compare cannot handle circular refs"), !1;
       throw u;
     }
-  }, w;
+  }, S;
 }
 var X = Q();
-const Y = /* @__PURE__ */ J(X);
-class Z extends c {
-  defaultValue() {
-    return { value: void 0 };
-  }
-  initValue(e, t, r, s = !1) {
-    super.init(e, t, { value: r }, s);
-  }
-  initStatic(e) {
-    const { key: t, prefix: r, initialValue: s } = e;
-    this.initValue(t, r, s, !0);
-  }
-}
-class ee extends V {
-  constructor(e) {
-    super(e);
-  }
-  get(e, t = "_global") {
-    return typeof e != "string" ? super.get(e)?.value : super.get(e, t)?.value;
-  }
-  set(e, t, r = "_global") {
-    if (typeof e != "string") {
-      super.set(e, { value: t });
-      return;
-    }
-    super.set(e, { value: t }, r);
-  }
-  update(e, t, r = "_global") {
-    let s;
-    typeof e == "string" ? s = this.get(e, r) : s = this.get(e);
-    const i = t(s);
-    typeof e == "string" ? this.set(e, i, r) : this.set(e, i);
-  }
-}
-const E = new Z(), g = new ee(E), te = (a, e) => E.createStatic({ initialValue: a }, e);
-function v(a, e, t) {
-  let r, s = t;
-  if (typeof a != "string") {
-    const { key: f, prefix: h } = a;
-    r = f, s = h;
+const Y = /* @__PURE__ */ J(X), x = new d(), h = new G(x), Z = (o, e) => x.createStatic({ initialValue: o }, o, e);
+function E(o, e, s) {
+  let i, r = s;
+  if (typeof o != "string") {
+    const { key: c, prefix: l } = o;
+    i = c, r = l;
   } else
-    r = L(a);
-  const { prefix: i } = H(s), o = z(void 0), u = D(() => (f) => (E.addListener(r, i, f), () => {
-    E.removeListener(r, i, f);
-  }), []), n = D(() => () => {
-    const f = E.get(r, i)?.value, h = e(f);
-    return Y(o.current, h) ? o.current : h;
-  }, []), l = I(u, n);
-  return E.useEffect(r, i), l;
+    i = b(o);
+  const { prefix: t } = H(r), a = j(void 0), u = D(() => (c) => (x.init(i, t, void 0), x.addListener(i, t, c), () => {
+    x.removeListener(i, t, c);
+  }), [i, t]), n = D(() => () => {
+    const c = x.get(i, t)?.value, l = e(c);
+    return Y(a.current, l) ? a.current : (a.current = l, l);
+  }, [i, t, e]), f = W(u, n);
+  return x.useEffect(i, t), f;
 }
-class re extends c {
-  defaultValue() {
-    return {
-      fnState: {
-        results: void 0,
-        isLoading: !1,
-        error: void 0
-      }
-    };
-  }
-  initValue(e, t, r = !1) {
-    super.init(e, t, this.defaultValue(), r);
-  }
-  setValue(e, t, r) {
-    super.setValue(e, t, r);
-  }
-}
-class se extends V {
-  constructor(e) {
-    super(e);
-  }
-  get(e, t = "_global") {
-    return typeof e != "string" ? super.get(e)?.fnState : super.get(e, t)?.fnState;
-  }
-  set(e, t, r = "_global") {
-    if (typeof e != "string") {
-      super.set(e, t);
-      return;
-    }
-    super.set(e, t, r);
-  }
-  update(e, t, r = "_global") {
-    let s;
-    typeof e == "string" ? s = this.get(e, r) : s = this.get(e);
-    const i = t(s);
-    typeof e == "string" ? this.set(e, i, r) : this.set(e, i);
-  }
-}
-const ie = new re();
-new se(ie);
-class ne extends c {
-  defaultValue() {
-    return {
-      fnState: {
-        data: void 0,
-        isLoading: !1,
-        error: void 0,
-        subscribed: !1
-      }
-    };
-  }
-  initValue(e, t, r = !1) {
-    super.init(e, t, this.defaultValue(), r);
-  }
-  setValue(e, t, r) {
-    super.setValue(e, t, r);
-  }
-  useEffect(e, t) {
-    j(() => () => {
-      M(`[${c.prefix(e, t)}]`, "unmount effect2"), this.get(e, t)?.listeners.length === 0 && this.unsubscribe(e, t);
-    }, []), super.useEffect(e, t);
-  }
-  async unsubscribe(e, t) {
-    const r = this.get(e, t);
-    r && (r.unsubscribe && (r.unsubscribe(), r.unsubscribe = void 0), r.fnState = { ...r.fnState, subscribed: !1 }, this.callListeners(e, t));
-  }
-}
-class ae extends V {
-  constructor(e) {
-    super(e);
-  }
-  get(e, t = "_global") {
-    return typeof e != "string" ? super.get(e)?.fnState : super.get(e, t)?.fnState;
-  }
-  set(e, t, r = "_global") {
-    if (typeof e != "string") {
-      super.set(e, t);
-      return;
-    }
-    super.set(e, t, r);
-  }
-  update(e, t, r = "_global") {
-    let s;
-    typeof e == "string" ? s = this.get(e, r) : s = this.get(e);
-    const i = t(s);
-    typeof e == "string" ? this.set(e, i, r) : this.set(e, i);
-  }
-}
-const oe = new ne();
-new ae(oe);
-const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, de = ({
-  initialState: a = "loading",
+const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
+  initialState: o = "loading",
   defaultFallback: e,
-  defaultErrorFallback: t,
-  defaultRetry: r
+  defaultErrorFallback: s,
+  defaultRetry: i
 } = {}) => {
-  const s = te({
-    state: a,
-    retry: r
-  }), i = (n) => {
-    let l = u.get();
-    return new Promise((f, h) => {
-      if (S(u.get(), n)) {
-        f();
+  const r = Z({
+    state: o,
+    retry: i
+  }), t = (n) => {
+    let f = u.get();
+    return new Promise((c, l) => {
+      if (m(u.get(), n)) {
+        c();
         return;
       }
-      const d = g.subscribe(s, () => {
-        S(u.get(), n) ? (d(), f()) : l !== u.get() && h();
+      const g = h.subscribe(r, () => {
+        m(u.get(), n) ? (g(), c()) : f !== u.get() && l();
       });
     });
-  }, o = function(n, l = () => []) {
-    return (f) => v(s, (d) => S(d.state, n)) ? /* @__PURE__ */ p(b, { children: m(f.children, ...l()) }) : null;
+  }, a = function(n, f = () => []) {
+    return (c) => E(r, (g) => m(g.state, n)) ? /* @__PURE__ */ p(w, { children: L(c.children, ...f()) }) : null;
   }, u = {
     //hooks
-    use: () => v(s, (n) => n.state),
-    useIsLoading: () => v(s, (n) => n.state) === "loading",
-    useErrors: () => v(s, (n) => n.errors),
-    useContext: () => v(s, (n) => n.context),
-    set: (n) => g.update(s, (l) => ({ ...l, state: n })),
-    retry: (n) => (g.get(s).retry ?? n)?.(),
+    use: () => E(r, (n) => n.state),
+    useIsLoading: () => E(r, (n) => n.state) === "loading",
+    useErrors: () => E(r, (n) => n.errors),
+    useContext: () => E(r, (n) => n.context),
+    set: (n) => h.update(r, (f) => ({ ...f, state: n })),
+    retry: (n) => (h.get(r).retry ?? n)?.(),
     // getters
-    isLoading: () => g.get(s).state === "loading",
-    isIdle: () => g.get(s).state === "idle",
-    isSuccess: () => g.get(s).state === "success",
-    isError: () => g.get(s).state === "error",
-    isFinished: () => g.get(s).state === "success" || g.get(s).state === "error",
-    is: (n) => S(u.get(), n),
-    hasErrors: () => g.get(s).errors !== void 0,
-    get: () => g.get(s).state,
-    getErrors: () => g.get(s).errors,
-    getContext: () => g.get(s).context,
+    isLoading: () => h.get(r).state === "loading",
+    isIdle: () => h.get(r).state === "idle",
+    isSuccess: () => h.get(r).state === "success",
+    isError: () => h.get(r).state === "error",
+    isFinished: () => h.get(r).state === "success" || h.get(r).state === "error",
+    is: (n) => m(u.get(), n),
+    hasErrors: () => h.get(r).errors !== void 0,
+    get: () => h.get(r).state,
+    getErrors: () => h.get(r).errors,
+    getContext: () => h.get(r).context,
     // setters
-    reset: () => g.set(s, {
-      state: a
+    reset: () => h.set(r, {
+      state: o
     }),
     addError: (n) => {
-      g.update(s, (l) => ({
-        ...l,
-        errors: [...l.errors ?? [], n]
+      h.update(r, (f) => ({
+        ...f,
+        errors: [...f.errors ?? [], n]
       }));
     },
     setContext: (n) => {
-      g.update(s, (l) => ({ ...l, context: n }));
+      h.update(r, (f) => ({ ...f, context: n }));
     },
     setErrors: (n) => {
-      g.update(s, (l) => ({ ...l, errors: n }));
+      h.update(r, (f) => ({ ...f, errors: n }));
     },
     clearErrors: () => {
-      g.update(s, (n) => ({ ...n, errors: void 0 }));
+      h.update(r, (n) => ({ ...n, errors: void 0 }));
     },
     // set a retry function
-    setRetry: (n) => g.update(s, (l) => ({ ...l, retry: n })),
+    setRetry: (n) => h.update(r, (f) => ({ ...f, retry: n })),
     // promises
-    whenLoaded: () => i("success").catch((n) => {
+    whenLoaded: () => t("success").catch((n) => {
       throw new Error("loading failed", { cause: n });
     }),
-    whenFinished: () => i(["success", "error"]),
+    whenFinished: () => t(["success", "error"]),
     // wrap a promise
     wrap(n) {
-      const l = () => new Promise((f, h) => {
-        u.clearErrors(), u.set("loading"), n().then((d) => {
-          u.set("success"), f(d);
-        }).catch((d) => {
-          u.set("error"), d && u.setErrors([d]), h(d);
+      const f = () => new Promise((c, l) => {
+        u.clearErrors(), u.set("loading"), n().then((g) => {
+          u.set("success"), c(g);
+        }).catch((g) => {
+          u.set("error"), g && u.setErrors([g]), l(g);
         });
       });
-      return u.setRetry(l), l();
+      return u.setRetry(f), f();
     },
     wrapWithControl(n) {
-      const l = {
+      const f = {
         thens: [],
         catchs: [],
         finallies: []
-      }, f = {
-        then: (...h) => (l.thens.push(h), f),
-        catch_: (...h) => (l.catchs.push(h), f),
-        finally_: (...h) => (l.finallies.push(h), f),
-        start: () => new Promise((h, d) => {
+      }, c = {
+        then: (...l) => (f.thens.push(l), c),
+        catch_: (...l) => (f.catchs.push(l), c),
+        finally_: (...l) => (f.finallies.push(l), c),
+        start: () => new Promise((l, g) => {
           u.clearErrors(), u.set("loading");
-          let x = n();
-          x.then(() => {
+          let v = n();
+          v.then(() => {
             u.set("success");
-          }), x.catch((y) => {
+          }), v.catch((y) => {
             u.set("error"), y && u.setErrors([y]);
           });
-          for (const y of l.thens)
-            x.then(...y);
-          for (const y of l.catchs)
-            x.catch(...y);
-          for (const y of l.finallies)
-            x.finally(...y);
-          x.then(h, d);
+          for (const y of f.thens)
+            v.then(...y);
+          for (const y of f.catchs)
+            v.catch(...y);
+          for (const y of f.finallies)
+            v.finally(...y);
+          v.then(l, g);
         })
       };
-      return u.setRetry(f.start), f;
+      return u.setRetry(c.start), c;
     },
     // components
     // - show when
-    ShowWhenLoaded: ({ children: n, fallback: l, errorFallback: f }) => {
-      const h = v(s, (d) => d.state);
-      return h === "idle" ? null : (l = k(e, l), f = B(t, f === !0 ? void 0 : f), h === "loading" ? /* @__PURE__ */ p(b, { children: l }) : h === "error" ? /* @__PURE__ */ p(b, { children: m(f, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(b, { children: n }));
+    ShowWhenLoaded: ({ children: n, fallback: f, errorFallback: c }) => {
+      const l = E(r, (g) => g.state);
+      return l === "idle" ? null : (f = P(e, f), c = B(s, c === !0 ? void 0 : c), l === "loading" ? /* @__PURE__ */ p(w, { children: f }) : l === "error" ? /* @__PURE__ */ p(w, { children: L(c, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(w, { children: n }));
     },
-    ShowWhileLoading: o("loading"),
-    ShowWhenError: o("error", () => [u.getErrors() ?? [], () => u.retry()]),
-    ShowWhenFinish: o(["error", "success"], () => [u.getErrors(), () => u.retry()]),
-    ShowWhen: ({ children: n, state: l }) => {
-      const f = o(l);
-      return /* @__PURE__ */ p(f, { children: n });
-    }
+    ShowWhileLoading: a("loading"),
+    ShowWhenError: a("error", () => [u.getErrors() ?? [], () => u.retry()]),
+    ShowWhenFinish: a(["error", "success"], () => [u.getErrors(), () => u.retry()]),
+    ShowWhen: ({ children: n, state: f }) => {
+      const c = a(f);
+      return /* @__PURE__ */ p(c, { children: n });
+    },
+    destroy: () => {
+      h.clear(r);
+    },
+    /**
+     * @internal THIS IS USED FOR INTERNAL PURPOSES ONLY,
+     * DON'T USE IT,
+     * DON'T RELY ON IT,
+     * DON'T REPORT ANY ISSUE RELATED TO IT
+     */
+    __get__id: () => `loading_id//${r.prefix}/${r.key}`
   };
   return u;
-}, pe = ({ of: a, fallback: e, errorFallback: t, children: r }) => {
-  const s = a.map((i) => i.use());
-  return e = k(void 0, e), s.some((i) => i === "loading") ? e : s.every((i) => i !== "loading") ? s.some((i) => i === "error") ? (t = B(void 0, t), /* @__PURE__ */ p(b, { children: m(
-    t,
-    a.reduce((i, o) => [...i, ...o.getErrors() ?? []], []),
+}, oe = (o = {}) => {
+  const e = j(ee(typeof o == "string" ? {
+    initialState: o
+  } : o));
+  return O(() => () => {
+    e.current.destroy();
+  }, []), e.current;
+}, ue = ({ of: o, fallback: e, errorFallback: s, children: i }) => {
+  const r = o.map((t) => t.use());
+  return e = P(void 0, e), r.some((t) => t === "loading") ? e : r.every((t) => t !== "loading") ? r.some((t) => t === "error") ? (s = B(void 0, s), /* @__PURE__ */ p(w, { children: L(
+    s,
+    o.reduce((t, a) => [...t, ...a.getErrors() ?? []], []),
     () => {
-      a.map((i) => {
-        i.isError() && i.retry();
+      o.map((t) => {
+        t.isError() && t.retry();
       });
     }
-  ) })) : /* @__PURE__ */ p(b, { children: r }) : null;
+  ) })) : /* @__PURE__ */ p(w, { children: i }) : null;
 };
 export {
-  pe as AllLoaded,
-  de as createLoading,
+  ue as AllLoaded,
+  ee as createLoading,
   C as errorFallbacks,
-  _ as fallbacks,
-  U as getDefaultErrorFallback,
-  T as getDefaultFallback,
-  m as reactNodeOrFunctionValue,
-  ge as registerDefaultErrorFallback,
-  he as registerDefaultFallback,
-  ce as registerErrorFallback,
-  fe as registerFallback,
+  k as fallbacks,
+  K as getDefaultErrorFallback,
+  I as getDefaultFallback,
+  L as reactNodeOrFunctionValue,
+  ae as registerDefaultErrorFallback,
+  ie as registerDefaultFallback,
+  ne as registerErrorFallback,
+  se as registerFallback,
   B as resolveErrorFallback,
-  k as resolveLoadingFallback
+  P as resolveLoadingFallback,
+  oe as useCreateLocalLoading
 };

package/dist/main.min.js

@@ -1,13 +1,8 @@
 /*!
-* react-easy-loading v0.1.1
+* react-easy-loading v0.3.0
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-easy-loading
 */
    
-(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.ReactEasyLoading={},d.jsxRuntime,d.React))})(this,(function(d,h,b){"use strict";const V={},D={},$=(a,e)=>{V[a]=e},z=(a,e)=>{D[a]=e};let _=h.jsx("div",{children:"Loading..."}),C=(a,e)=>h.jsxs("div",{children:[h.jsx("h3",{children:"Errors:"}),h.jsx("ul",{children:a?.map((t,r)=>h.jsx("li",{children:t},r))}),h.jsx("button",{onClick:e,disabled:!e,children:"Retry"})]});const q=a=>{_=a},I=a=>{C=a},P=()=>_,j=()=>C,F=(a,e)=>M(P,V,a,e);function A(a,e){return M(j,D,a,e)}function M(a,e,t,r){return r?typeof r=="string"?e[r]??r:r:r===null?null:t?typeof t=="string"?e[t]??t:t:a()}function w(a,...e){return typeof a=="function"?a(...e):a}/*!
-* react-shared-states v1.0.22
-* (c) Hichem Taboukouyout
-* Released under the MIT License.
-* Github: github.com/HichemTab-tech/react-shared-states
-*/const B=(...a)=>{},O=a=>{if(!a)throw new Error("Value is empty");return a},K=()=>Math.random().toString(36).substring(2,15),N=b.createContext(void 0),U=()=>b.useContext(N),W=[];class c{data=new Map;defaultValue(){return{}}addListener(e,t,r){this.data.has(c.prefix(e,t))||this.data.set(c.prefix(e,t),{...this.defaultValue(),listeners:[]}),this.data.get(c.prefix(e,t)).listeners.push(r)}removeListener(e,t,r){this.data.has(c.prefix(e,t))&&(this.data.get(c.prefix(e,t)).listeners=this.data.get(c.prefix(e,t)).listeners.filter(s=>s!==r))}callListeners(e,t){this.data.has(c.prefix(e,t))&&this.data.get(c.prefix(e,t)).listeners.forEach(r=>r())}init(e,t,r,s=!1){this.data.has(c.prefix(e,t))||this.data.set(c.prefix(e,t),{...r,isStatic:s,listeners:[]})}createStatic(e,t){const r=t??t??"_global",s={key:K(),prefix:r,...e};return W.push(s),this.initStatic(s),s}initStatic(e){const{key:t,prefix:r}=e;this.init(t,r,this.defaultValue(),!0)}clearAll(e=!1,t=!1){this.data.forEach((r,s)=>{const[i,o]=c.extractPrefix(s);this.clear(o,i,e,t)})}clear(e,t,r=!1,s=!1){r||this.callListeners(e,t);const i=this.data.get(c.prefix(e,t));if(!i)return;const o={...i};if(this.data.delete(c.prefix(e,t)),o.isStatic&&!s){const l=W.find(n=>n.key===e&&n.prefix===t);l&&this.initStatic(l)}}get(e,t){let r=this.has(e,t);if(r)return this.data.get(r)}setValue(e,t,r){this.data.has(c.prefix(e,t))&&this.data.set(c.prefix(e,t),{...this.data.get(c.prefix(e,t)),...r})}has(e,t){return this.data.has(c.prefix(e,t))?c.prefix(e,t):this.data.has(c.prefix(e,"_global"))?c.prefix(e,"_global"):void 0}static prefix(e,t){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${t}//${e}`}static extractPrefix(e){return e.split("//")}useEffect(e,t,r=null){b.useEffect(()=>()=>{r?.(),B(`[${c.prefix(e,t)}]`,"unmount effect"),this.data.get(c.prefix(e,t)).listeners?.length===0&&this.clear(e,t)},[])}}class k{constructor(e){this.sharedData=e}get(e,t){let r,s=t;if(typeof e!="string"){const{key:o,prefix:l}=e;r=o,s=l}else r=O(e);const i=s||"_global";return this.sharedData.get(r,i)}set(e,t,r){let s,i=r;if(typeof e!="string"){const{key:l,prefix:n}=e;s=l,i=n}else s=O(e);const o=i||"_global";this.sharedData.init(s,o,t),this.sharedData.setValue(s,o,t),this.sharedData.callListeners(s,o)}update(e,t,r){let s;typeof e=="string"?s=this.get(e,r):s=this.get(e);const i=t(s);typeof e=="string"?this.set(e,i,r):this.set(e,i)}clearAll(){this.sharedData.clearAll()}clearScope(e){const t=e||"_global";this.sharedData.data.forEach((r,s)=>{const[i,o]=c.extractPrefix(s);if(i===t){this.sharedData.clear(o,i),this.sharedData.callListeners(o,i);return}})}resolve(e){const{key:t,prefix:r}=e;return this.get(t,r)}clear(e,t){let r,s;typeof e=="string"?(r=e,s=t||"_global"):(r=e.key,s=e.prefix),this.sharedData.clear(r,s)}has(e,t="_global"){const r=t||"_global";return!!this.sharedData.has(e,r)}getAll(){const e={};return this.sharedData.data.forEach((t,r)=>{const[s,i]=c.extractPrefix(r);e[s]=e[s]||{},e[s][i]=t}),e}subscribe(e,t,r){let s,i;return typeof e=="string"?(s=e,i=r||"_global"):(s=e.key,i=e.prefix),this.sharedData.addListener(s,i,t),()=>{this.sharedData.removeListener(s,i,t)}}}const G=a=>{const e=U();return{prefix:a??e?.scopeName??"_global"}};function H(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var m,T;function J(){if(T)return m;T=1;var a=typeof Element<"u",e=typeof Map=="function",t=typeof Set=="function",r=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function s(i,o){if(i===o)return!0;if(i&&o&&typeof i=="object"&&typeof o=="object"){if(i.constructor!==o.constructor)return!1;var l,n,u;if(Array.isArray(i)){if(l=i.length,l!=o.length)return!1;for(n=l;n--!==0;)if(!s(i[n],o[n]))return!1;return!0}var f;if(e&&i instanceof Map&&o instanceof Map){if(i.size!==o.size)return!1;for(f=i.entries();!(n=f.next()).done;)if(!o.has(n.value[0]))return!1;for(f=i.entries();!(n=f.next()).done;)if(!s(n.value[1],o.get(n.value[0])))return!1;return!0}if(t&&i instanceof Set&&o instanceof Set){if(i.size!==o.size)return!1;for(f=i.entries();!(n=f.next()).done;)if(!o.has(n.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(i)&&ArrayBuffer.isView(o)){if(l=i.length,l!=o.length)return!1;for(n=l;n--!==0;)if(i[n]!==o[n])return!1;return!0}if(i.constructor===RegExp)return i.source===o.source&&i.flags===o.flags;if(i.valueOf!==Object.prototype.valueOf&&typeof i.valueOf=="function"&&typeof o.valueOf=="function")return i.valueOf()===o.valueOf();if(i.toString!==Object.prototype.toString&&typeof i.toString=="function"&&typeof o.toString=="function")return i.toString()===o.toString();if(u=Object.keys(i),l=u.length,l!==Object.keys(o).length)return!1;for(n=l;n--!==0;)if(!Object.prototype.hasOwnProperty.call(o,u[n]))return!1;if(a&&i instanceof Element)return!1;for(n=l;n--!==0;)if(!((u[n]==="_owner"||u[n]==="__v"||u[n]==="__o")&&i.$$typeof)&&!s(i[u[n]],o[u[n]]))return!1;return!0}return i!==i&&o!==o}return m=function(i,o){try{return s(i,o)}catch(l){if((l.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw l}},m}var Q=J();const X=H(Q);class Y extends c{defaultValue(){return{value:void 0}}initValue(e,t,r,s=!1){super.init(e,t,{value:r},s)}initStatic(e){const{key:t,prefix:r,initialValue:s}=e;this.initValue(t,r,s,!0)}}class Z extends k{constructor(e){super(e)}get(e,t="_global"){return typeof e!="string"?super.get(e)?.value:super.get(e,t)?.value}set(e,t,r="_global"){if(typeof e!="string"){super.set(e,{value:t});return}super.set(e,{value:t},r)}update(e,t,r="_global"){let s;typeof e=="string"?s=this.get(e,r):s=this.get(e);const i=t(s);typeof e=="string"?this.set(e,i,r):this.set(e,i)}}const x=new Y,p=new Z(x),R=(a,e)=>x.createStatic({initialValue:a},e);function E(a,e,t){let r,s=t;if(typeof a!="string"){const{key:f,prefix:g}=a;r=f,s=g}else r=O(a);const{prefix:i}=G(s),o=b.useRef(void 0),l=b.useMemo(()=>f=>(x.addListener(r,i,f),()=>{x.removeListener(r,i,f)}),[]),n=b.useMemo(()=>()=>{const f=x.get(r,i)?.value,g=e(f);return X(o.current,g)?o.current:g},[]),u=b.useSyncExternalStore(l,n);return x.useEffect(r,i),u}class ee extends c{defaultValue(){return{fnState:{results:void 0,isLoading:!1,error:void 0}}}initValue(e,t,r=!1){super.init(e,t,this.defaultValue(),r)}setValue(e,t,r){super.setValue(e,t,r)}}class te extends k{constructor(e){super(e)}get(e,t="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,t)?.fnState}set(e,t,r="_global"){if(typeof e!="string"){super.set(e,t);return}super.set(e,t,r)}update(e,t,r="_global"){let s;typeof e=="string"?s=this.get(e,r):s=this.get(e);const i=t(s);typeof e=="string"?this.set(e,i,r):this.set(e,i)}}const re=new ee;new te(re);class se extends c{defaultValue(){return{fnState:{data:void 0,isLoading:!1,error:void 0,subscribed:!1}}}initValue(e,t,r=!1){super.init(e,t,this.defaultValue(),r)}setValue(e,t,r){super.setValue(e,t,r)}useEffect(e,t){b.useEffect(()=>()=>{B(`[${c.prefix(e,t)}]`,"unmount effect2"),this.get(e,t)?.listeners.length===0&&this.unsubscribe(e,t)},[]),super.useEffect(e,t)}async unsubscribe(e,t){const r=this.get(e,t);r&&(r.unsubscribe&&(r.unsubscribe(),r.unsubscribe=void 0),r.fnState={...r.fnState,subscribed:!1},this.callListeners(e,t))}}class ie extends k{constructor(e){super(e)}get(e,t="_global"){return typeof e!="string"?super.get(e)?.fnState:super.get(e,t)?.fnState}set(e,t,r="_global"){if(typeof e!="string"){super.set(e,t);return}super.set(e,t,r)}update(e,t,r="_global"){let s;typeof e=="string"?s=this.get(e,r):s=this.get(e);const i=t(s);typeof e=="string"?this.set(e,i,r):this.set(e,i)}}const ne=new se;new ie(ne);const L=(a,e)=>Array.isArray(e)&&e.includes(a)||a===e,ae=({initialState:a="loading",defaultFallback:e,defaultErrorFallback:t,defaultRetry:r}={})=>{const s=R({state:a,retry:r}),i=n=>{let u=l.get();return new Promise((f,g)=>{if(L(l.get(),n)){f();return}const y=p.subscribe(s,()=>{L(l.get(),n)?(y(),f()):u!==l.get()&&g()})})},o=function(n,u=()=>[]){return f=>E(s,y=>L(y.state,n))?h.jsx(h.Fragment,{children:w(f.children,...u())}):null},l={use:()=>E(s,n=>n.state),useIsLoading:()=>E(s,n=>n.state)==="loading",useErrors:()=>E(s,n=>n.errors),useContext:()=>E(s,n=>n.context),set:n=>p.update(s,u=>({...u,state:n})),retry:n=>(p.get(s).retry??n)?.(),isLoading:()=>p.get(s).state==="loading",isIdle:()=>p.get(s).state==="idle",isSuccess:()=>p.get(s).state==="success",isError:()=>p.get(s).state==="error",isFinished:()=>p.get(s).state==="success"||p.get(s).state==="error",is:n=>L(l.get(),n),hasErrors:()=>p.get(s).errors!==void 0,get:()=>p.get(s).state,getErrors:()=>p.get(s).errors,getContext:()=>p.get(s).context,reset:()=>p.set(s,{state:a}),addError:n=>{p.update(s,u=>({...u,errors:[...u.errors??[],n]}))},setContext:n=>{p.update(s,u=>({...u,context:n}))},setErrors:n=>{p.update(s,u=>({...u,errors:n}))},clearErrors:()=>{p.update(s,n=>({...n,errors:void 0}))},setRetry:n=>p.update(s,u=>({...u,retry:n})),whenLoaded:()=>i("success").catch(n=>{throw new Error("loading failed",{cause:n})}),whenFinished:()=>i(["success","error"]),wrap(n){const u=()=>new Promise((f,g)=>{l.clearErrors(),l.set("loading"),n().then(y=>{l.set("success"),f(y)}).catch(y=>{l.set("error"),y&&l.setErrors([y]),g(y)})});return l.setRetry(u),u()},wrapWithControl(n){const u={thens:[],catchs:[],finallies:[]},f={then:(...g)=>(u.thens.push(g),f),catch_:(...g)=>(u.catchs.push(g),f),finally_:(...g)=>(u.finallies.push(g),f),start:()=>new Promise((g,y)=>{l.clearErrors(),l.set("loading");let S=n();S.then(()=>{l.set("success")}),S.catch(v=>{l.set("error"),v&&l.setErrors([v])});for(const v of u.thens)S.then(...v);for(const v of u.catchs)S.catch(...v);for(const v of u.finallies)S.finally(...v);S.then(g,y)})};return l.setRetry(f.start),f},ShowWhenLoaded:({children:n,fallback:u,errorFallback:f})=>{const g=E(s,y=>y.state);return g==="idle"?null:(u=F(e,u),f=A(t,f===!0?void 0:f),g==="loading"?h.jsx(h.Fragment,{children:u}):g==="error"?h.jsx(h.Fragment,{children:w(f,l.getErrors()??[],()=>l.retry())}):h.jsx(h.Fragment,{children:n}))},ShowWhileLoading:o("loading"),ShowWhenError:o("error",()=>[l.getErrors()??[],()=>l.retry()]),ShowWhenFinish:o(["error","success"],()=>[l.getErrors(),()=>l.retry()]),ShowWhen:({children:n,state:u})=>{const f=o(u);return h.jsx(f,{children:n})}};return l},oe=({of:a,fallback:e,errorFallback:t,children:r})=>{const s=a.map(i=>i.use());return e=F(void 0,e),s.some(i=>i==="loading")?e:s.every(i=>i!=="loading")?s.some(i=>i==="error")?(t=A(void 0,t),h.jsx(h.Fragment,{children:w(t,a.reduce((i,o)=>[...i,...o.getErrors()??[]],[]),()=>{a.map(i=>{i.isError()&&i.retry()})})})):h.jsx(h.Fragment,{children:r}):null};d.AllLoaded=oe,d.createLoading=ae,d.errorFallbacks=D,d.fallbacks=V,d.getDefaultErrorFallback=j,d.getDefaultFallback=P,d.reactNodeOrFunctionValue=w,d.registerDefaultErrorFallback=I,d.registerDefaultFallback=q,d.registerErrorFallback=z,d.registerFallback=$,d.resolveErrorFallback=A,d.resolveLoadingFallback=F,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+(function(d,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],u):(d=typeof globalThis<"u"?globalThis:d||self,u(d.ReactEasyLoading={},d.jsxRuntime,d.React))})(this,(function(d,u,v){"use strict";const D={},k={},W=(o,e)=>{D[o]=e},T=(o,e)=>{k[o]=e};let O=u.jsx("div",{children:"Loading..."}),C=(o,e)=>u.jsxs("div",{children:[u.jsx("h3",{children:"Errors:"}),u.jsx("ul",{children:o?.map((s,i)=>u.jsx("li",{children:s},i))}),u.jsx("button",{onClick:e,disabled:!e,children:"Retry"})]});const q=o=>{O=o},z=o=>{C=o},V=()=>O,j=()=>C,F=(o,e)=>P(V,D,o,e);function A(o,e){return P(j,k,o,e)}function P(o,e,s,i){return i?typeof i=="string"?e[i]??i:i:i===null?null:s?typeof s=="string"?e[s]??s:s:o()}function w(o,...e){return typeof o=="function"?o(...e):o}const I=(...o)=>{},_=o=>{if(!o)throw new Error("Value is empty");return o},K=()=>Math.random().toString(36).substring(2,15),N=v.createContext(void 0),U=()=>v.useContext(N),M=[];class y{constructor(e=()=>null){this.defaultValue=e}data=new Map;addListener(e,s,i){const r=y.prefix(e,s),t=this.data.get(r);t&&t.listeners.push(i)}removeListener(e,s,i){const r=y.prefix(e,s),t=this.data.get(r);t&&(t.listeners=t.listeners.filter(a=>a!==i))}callListeners(e,s){const i=y.prefix(e,s),r=this.data.get(i);r&&r.listeners.forEach(t=>t())}init(e,s,i,r=!1){const t=y.prefix(e,s);this.data.has(t)||this.data.set(t,{value:i,isStatic:r||void 0,listeners:[]})}createStatic(e,s,i){const r=i??"_global",t={key:K(),prefix:r,...e};return M.push(t),this.init(t.key,t.prefix,s,!0),this.defaultValue=()=>s,t}initStatic(e){const{key:s,prefix:i}=e;this.init(s,i,this.defaultValue(),!0)}clearAll(e=!1,s=!1){this.data.forEach((i,r)=>{const[t,a]=y.extractPrefix(r);this.clear(a,t,e,s)})}clear(e,s,i=!1,r=!1){const t=y.prefix(e,s);i||this.callListeners(e,s);const a=this.data.get(t);if(a&&(this.data.delete(t),a.isStatic&&!r)){const l=M.find(n=>n.key===e&&n.prefix===s);l&&this.initStatic(l)}}get(e,s){let i=this.has(e,s);if(i)return this.data.get(i)}setValue(e,s,i){const r=y.prefix(e,s),t=this.data.get(r);t&&(t.value=i,this.data.set(r,t))}has(e,s){return this.data.has(y.prefix(e,s))?y.prefix(e,s):this.data.has(y.prefix(e,"_global"))?y.prefix(e,"_global"):void 0}static prefix(e,s){if(e.includes("//"))throw new Error("key cannot contain '//'");return`${s}//${e}`}static extractPrefix(e){const s=e.split("//");return[s[0],s.slice(1).join("//")]}useEffect(e,s,i=null){v.useEffect(()=>()=>{i?.(),I(`[${y.prefix(e,s)}]`,"unmount effect");const r=this.get(e,s);r&&r.listeners?.length===0&&this.clear(e,s)},[e,s])}}class G{constructor(e){this.sharedData=e}_get(e,s){let i,r=s;if(typeof e!="string"){const{key:l,prefix:n}=e;i=l,r=n}else i=_(e);const t=r||"_global",a=this.sharedData.get(i,t);return a?{value:a.value,key:i,prefix:t}:{key:i,prefix:t,value:void 0}}get(e,s){return this._get(e,s).value}set(e,s,i){let r,t=i;if(typeof e!="string"){const{key:l,prefix:n}=e;r=l,t=n}else r=_(e);const a=t||"_global";this.sharedData.init(r,a,s),this.sharedData.setValue(r,a,s),this.sharedData.callListeners(r,a)}update(e,s,i){const r=this._get(e,i);if(r){const t=s(r.value);this.set(r.key,t,r.prefix)}}clearAll(){this.sharedData.clearAll()}clearScope(e){const s=e||"_global";this.sharedData.data.forEach((i,r)=>{const[t,a]=y.extractPrefix(r);t===s&&(this.sharedData.clear(a,t),this.sharedData.callListeners(a,t))})}resolve(e){const{key:s,prefix:i}=e;return this.get(s,i)}clear(e,s){let i,r;typeof e=="string"?(i=e,r=s||"_global"):(i=e.key,r=e.prefix),this.sharedData.clear(i,r)}has(e,s="_global"){const i=s||"_global";return!!this.sharedData.has(e,i)}getAll(){const e={};return this.sharedData.data.forEach((s,i)=>{const[r,t]=y.extractPrefix(i);e[r]=e[r]||{},e[r][t]=s.value}),e}subscribe(e,s,i){let r,t;return typeof e=="string"?(r=e,t=i||"_global"):(r=e.key,t=e.prefix),this.sharedData.addListener(r,t,s),()=>{this.sharedData.removeListener(r,t,s)}}}const H=o=>{const e=U();return{prefix:o??e?.scopeName??"_global"}};function J(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var m,B;function Q(){if(B)return m;B=1;var o=typeof Element<"u",e=typeof Map=="function",s=typeof Set=="function",i=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function r(t,a){if(t===a)return!0;if(t&&a&&typeof t=="object"&&typeof a=="object"){if(t.constructor!==a.constructor)return!1;var l,n,f;if(Array.isArray(t)){if(l=t.length,l!=a.length)return!1;for(n=l;n--!==0;)if(!r(t[n],a[n]))return!1;return!0}var c;if(e&&t instanceof Map&&a instanceof Map){if(t.size!==a.size)return!1;for(c=t.entries();!(n=c.next()).done;)if(!a.has(n.value[0]))return!1;for(c=t.entries();!(n=c.next()).done;)if(!r(n.value[1],a.get(n.value[0])))return!1;return!0}if(s&&t instanceof Set&&a instanceof Set){if(t.size!==a.size)return!1;for(c=t.entries();!(n=c.next()).done;)if(!a.has(n.value[0]))return!1;return!0}if(i&&ArrayBuffer.isView(t)&&ArrayBuffer.isView(a)){if(l=t.length,l!=a.length)return!1;for(n=l;n--!==0;)if(t[n]!==a[n])return!1;return!0}if(t.constructor===RegExp)return t.source===a.source&&t.flags===a.flags;if(t.valueOf!==Object.prototype.valueOf&&typeof t.valueOf=="function"&&typeof a.valueOf=="function")return t.valueOf()===a.valueOf();if(t.toString!==Object.prototype.toString&&typeof t.toString=="function"&&typeof a.toString=="function")return t.toString()===a.toString();if(f=Object.keys(t),l=f.length,l!==Object.keys(a).length)return!1;for(n=l;n--!==0;)if(!Object.prototype.hasOwnProperty.call(a,f[n]))return!1;if(o&&t instanceof Element)return!1;for(n=l;n--!==0;)if(!((f[n]==="_owner"||f[n]==="__v"||f[n]==="__o")&&t.$$typeof)&&!r(t[f[n]],a[f[n]]))return!1;return!0}return t!==t&&a!==a}return m=function(t,a){try{return r(t,a)}catch(l){if((l.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw l}},m}var X=Q();const Y=J(X),x=new y,g=new G(x),Z=(o,e)=>x.createStatic({initialValue:o},o,e);function b(o,e,s){let i,r=s;if(typeof o!="string"){const{key:c,prefix:h}=o;i=c,r=h}else i=_(o);const{prefix:t}=H(r),a=v.useRef(void 0),l=v.useMemo(()=>c=>(x.init(i,t,void 0),x.addListener(i,t,c),()=>{x.removeListener(i,t,c)}),[i,t]),n=v.useMemo(()=>()=>{const c=x.get(i,t)?.value,h=e(c);return Y(a.current,h)?a.current:(a.current=h,h)},[i,t,e]),f=v.useSyncExternalStore(l,n);return x.useEffect(i,t),f}const S=(o,e)=>Array.isArray(e)&&e.includes(o)||o===e,$=({initialState:o="loading",defaultFallback:e,defaultErrorFallback:s,defaultRetry:i}={})=>{const r=Z({state:o,retry:i}),t=n=>{let f=l.get();return new Promise((c,h)=>{if(S(l.get(),n)){c();return}const p=g.subscribe(r,()=>{S(l.get(),n)?(p(),c()):f!==l.get()&&h()})})},a=function(n,f=()=>[]){return c=>b(r,p=>S(p.state,n))?u.jsx(u.Fragment,{children:w(c.children,...f())}):null},l={use:()=>b(r,n=>n.state),useIsLoading:()=>b(r,n=>n.state)==="loading",useErrors:()=>b(r,n=>n.errors),useContext:()=>b(r,n=>n.context),set:n=>g.update(r,f=>({...f,state:n})),retry:n=>(g.get(r).retry??n)?.(),isLoading:()=>g.get(r).state==="loading",isIdle:()=>g.get(r).state==="idle",isSuccess:()=>g.get(r).state==="success",isError:()=>g.get(r).state==="error",isFinished:()=>g.get(r).state==="success"||g.get(r).state==="error",is:n=>S(l.get(),n),hasErrors:()=>g.get(r).errors!==void 0,get:()=>g.get(r).state,getErrors:()=>g.get(r).errors,getContext:()=>g.get(r).context,reset:()=>g.set(r,{state:o}),addError:n=>{g.update(r,f=>({...f,errors:[...f.errors??[],n]}))},setContext:n=>{g.update(r,f=>({...f,context:n}))},setErrors:n=>{g.update(r,f=>({...f,errors:n}))},clearErrors:()=>{g.update(r,n=>({...n,errors:void 0}))},setRetry:n=>g.update(r,f=>({...f,retry:n})),whenLoaded:()=>t("success").catch(n=>{throw new Error("loading failed",{cause:n})}),whenFinished:()=>t(["success","error"]),wrap(n){const f=()=>new Promise((c,h)=>{l.clearErrors(),l.set("loading"),n().then(p=>{l.set("success"),c(p)}).catch(p=>{l.set("error"),p&&l.setErrors([p]),h(p)})});return l.setRetry(f),f()},wrapWithControl(n){const f={thens:[],catchs:[],finallies:[]},c={then:(...h)=>(f.thens.push(h),c),catch_:(...h)=>(f.catchs.push(h),c),finally_:(...h)=>(f.finallies.push(h),c),start:()=>new Promise((h,p)=>{l.clearErrors(),l.set("loading");let L=n();L.then(()=>{l.set("success")}),L.catch(E=>{l.set("error"),E&&l.setErrors([E])});for(const E of f.thens)L.then(...E);for(const E of f.catchs)L.catch(...E);for(const E of f.finallies)L.finally(...E);L.then(h,p)})};return l.setRetry(c.start),c},ShowWhenLoaded:({children:n,fallback:f,errorFallback:c})=>{const h=b(r,p=>p.state);return h==="idle"?null:(f=F(e,f),c=A(s,c===!0?void 0:c),h==="loading"?u.jsx(u.Fragment,{children:f}):h==="error"?u.jsx(u.Fragment,{children:w(c,l.getErrors()??[],()=>l.retry())}):u.jsx(u.Fragment,{children:n}))},ShowWhileLoading:a("loading"),ShowWhenError:a("error",()=>[l.getErrors()??[],()=>l.retry()]),ShowWhenFinish:a(["error","success"],()=>[l.getErrors(),()=>l.retry()]),ShowWhen:({children:n,state:f})=>{const c=a(f);return u.jsx(c,{children:n})},destroy:()=>{g.clear(r)},__get__id:()=>`loading_id//${r.prefix}/${r.key}`};return l},R=(o={})=>{const e=v.useRef($(typeof o=="string"?{initialState:o}:o));return v.useEffect(()=>()=>{e.current.destroy()},[]),e.current},ee=({of:o,fallback:e,errorFallback:s,children:i})=>{const r=o.map(t=>t.use());return e=F(void 0,e),r.some(t=>t==="loading")?e:r.every(t=>t!=="loading")?r.some(t=>t==="error")?(s=A(void 0,s),u.jsx(u.Fragment,{children:w(s,o.reduce((t,a)=>[...t,...a.getErrors()??[]],[]),()=>{o.map(t=>{t.isError()&&t.retry()})})})):u.jsx(u.Fragment,{children:i}):null};d.AllLoaded=ee,d.createLoading=$,d.errorFallbacks=k,d.fallbacks=D,d.getDefaultErrorFallback=j,d.getDefaultFallback=V,d.reactNodeOrFunctionValue=w,d.registerDefaultErrorFallback=z,d.registerDefaultFallback=q,d.registerErrorFallback=T,d.registerFallback=W,d.resolveErrorFallback=A,d.resolveLoadingFallback=F,d.useCreateLocalLoading=R,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-loading",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "type": "module",
   "description": "",
   "keywords": [
@@ -36,7 +36,7 @@
     "@tailwindcss/vite": "^4.1.14",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.6.2",
+    "@types/node": "^25.0.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^5.0.4",
@@ -45,7 +45,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-exposed-states": "^1.0.5",
-    "react-shared-states": "^1.0.22",
+    "react-shared-states": "^2.1.0",
     "tailwindcss": "^4.1.14",
     "typescript": "^5.9.3",
     "use-effect-skip-first": "^0.1.2",
@@ -53,7 +53,7 @@
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.15"
   },
   "scripts": {
     "build": "vite build",