react-easy-loading 0.3.5-beta → 0.3.6-beta

package/dist/main.esm.js

@@ -1,43 +1,44 @@
 /*!
-* react-easy-loading v0.3.5-beta
+* react-easy-loading v0.3.6-beta
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-easy-loading
 */
    
-import { jsx as p, jsxs as $, Fragment as E } from "react/jsx-runtime";
-import { createContext as W, useEffect as k, useRef as V, useMemo as I, useSyncExternalStore as z, useContext as T } from "react";
-const C = {}, q = {}, oe = (a, e) => {
+import { jsx as p, jsxs as B, Fragment as _ } from "react/jsx-runtime";
+import { createContext as W, useEffect as j, useRef as k, useMemo as I, useSyncExternalStore as z, useContext as K } from "react";
+const C = {}, q = {}, ue = (a, e) => {
   C[a] = e;
-}, ue = (a, e) => {
+}, ce = (a, e) => {
   q[a] = e;
 };
-let M = /* @__PURE__ */ p("div", { children: "Loading..." }), P = (a, e) => /* @__PURE__ */ $("div", { children: [
+let P = /* @__PURE__ */ p("div", { children: "Loading..." }), R = (a, e) => /* @__PURE__ */ B("div", { children: [
   /* @__PURE__ */ p("h3", { children: "Errors:" }),
-  /* @__PURE__ */ p("ul", { children: a?.map((n, i) => /* @__PURE__ */ p("li", { children: n }, i)) }),
+  /* @__PURE__ */ p("ul", { children: a?.map((s, i) => /* @__PURE__ */ p("li", { children: s }, i)) }),
   /* @__PURE__ */ p("button", { onClick: e, disabled: !e, children: "Retry" })
 ] });
-const ce = (a) => {
-  M = a;
-}, le = (a) => {
+const le = (a) => {
   P = a;
-}, U = () => M, K = () => P, R = (a, e) => B(U, C, a, e);
-function F(a, e) {
-  return B(K, q, a, e);
+}, fe = (a) => {
+  R = a;
+}, T = () => P, U = () => R, F = (a, e) => $(T, C, a, e);
+function M(a, e) {
+  return $(U, q, a, e);
 }
-function B(a, e, n, i) {
-  return i ? typeof i == "string" ? e[i] ?? i : i : i === null ? null : n ? typeof n == "string" ? e[n] ?? n : n : a();
+function $(a, e, s, i) {
+  return i ? typeof i == "string" ? e[i] ?? i : i : i === null ? null : s ? typeof s == "string" ? e[s] ?? s : s : a();
 }
 function L(a, ...e) {
   return typeof a == "function" ? a(...e) : a;
 }
-const b = (a) => {
+const N = (...a) => {
+}, b = (a) => {
   if (!a) throw new Error("Value is empty");
   return a;
-}, D = () => Math.random().toString(36).substring(2, 15), N = W(void 0), G = () => T(N), O = [], w = /* @__PURE__ */ Symbol.for("react-shared-states.manager");
-function H(a, e = () => null) {
-  const n = globalThis;
-  return n[w] || (n[w] = {}), n[w][a] || (n[w][a] = new d(e)), n[w][a];
+}, D = () => Math.random().toString(36).substring(2, 15), G = W(void 0), H = () => K(G), O = [], w = /* @__PURE__ */ Symbol.for("react-shared-states.manager");
+function J(a, e = () => null) {
+  const s = globalThis;
+  return s[w] || (s[w] = {}), s[w][a] || (s[w][a] = new d(e)), s[w][a];
 }
 class d {
   constructor(e = () => null) {
@@ -51,80 +52,82 @@ class d {
   __get__uniqueId() {
     return this._uniqueId;
   }
-  static getInstance(e, n = () => null) {
-    return H(e, n);
+  static getInstance(e, s = () => null) {
+    return J(e, s);
   }
-  addListener(e, n, i) {
-    const r = d.prefix(e, n), t = this.data.get(r);
+  addListener(e, s, i) {
+    const r = d.prefix(e, s), t = this.data.get(r);
     t && t.listeners.push(i);
   }
-  removeListener(e, n, i) {
-    const r = d.prefix(e, n), t = this.data.get(r);
+  removeListener(e, s, i) {
+    const r = d.prefix(e, s), t = this.data.get(r);
     t && (t.listeners = t.listeners.filter((o) => o !== i));
   }
-  callListeners(e, n) {
-    const i = d.prefix(e, n), r = this.data.get(i);
+  callListeners(e, s) {
+    const i = d.prefix(e, s), r = this.data.get(i);
     r && r.listeners.forEach((t) => t());
   }
-  init(e, n, i, r = !1) {
-    const t = d.prefix(e, n);
+  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, n, i) {
+  createStatic(e, s, i) {
     const r = i ?? "_global", t = {
       key: D(),
       prefix: r,
       ...e
     };
-    return O.push(t), this.init(t.key, t.prefix, n, !0), this.defaultValue = () => n, t;
+    return O.push(t), this.init(t.key, t.prefix, s, !0), this.defaultValue = () => s, t;
   }
   initStatic(e) {
-    const { key: n, prefix: i } = e;
-    this.init(n, i, this.defaultValue(), !0);
+    const { key: s, prefix: i } = e;
+    this.init(s, i, this.defaultValue(), !0);
   }
-  clearAll(e = !1, n = !1) {
+  clearAll(e = !1, s = !1) {
     this.data.forEach((i, r) => {
       const [t, o] = d.extractPrefix(r);
-      this.clear(o, t, e, n);
+      this.clear(o, t, e, s);
     });
   }
-  clear(e, n, i = !1, r = !1) {
-    const t = d.prefix(e, n);
-    i || this.callListeners(e, n);
+  clear(e, s, i = !1, r = !1) {
+    const t = d.prefix(e, s);
+    i || this.callListeners(e, s);
     const o = this.data.get(t);
     if (o && (this.data.delete(t), o.isStatic && !r)) {
-      const u = O.find((s) => s.key === e && s.prefix === n);
+      const u = O.find((n) => n.key === e && n.prefix === s);
       u && this.initStatic(u);
     }
   }
-  get(e, n) {
-    let i = this.has(e, n);
+  get(e, s) {
+    let i = this.has(e, s);
     if (i)
       return this.data.get(i);
   }
-  setValue(e, n, i) {
-    const r = d.prefix(e, n), t = this.data.get(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, n) {
-    return this.data.has(d.prefix(e, n)) ? d.prefix(e, n) : this.data.has(d.prefix(e, "_global")) ? d.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, n) {
+  static prefix(e, s) {
     if (e.includes("//")) throw new Error("key cannot contain '//'");
-    return `${n}//${e}`;
+    return `${s}//${e}`;
   }
   static extractPrefix(e) {
-    const n = e.split("//");
-    return [n[0], n.slice(1).join("//")];
+    const s = e.split("//");
+    return [s[0], s.slice(1).join("//")];
   }
-  useEffect(e, n, i = null) {
-    k(() => () => {
-      i?.();
-    }, [e, n]);
+  useEffect(e, s, i = null) {
+    j(() => () => {
+      i?.(), N(`[${d.prefix(e, s)}]`, "unmount effect");
+      const r = this.get(e, s);
+      r && r.listeners?.length === 0 && this.clear(e, s);
+    }, []);
   }
 }
 class A {
@@ -132,11 +135,11 @@ class A {
     this.sharedData = e, this._uniqueId = D();
   }
   _uniqueId;
-  _get(e, n) {
-    let i, r = n;
+  _get(e, s) {
+    let i, r = s;
     if (typeof e != "string") {
-      const { key: u, prefix: s } = e;
-      i = u, r = s;
+      const { key: u, prefix: n } = e;
+      i = u, r = n;
     } else
       i = b(e);
     const t = r || "_global", o = this.sharedData.get(i, t);
@@ -152,23 +155,23 @@ class A {
       managerId: this.sharedData.__get__uniqueId()
     };
   }
-  get(e, n) {
-    return this._get(e, n).value;
+  get(e, s) {
+    return this._get(e, s).value;
   }
-  set(e, n, i) {
+  set(e, s, i) {
     let r, t = i;
     if (typeof e != "string") {
-      const { key: u, prefix: s } = e;
-      r = u, t = s;
+      const { key: u, prefix: n } = e;
+      r = u, t = n;
     } else
       r = b(e);
     const o = t || "_global";
-    this.sharedData.init(r, o, n), this.sharedData.setValue(r, o, n), this.sharedData.callListeners(r, o);
+    this.sharedData.init(r, o, s), this.sharedData.setValue(r, o, s), this.sharedData.callListeners(r, o);
   }
-  update(e, n, i) {
+  update(e, s, i) {
     const r = this._get(e, i);
     if (r) {
-      const t = n(r.value);
+      const t = s(r.value);
       this.set(r.key, t, r.prefix);
     }
   }
@@ -178,96 +181,96 @@ class A {
   }
   // noinspection JSUnusedGlobalSymbols
   clearScope(e) {
-    const n = e || "_global";
+    const s = e || "_global";
     this.sharedData.data.forEach((i, r) => {
       const [t, o] = d.extractPrefix(r);
-      t === n && (this.sharedData.clear(o, t), this.sharedData.callListeners(o, t));
+      t === s && (this.sharedData.clear(o, t), this.sharedData.callListeners(o, t));
     });
   }
   // noinspection JSUnusedGlobalSymbols
   resolve(e) {
-    const { key: n, prefix: i } = e;
-    return this.get(n, i);
+    const { key: s, prefix: i } = e;
+    return this.get(s, i);
   }
-  clear(e, n) {
+  clear(e, s) {
     let i, r;
-    typeof e == "string" ? (i = e, r = n || "_global") : (i = e.key, r = e.prefix), this.sharedData.clear(i, r);
+    typeof e == "string" ? (i = e, r = s || "_global") : (i = e.key, r = e.prefix), this.sharedData.clear(i, r);
   }
   // noinspection JSUnusedGlobalSymbols
-  has(e, n = "_global") {
-    const i = n || "_global";
+  has(e, s = "_global") {
+    const i = s || "_global";
     return !!this.sharedData.has(e, i);
   }
   // noinspection JSUnusedGlobalSymbols
   getAll() {
     const e = {};
-    return this.sharedData.data.forEach((n, i) => {
+    return this.sharedData.data.forEach((s, i) => {
       const [r, t] = d.extractPrefix(i);
-      e[r] = e[r] || {}, e[r][t] = n.value;
+      e[r] = e[r] || {}, e[r][t] = s.value;
     }), e;
   }
-  subscribe(e, n, i) {
+  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, n), () => {
-      this.sharedData.removeListener(r, t, n);
+    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 J = (a) => {
-  const e = G();
+const Q = (a) => {
+  const e = H();
   return {
     prefix: a ?? e?.scopeName ?? "_global"
   };
 };
-function Q(a) {
+function X(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var m, j;
-function X() {
-  if (j) return m;
-  j = 1;
-  var a = typeof Element < "u", e = typeof Map == "function", n = typeof Set == "function", i = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+var m, V;
+function Y() {
+  if (V) return m;
+  V = 1;
+  var a = typeof Element < "u", e = typeof Map == "function", s = typeof Set == "function", i = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
   function r(t, o) {
     if (t === o) return !0;
     if (t && o && typeof t == "object" && typeof o == "object") {
       if (t.constructor !== o.constructor) return !1;
-      var u, s, c;
+      var u, n, c;
       if (Array.isArray(t)) {
         if (u = t.length, u != o.length) return !1;
-        for (s = u; s-- !== 0; )
-          if (!r(t[s], o[s])) return !1;
+        for (n = u; n-- !== 0; )
+          if (!r(t[n], o[n])) return !1;
         return !0;
       }
       var l;
       if (e && t instanceof Map && o instanceof Map) {
         if (t.size !== o.size) return !1;
-        for (l = t.entries(); !(s = l.next()).done; )
-          if (!o.has(s.value[0])) return !1;
-        for (l = t.entries(); !(s = l.next()).done; )
-          if (!r(s.value[1], o.get(s.value[0]))) return !1;
+        for (l = t.entries(); !(n = l.next()).done; )
+          if (!o.has(n.value[0])) return !1;
+        for (l = t.entries(); !(n = l.next()).done; )
+          if (!r(n.value[1], o.get(n.value[0]))) return !1;
         return !0;
       }
-      if (n && t instanceof Set && o instanceof Set) {
+      if (s && t instanceof Set && o instanceof Set) {
         if (t.size !== o.size) return !1;
-        for (l = t.entries(); !(s = l.next()).done; )
-          if (!o.has(s.value[0])) return !1;
+        for (l = t.entries(); !(n = l.next()).done; )
+          if (!o.has(n.value[0])) return !1;
         return !0;
       }
       if (i && ArrayBuffer.isView(t) && ArrayBuffer.isView(o)) {
         if (u = t.length, u != o.length) return !1;
-        for (s = u; s-- !== 0; )
-          if (t[s] !== o[s]) return !1;
+        for (n = u; n-- !== 0; )
+          if (t[n] !== o[n]) return !1;
         return !0;
       }
       if (t.constructor === RegExp) return t.source === o.source && t.flags === o.flags;
       if (t.valueOf !== Object.prototype.valueOf && typeof t.valueOf == "function" && typeof o.valueOf == "function") return t.valueOf() === o.valueOf();
       if (t.toString !== Object.prototype.toString && typeof t.toString == "function" && typeof o.toString == "function") return t.toString() === o.toString();
       if (c = Object.keys(t), u = c.length, u !== Object.keys(o).length) return !1;
-      for (s = u; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(o, c[s])) return !1;
+      for (n = u; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(o, c[n])) return !1;
       if (a && t instanceof Element) return !1;
-      for (s = u; s-- !== 0; )
-        if (!((c[s] === "_owner" || c[s] === "__v" || c[s] === "__o") && t.$$typeof) && !r(t[c[s]], o[c[s]]))
+      for (n = u; n-- !== 0; )
+        if (!((c[n] === "_owner" || c[n] === "__v" || c[n] === "__o") && t.$$typeof) && !r(t[c[n]], o[c[n]]))
           return !1;
       return !0;
     }
@@ -283,64 +286,64 @@ function X() {
     }
   }, m;
 }
-var Y = X();
-const Z = /* @__PURE__ */ Q(Y), x = d.getInstance("sharedStatesManager"), h = new A(x), ee = (a, e) => x.createStatic({ initialValue: a }, a, e);
-function _(a, e, n) {
-  let i, r = n;
+var Z = Y();
+const ee = /* @__PURE__ */ X(Z), x = d.getInstance("sharedStatesManager"), h = new A(x), te = (a, e) => x.createStatic({ initialValue: a }, a, e);
+function E(a, e, s) {
+  let i, r = s;
   if (typeof a != "string") {
     const { key: l, prefix: f } = a;
     i = l, r = f;
   } else
     i = b(a);
-  const { prefix: t } = J(r), o = V(void 0), u = I(() => (l) => (x.init(i, t, void 0), x.addListener(i, t, l), () => {
+  const { prefix: t } = Q(r), o = k(void 0), u = I(() => (l) => (x.init(i, t, void 0), x.addListener(i, t, l), () => {
     x.removeListener(i, t, l);
-  }), [i, t]), s = I(() => () => {
+  }), [i, t]), n = I(() => () => {
     const l = x.get(i, t)?.value, f = e(l);
-    return Z(o.current, f) ? o.current : (o.current = f, f);
-  }, [i, t, e]), c = z(u, s);
+    return ee(o.current, f) ? o.current : (o.current = f, f);
+  }, [i, t, e]), c = z(u, n);
   return x.useEffect(i, t), c;
 }
-const te = d.getInstance("SharedFunctionValue");
-new A(te);
-const re = d.getInstance("SharedSubscription");
+const re = d.getInstance("SharedFunctionValue");
 new A(re);
+const se = d.getInstance("SharedSubscription");
+new A(se);
 const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
   initialState: a = "loading",
   defaultFallback: e,
-  defaultErrorFallback: n,
+  defaultErrorFallback: s,
   defaultRetry: i
 } = {}) => {
-  const r = ee({
+  const r = te({
     state: a,
     retry: i
-  }), t = (s) => {
+  }), t = (n) => {
     let c = u.get();
     return new Promise((l, f) => {
-      if (S(u.get(), s)) {
+      if (S(u.get(), n)) {
         l();
         return;
       }
       const g = h.subscribe(r, () => {
-        S(u.get(), s) ? (g(), l()) : c !== u.get() && f();
+        S(u.get(), n) ? (g(), l()) : c !== u.get() && f();
       });
     });
-  }, o = function(s, c = () => []) {
-    return (l) => _(r, (g) => S(g.state, s)) ? /* @__PURE__ */ p(E, { children: L(l.children, ...c()) }) : null;
+  }, o = function(n, c = () => []) {
+    return (l) => E(r, (g) => S(g.state, n)) ? /* @__PURE__ */ p(_, { children: L(l.children, ...c()) }) : null;
   }, u = {
     //hooks
-    use: () => _(r, (s) => s.state),
-    useIsLoading: () => _(r, (s) => s.state) === "loading",
-    useErrors: () => _(r, (s) => s.errors),
-    useContext: () => _(r, (s) => s.context),
-    set: (s) => h.update(r, (c) => ({ ...c, state: s })),
-    retry: (s) => (h.get(r).retry ?? s)?.(),
+    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, (c) => ({ ...c, state: n })),
+    retry: (n) => (h.get(r).retry ?? n)?.(),
     // getters
     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: (s) => S(u.get(), s),
+    is: (n) => S(u.get(), n),
     hasErrors: () => h.get(r).errors !== void 0,
     get: () => h.get(r).state,
     getErrors: () => h.get(r).errors,
@@ -349,32 +352,32 @@ const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
     reset: () => h.set(r, {
       state: a
     }),
-    addError: (s) => {
+    addError: (n) => {
       h.update(r, (c) => ({
         ...c,
-        errors: [...c.errors ?? [], s]
+        errors: [...c.errors ?? [], n]
       }));
     },
-    setContext: (s) => {
-      h.update(r, (c) => ({ ...c, context: s }));
+    setContext: (n) => {
+      h.update(r, (c) => ({ ...c, context: n }));
     },
-    setErrors: (s) => {
-      h.update(r, (c) => ({ ...c, errors: s }));
+    setErrors: (n) => {
+      h.update(r, (c) => ({ ...c, errors: n }));
     },
     clearErrors: () => {
-      h.update(r, (s) => ({ ...s, errors: void 0 }));
+      h.update(r, (n) => ({ ...n, errors: void 0 }));
     },
     // set a retry function
-    setRetry: (s) => h.update(r, (c) => ({ ...c, retry: s })),
+    setRetry: (n) => h.update(r, (c) => ({ ...c, retry: n })),
     // promises
-    whenLoaded: () => t("success").catch((s) => {
-      throw new Error("loading failed", { cause: s });
+    whenLoaded: () => t("success").catch((n) => {
+      throw new Error("loading failed", { cause: n });
     }),
     whenFinished: () => t(["success", "error"]),
     // wrap a promise
-    wrap(s) {
+    wrap(n) {
       const c = () => new Promise((l, f) => {
-        u.clearErrors(), u.set("loading"), s().then((g) => {
+        u.clearErrors(), u.set("loading"), n().then((g) => {
           u.set("success"), l(g);
         }).catch((g) => {
           u.set("error"), g && u.setErrors([g]), f(g);
@@ -382,7 +385,7 @@ const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
       });
       return u.setRetry(c), c();
     },
-    wrapWithControl(s) {
+    wrapWithControl(n) {
       const c = {
         thens: [],
         catchs: [],
@@ -393,7 +396,7 @@ const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
         finally_: (...f) => (c.finallies.push(f), l),
         start: () => new Promise((f, g) => {
           u.clearErrors(), u.set("loading");
-          let v = s();
+          let v = n();
           v.then(() => {
             u.set("success");
           }), v.catch((y) => {
@@ -412,16 +415,16 @@ const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
     },
     // components
     // - show when
-    ShowWhenLoaded: ({ children: s, fallback: c, errorFallback: l }) => {
-      const f = _(r, (g) => g.state);
-      return f === "idle" ? null : (c = R(e, c), l = F(n, l === !0 ? void 0 : l), f === "loading" ? /* @__PURE__ */ p(E, { children: c }) : f === "error" ? /* @__PURE__ */ p(E, { children: L(l, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(E, { children: s }));
+    ShowWhenLoaded: ({ children: n, fallback: c, errorFallback: l }) => {
+      const f = E(r, (g) => g.state);
+      return f === "idle" ? null : (c = F(e, c), l = M(s, l === !0 ? void 0 : l), f === "loading" ? /* @__PURE__ */ p(_, { children: c }) : f === "error" ? /* @__PURE__ */ p(_, { children: L(l, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(_, { children: n }));
     },
     ShowWhileLoading: o("loading"),
     ShowWhenError: o("error", () => [u.getErrors() ?? [], () => u.retry()]),
     ShowWhenFinish: o(["error", "success"], () => [u.getErrors(), () => u.retry()]),
-    ShowWhen: ({ children: s, state: c }) => {
+    ShowWhen: ({ children: n, state: c }) => {
       const l = o(c);
-      return /* @__PURE__ */ p(l, { children: s });
+      return /* @__PURE__ */ p(l, { children: n });
     },
     destroy: () => {
       h.clear(r);
@@ -438,38 +441,38 @@ const S = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ne = ({
     })
   };
   return u;
-}, se = (a) => ne(typeof a == "string" ? {
+}, ie = (a) => ne(typeof a == "string" ? {
   initialState: a
-} : a), fe = (a = {}) => {
-  const e = V(void 0);
-  return e.current || (e.current = se(a)), k(() => () => {
+} : a), he = (a = {}) => {
+  const e = k(void 0);
+  return e.current || (e.current = ie(a)), j(() => () => {
     e.current.destroy(), e.current = void 0;
   }, []), e.current;
-}, he = ({ of: a, fallback: e, errorFallback: n, children: i }) => {
+}, de = ({ of: a, fallback: e, errorFallback: s, children: i }) => {
   const r = a.map((t) => t.use());
-  return e = R(void 0, e), r.some((t) => t === "loading") ? e : r.every((t) => t !== "loading") ? r.some((t) => t === "error") ? (n = F(void 0, n), /* @__PURE__ */ p(E, { children: L(
-    n,
+  return e = F(void 0, e), r.some((t) => t === "loading") ? e : r.every((t) => t !== "loading") ? r.some((t) => t === "error") ? (s = M(void 0, s), /* @__PURE__ */ p(_, { children: L(
+    s,
     a.reduce((t, o) => [...t, ...o.getErrors() ?? []], []),
     () => {
       a.map((t) => {
         t.isError() && t.retry();
       });
     }
-  ) })) : /* @__PURE__ */ p(E, { children: i }) : null;
+  ) })) : /* @__PURE__ */ p(_, { children: i }) : null;
 };
 export {
-  he as AllLoaded,
+  de as AllLoaded,
   ne as createLoading,
   q as errorFallbacks,
   C as fallbacks,
-  K as getDefaultErrorFallback,
-  U as getDefaultFallback,
+  U as getDefaultErrorFallback,
+  T as getDefaultFallback,
   L as reactNodeOrFunctionValue,
-  le as registerDefaultErrorFallback,
-  ce as registerDefaultFallback,
-  ue as registerErrorFallback,
-  oe as registerFallback,
-  F as resolveErrorFallback,
-  R as resolveLoadingFallback,
-  fe as useCreateLocalLoading
+  fe as registerDefaultErrorFallback,
+  le as registerDefaultFallback,
+  ce as registerErrorFallback,
+  ue as registerFallback,
+  M as resolveErrorFallback,
+  F as resolveLoadingFallback,
+  he as useCreateLocalLoading
 };

package/dist/main.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-loading",
-  "version": "0.3.5-beta",
+  "version": "0.3.6-beta",
   "type": "module",
   "description": "",
   "keywords": [
@@ -45,7 +45,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-exposed-states": "^1.0.5",
-    "react-shared-states": "2.1.5-beta",
+    "react-shared-states": "2.1.6-beta",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
     "use-effect-skip-first": "^0.1.3",