react-easy-loading 0.3.1 → 0.3.2

package/dist/main.esm.js

@@ -1,46 +1,54 @@
 /*!
-* react-easy-loading v0.3.1
+* react-easy-loading v0.3.2
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-easy-loading
 */
    
-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 = {}, ne = (a, e) => {
-  k[a] = e;
-}, ie = (a, e) => {
-  C[a] = e;
+import { jsx as p, jsxs as I, Fragment as S } from "react/jsx-runtime";
+import { createContext as B, useEffect as C, useRef as k, useMemo as A, useSyncExternalStore as W, useContext as z } from "react";
+const V = {}, j = {}, ae = (a, e) => {
+  V[a] = e;
+}, oe = (a, e) => {
+  j[a] = e;
 };
-let V = /* @__PURE__ */ p("div", { children: "Loading..." }), R = (a, e) => /* @__PURE__ */ $("div", { children: [
+let R = /* @__PURE__ */ p("div", { children: "Loading..." }), M = (a, e) => /* @__PURE__ */ I("div", { children: [
   /* @__PURE__ */ p("h3", { children: "Errors:" }),
   /* @__PURE__ */ p("ul", { children: a?.map((s, i) => /* @__PURE__ */ p("li", { children: s }, i)) }),
   /* @__PURE__ */ p("button", { onClick: e, disabled: !e, children: "Retry" })
 ] });
-const ae = (a) => {
-  V = a;
-}, oe = (a) => {
+const ue = (a) => {
   R = a;
-}, I = () => V, K = () => R, P = (a, e) => M(I, k, a, e);
-function B(a, e) {
-  return M(K, C, a, e);
+}, ce = (a) => {
+  M = a;
+}, N = () => R, T = () => M, P = (a, e) => $(N, V, a, e);
+function F(a, e) {
+  return $(T, j, a, e);
 }
-function M(a, e, s, i) {
+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) {
+function b(a, ...e) {
   return typeof a == "function" ? a(...e) : a;
 }
-const U = (...a) => {
-}, b = (a) => {
+const K = (...a) => {
+}, D = (a) => {
   if (!a) throw new Error("Value is empty");
   return a;
-}, q = () => Math.random().toString(36).substring(2, 15), N = F(void 0), T = () => z(N), A = [];
+}, U = () => Math.random().toString(36).substring(2, 15), q = B(void 0), G = () => z(q), _ = [], w = /* @__PURE__ */ Symbol.for("react-shared-states.manager");
+function H(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) {
     this.defaultValue = e;
   }
   data = /* @__PURE__ */ new Map();
+  static INSTANCES = /* @__PURE__ */ new Map();
+  static getInstance(e, s = () => null) {
+    return H(e, s);
+  }
   addListener(e, s, i) {
     const r = d.prefix(e, s), t = this.data.get(r);
     t && t.listeners.push(i);
@@ -63,11 +71,11 @@ class d {
   }
   createStatic(e, s, i) {
     const r = i ?? "_global", t = {
-      key: q(),
+      key: U(),
       prefix: r,
       ...e
     };
-    return A.push(t), this.init(t.key, t.prefix, s, !0), this.defaultValue = () => s, t;
+    return _.push(t), this.init(t.key, t.prefix, s, !0), this.defaultValue = () => s, t;
   }
   initStatic(e) {
     const { key: s, prefix: i } = e;
@@ -84,7 +92,7 @@ class d {
     i || this.callListeners(e, s);
     const o = this.data.get(t);
     if (o && (this.data.delete(t), o.isStatic && !r)) {
-      const u = A.find((n) => n.key === e && n.prefix === s);
+      const u = _.find((n) => n.key === e && n.prefix === s);
       u && this.initStatic(u);
     }
   }
@@ -109,14 +117,14 @@ class d {
     return [s[0], s.slice(1).join("//")];
   }
   useEffect(e, s, i = null) {
-    O(() => () => {
-      i?.(), U(`[${d.prefix(e, s)}]`, "unmount effect");
+    C(() => () => {
+      i?.(), K(`[${d.prefix(e, s)}]`, "unmount effect");
       const r = this.get(e, s);
       r && r.listeners?.length === 0 && this.clear(e, s);
     }, [e, s]);
   }
 }
-class G {
+class J {
   constructor(e) {
     this.sharedData = e;
   }
@@ -126,7 +134,7 @@ class G {
       const { key: u, prefix: n } = e;
       i = u, r = n;
     } else
-      i = b(e);
+      i = D(e);
     const t = r || "_global", o = this.sharedData.get(i, t);
     return o ? { value: o.value, key: i, prefix: t } : {
       key: i,
@@ -143,7 +151,7 @@ class G {
       const { key: u, prefix: n } = e;
       r = u, t = n;
     } else
-      r = b(e);
+      r = D(e);
     const o = t || "_global";
     this.sharedData.init(r, o, s), this.sharedData.setValue(r, o, s), this.sharedData.callListeners(r, o);
   }
@@ -154,9 +162,11 @@ class G {
       this.set(r.key, t, r.prefix);
     }
   }
+  // noinspection JSUnusedGlobalSymbols
   clearAll() {
     this.sharedData.clearAll();
   }
+  // noinspection JSUnusedGlobalSymbols
   clearScope(e) {
     const s = e || "_global";
     this.sharedData.data.forEach((i, r) => {
@@ -164,6 +174,7 @@ class G {
       t === s && (this.sharedData.clear(o, t), this.sharedData.callListeners(o, t));
     });
   }
+  // noinspection JSUnusedGlobalSymbols
   resolve(e) {
     const { key: s, prefix: i } = e;
     return this.get(s, i);
@@ -172,10 +183,12 @@ class G {
     let 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, s = "_global") {
     const i = s || "_global";
     return !!this.sharedData.has(e, i);
   }
+  // noinspection JSUnusedGlobalSymbols
   getAll() {
     const e = {};
     return this.sharedData.data.forEach((s, i) => {
@@ -190,19 +203,19 @@ class G {
     };
   }
 }
-const H = (a) => {
-  const e = T();
+const Q = (a) => {
+  const e = G();
   return {
     prefix: a ?? e?.scopeName ?? "_global"
   };
 };
-function J(a) {
+function X(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var S, _;
-function Q() {
-  if (_) return S;
-  _ = 1;
+var L, O;
+function Y() {
+  if (O) return L;
+  O = 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;
@@ -215,18 +228,18 @@ function Q() {
           if (!r(t[n], o[n])) return !1;
         return !0;
       }
-      var f;
+      var l;
       if (e && t instanceof Map && o instanceof Map) {
         if (t.size !== o.size) return !1;
-        for (f = t.entries(); !(n = f.next()).done; )
+        for (l = t.entries(); !(n = l.next()).done; )
           if (!o.has(n.value[0])) return !1;
-        for (f = t.entries(); !(n = f.next()).done; )
+        for (l = t.entries(); !(n = l.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 (f = t.entries(); !(n = f.next()).done; )
+        for (l = t.entries(); !(n = l.next()).done; )
           if (!o.has(n.value[0])) return !1;
         return !0;
       }
@@ -250,7 +263,7 @@ function Q() {
     }
     return t !== t && o !== o;
   }
-  return S = function(t, o) {
+  return L = function(t, o) {
     try {
       return r(t, o);
     } catch (u) {
@@ -258,47 +271,49 @@ function Q() {
         return console.warn("react-fast-compare cannot handle circular refs"), !1;
       throw u;
     }
-  }, S;
+  }, L;
 }
-var X = Q();
-const Y = /* @__PURE__ */ J(X), x = new d(), h = new G(x), Z = (a, e) => x.createStatic({ initialValue: a }, a, e);
+var Z = Y();
+const ee = /* @__PURE__ */ X(Z), x = d.getInstance("sharedStatesManager"), h = new J(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: f, prefix: l } = a;
-    i = f, r = l;
+    const { key: l, prefix: f } = a;
+    i = l, r = f;
   } else
-    i = b(a);
-  const { prefix: t } = H(r), o = j(void 0), u = D(() => (f) => (x.init(i, t, void 0), x.addListener(i, t, f), () => {
-    x.removeListener(i, t, f);
-  }), [i, t]), n = D(() => () => {
-    const f = x.get(i, t)?.value, l = e(f);
-    return Y(o.current, l) ? o.current : (o.current = l, l);
+    i = D(a);
+  const { prefix: t } = Q(r), o = k(void 0), u = A(() => (l) => (x.init(i, t, void 0), x.addListener(i, t, l), () => {
+    x.removeListener(i, t, l);
+  }), [i, t]), n = A(() => () => {
+    const l = x.get(i, t)?.value, f = e(l);
+    return ee(o.current, f) ? o.current : (o.current = f, f);
   }, [i, t, e]), c = W(u, n);
   return x.useEffect(i, t), c;
 }
-const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
+d.getInstance("SharedFunctionValue");
+d.getInstance("SharedSubscription");
+const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, re = ({
   initialState: a = "loading",
   defaultFallback: e,
   defaultErrorFallback: s,
   defaultRetry: i
 } = {}) => {
-  const r = Z({
+  const r = te({
     state: a,
     retry: i
   }), t = (n) => {
     let c = u.get();
-    return new Promise((f, l) => {
+    return new Promise((l, f) => {
       if (m(u.get(), n)) {
-        f();
+        l();
         return;
       }
       const g = h.subscribe(r, () => {
-        m(u.get(), n) ? (g(), f()) : c !== u.get() && l();
+        m(u.get(), n) ? (g(), l()) : c !== u.get() && f();
       });
     });
   }, o = function(n, c = () => []) {
-    return (f) => E(r, (g) => m(g.state, n)) ? /* @__PURE__ */ p(w, { children: L(f.children, ...c()) }) : null;
+    return (l) => E(r, (g) => m(g.state, n)) ? /* @__PURE__ */ p(S, { children: b(l.children, ...c()) }) : null;
   }, u = {
     //hooks
     use: () => E(r, (n) => n.state),
@@ -346,11 +361,11 @@ const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
     whenFinished: () => t(["success", "error"]),
     // wrap a promise
     wrap(n) {
-      const c = () => new Promise((f, l) => {
+      const c = () => new Promise((l, f) => {
         u.clearErrors(), u.set("loading"), n().then((g) => {
-          u.set("success"), f(g);
+          u.set("success"), l(g);
         }).catch((g) => {
-          u.set("error"), g && u.setErrors([g]), l(g);
+          u.set("error"), g && u.setErrors([g]), f(g);
         });
       });
       return u.setRetry(c), c();
@@ -360,11 +375,11 @@ const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
         thens: [],
         catchs: [],
         finallies: []
-      }, f = {
-        then: (...l) => (c.thens.push(l), f),
-        catch_: (...l) => (c.catchs.push(l), f),
-        finally_: (...l) => (c.finallies.push(l), f),
-        start: () => new Promise((l, g) => {
+      }, l = {
+        then: (...f) => (c.thens.push(f), l),
+        catch_: (...f) => (c.catchs.push(f), l),
+        finally_: (...f) => (c.finallies.push(f), l),
+        start: () => new Promise((f, g) => {
           u.clearErrors(), u.set("loading");
           let v = n();
           v.then(() => {
@@ -378,23 +393,23 @@ const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
             v.catch(...y);
           for (const y of c.finallies)
             v.finally(...y);
-          v.then(l, g);
+          v.then(f, g);
         })
       };
-      return u.setRetry(f.start), f;
+      return u.setRetry(l.start), l;
     },
     // components
     // - show when
-    ShowWhenLoaded: ({ children: n, fallback: c, errorFallback: f }) => {
-      const l = E(r, (g) => g.state);
-      return l === "idle" ? null : (c = P(e, c), f = B(s, f === !0 ? void 0 : f), l === "loading" ? /* @__PURE__ */ p(w, { children: c }) : l === "error" ? /* @__PURE__ */ p(w, { children: L(f, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(w, { children: n }));
+    ShowWhenLoaded: ({ children: n, fallback: c, errorFallback: l }) => {
+      const f = E(r, (g) => g.state);
+      return f === "idle" ? null : (c = P(e, c), l = F(s, l === !0 ? void 0 : l), f === "loading" ? /* @__PURE__ */ p(S, { children: c }) : f === "error" ? /* @__PURE__ */ p(S, { children: b(l, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(S, { children: n }));
     },
     ShowWhileLoading: o("loading"),
     ShowWhenError: o("error", () => [u.getErrors() ?? [], () => u.retry()]),
     ShowWhenFinish: o(["error", "success"], () => [u.getErrors(), () => u.retry()]),
     ShowWhen: ({ children: n, state: c }) => {
-      const f = o(c);
-      return /* @__PURE__ */ p(f, { children: n });
+      const l = o(c);
+      return /* @__PURE__ */ p(l, { children: n });
     },
     destroy: () => {
       h.clear(r);
@@ -408,16 +423,16 @@ const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
     __get__id: () => `loading_id//${r.prefix}/${r.key}`
   };
   return u;
-}, te = (a) => ee(typeof a == "string" ? {
+}, se = (a) => re(typeof a == "string" ? {
   initialState: a
-} : a), ue = (a = {}) => {
-  const e = j(void 0);
-  return e.current || (e.current = te(a)), O(() => () => {
+} : a), le = (a = {}) => {
+  const e = k(void 0);
+  return e.current || (e.current = se(a)), C(() => () => {
     e.current.destroy(), e.current = void 0;
   }, []), e.current;
-}, ce = ({ of: a, fallback: e, errorFallback: s, children: i }) => {
+}, fe = ({ of: a, fallback: e, errorFallback: s, children: i }) => {
   const r = a.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(
+  return e = P(void 0, e), r.some((t) => t === "loading") ? e : r.every((t) => t !== "loading") ? r.some((t) => t === "error") ? (s = F(void 0, s), /* @__PURE__ */ p(S, { children: b(
     s,
     a.reduce((t, o) => [...t, ...o.getErrors() ?? []], []),
     () => {
@@ -425,21 +440,21 @@ const m = (a, e) => Array.isArray(e) && e.includes(a) || a === e, ee = ({
         t.isError() && t.retry();
       });
     }
-  ) })) : /* @__PURE__ */ p(w, { children: i }) : null;
+  ) })) : /* @__PURE__ */ p(S, { children: i }) : null;
 };
 export {
-  ce as AllLoaded,
-  ee as createLoading,
-  C as errorFallbacks,
-  k as fallbacks,
-  K as getDefaultErrorFallback,
-  I as getDefaultFallback,
-  L as reactNodeOrFunctionValue,
-  oe as registerDefaultErrorFallback,
-  ae as registerDefaultFallback,
-  ie as registerErrorFallback,
-  ne as registerFallback,
-  B as resolveErrorFallback,
+  fe as AllLoaded,
+  re as createLoading,
+  j as errorFallbacks,
+  V as fallbacks,
+  T as getDefaultErrorFallback,
+  N as getDefaultFallback,
+  b as reactNodeOrFunctionValue,
+  ce as registerDefaultErrorFallback,
+  ue as registerDefaultFallback,
+  oe as registerErrorFallback,
+  ae as registerFallback,
+  F as resolveErrorFallback,
   P as resolveLoadingFallback,
-  ue as useCreateLocalLoading
+  le as useCreateLocalLoading
 };

package/dist/main.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-loading",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "description": "",
   "keywords": [
@@ -33,27 +33,27 @@
   },
   "homepage": "https://github.com/HichemTab-tech/react-easy-loading#readme",
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.18",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^25.0.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@testing-library/react": "^16.3.1",
+    "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
     "classnames": "^2.5.1",
-    "jsdom": "^27.0.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "jsdom": "^27.4.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-exposed-states": "^1.0.5",
-    "react-shared-states": "^2.1.0",
-    "tailwindcss": "^4.1.14",
+    "react-shared-states": "^2.1.2",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
-    "use-effect-skip-first": "^0.1.2",
-    "vite": "^7.1.9",
+    "use-effect-skip-first": "^0.1.3",
+    "vite": "^7.3.0",
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.15"
+    "vitest": "^4.0.16"
   },
   "scripts": {
     "build": "vite build",