react-easy-loading 0.2.0 → 0.3.0

package/README.md

@@ -117,6 +117,8 @@ 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();

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

@@ -1,3 +1,3 @@
 import { CreateLoadingOptions, Loading } from './create-loading';
-export declare const useCreateLocalLoading: <Errors extends unknown[] = string[], Context extends Record<string, unknown> = any>(createLoadingOptions?: CreateLoadingOptions) => Loading<Errors, Context>;
+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

@@ -1 +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,oBAAyB,KAAG,OAAO,CAAC,MAAM,EAAE,OAAO,CAUlM,CAAA"}
+{"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/main.esm.js

@@ -1,5 +1,5 @@
 /*!
-* react-easy-loading v0.2.0
+* react-easy-loading v0.3.0
 * (c) Hichem Taboukouyout
 * Released under the MIT License.
 * Github: github.com/HichemTab-tech/react-easy-loading
@@ -28,7 +28,7 @@ function B(o, e) {
 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 S(o, ...e) {
+function L(o, ...e) {
   return typeof o == "function" ? o(...e) : o;
 }
 const U = (...o) => {
@@ -199,34 +199,34 @@ const H = (o) => {
 function J(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var L, _;
+var S, _;
 function Q() {
-  if (_) return L;
+  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, c;
+      var u, n, f;
       if (Array.isArray(t)) {
         if (u = t.length, u != a.length) return !1;
         for (n = u; n-- !== 0; )
           if (!r(t[n], a[n])) return !1;
         return !0;
       }
-      var f;
+      var c;
       if (e && t instanceof Map && a instanceof Map) {
         if (t.size !== a.size) return !1;
-        for (f = t.entries(); !(n = f.next()).done; )
+        for (c = t.entries(); !(n = c.next()).done; )
           if (!a.has(n.value[0])) return !1;
-        for (f = t.entries(); !(n = f.next()).done; )
+        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 (f = t.entries(); !(n = f.next()).done; )
+        for (c = t.entries(); !(n = c.next()).done; )
           if (!a.has(n.value[0])) return !1;
         return !0;
       }
@@ -239,18 +239,18 @@ function Q() {
       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 (c = Object.keys(t), u = c.length, u !== Object.keys(a).length) return !1;
+      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(a, c[n])) 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 (!((c[n] === "_owner" || c[n] === "__v" || c[n] === "__o") && t.$$typeof) && !r(t[c[n]], a[c[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 t !== t && a !== a;
   }
-  return L = function(t, a) {
+  return S = function(t, a) {
     try {
       return r(t, a);
     } catch (u) {
@@ -258,24 +258,24 @@ function Q() {
         return console.warn("react-fast-compare cannot handle circular refs"), !1;
       throw u;
     }
-  }, L;
+  }, S;
 }
 var X = Q();
 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: f, prefix: l } = o;
-    i = f, r = l;
+    const { key: c, prefix: l } = o;
+    i = c, r = l;
   } else
     i = b(o);
-  const { prefix: t } = H(r), a = j(void 0), u = D(() => (f) => (x.init(i, t, void 0), x.addListener(i, t, f), () => {
-    x.removeListener(i, t, f);
+  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 f = x.get(i, t)?.value, l = e(f);
+    const c = x.get(i, t)?.value, l = e(c);
     return Y(a.current, l) ? a.current : (a.current = l, l);
-  }, [i, t, e]), c = W(u, n);
-  return x.useEffect(i, t), c;
+  }, [i, t, e]), f = W(u, n);
+  return x.useEffect(i, t), f;
 }
 const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
   initialState: o = "loading",
@@ -287,25 +287,25 @@ const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
     state: o,
     retry: i
   }), t = (n) => {
-    let c = u.get();
-    return new Promise((f, l) => {
+    let f = u.get();
+    return new Promise((c, l) => {
       if (m(u.get(), n)) {
-        f();
+        c();
         return;
       }
       const g = h.subscribe(r, () => {
-        m(u.get(), n) ? (g(), f()) : c !== u.get() && l();
+        m(u.get(), n) ? (g(), c()) : f !== u.get() && l();
       });
     });
-  }, a = function(n, c = () => []) {
-    return (f) => E(r, (g) => m(g.state, n)) ? /* @__PURE__ */ p(w, { children: S(f.children, ...c()) }) : 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: () => 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 })),
+    set: (n) => h.update(r, (f) => ({ ...f, state: n })),
     retry: (n) => (h.get(r).retry ?? n)?.(),
     // getters
     isLoading: () => h.get(r).state === "loading",
@@ -323,22 +323,22 @@ const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
       state: o
     }),
     addError: (n) => {
-      h.update(r, (c) => ({
-        ...c,
-        errors: [...c.errors ?? [], n]
+      h.update(r, (f) => ({
+        ...f,
+        errors: [...f.errors ?? [], n]
       }));
     },
     setContext: (n) => {
-      h.update(r, (c) => ({ ...c, context: n }));
+      h.update(r, (f) => ({ ...f, context: n }));
     },
     setErrors: (n) => {
-      h.update(r, (c) => ({ ...c, errors: n }));
+      h.update(r, (f) => ({ ...f, errors: n }));
     },
     clearErrors: () => {
       h.update(r, (n) => ({ ...n, errors: void 0 }));
     },
     // set a retry function
-    setRetry: (n) => h.update(r, (c) => ({ ...c, retry: n })),
+    setRetry: (n) => h.update(r, (f) => ({ ...f, retry: n })),
     // promises
     whenLoaded: () => t("success").catch((n) => {
       throw new Error("loading failed", { cause: n });
@@ -346,24 +346,24 @@ const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
     whenFinished: () => t(["success", "error"]),
     // wrap a promise
     wrap(n) {
-      const c = () => new Promise((f, l) => {
+      const f = () => new Promise((c, l) => {
         u.clearErrors(), u.set("loading"), n().then((g) => {
-          u.set("success"), f(g);
+          u.set("success"), c(g);
         }).catch((g) => {
           u.set("error"), g && u.setErrors([g]), l(g);
         });
       });
-      return u.setRetry(c), c();
+      return u.setRetry(f), f();
     },
     wrapWithControl(n) {
-      const c = {
+      const f = {
         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),
+      }, 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 v = n();
@@ -372,29 +372,29 @@ const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
           }), v.catch((y) => {
             u.set("error"), y && u.setErrors([y]);
           });
-          for (const y of c.thens)
+          for (const y of f.thens)
             v.then(...y);
-          for (const y of c.catchs)
+          for (const y of f.catchs)
             v.catch(...y);
-          for (const y of c.finallies)
+          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: c, errorFallback: f }) => {
+    ShowWhenLoaded: ({ children: n, fallback: f, errorFallback: c }) => {
       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: S(f, u.getErrors() ?? [], () => u.retry()) }) : /* @__PURE__ */ p(w, { children: n }));
+      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: a("loading"),
     ShowWhenError: a("error", () => [u.getErrors() ?? [], () => u.retry()]),
     ShowWhenFinish: a(["error", "success"], () => [u.getErrors(), () => u.retry()]),
-    ShowWhen: ({ children: n, state: c }) => {
-      const f = a(c);
-      return /* @__PURE__ */ p(f, { children: n });
+    ShowWhen: ({ children: n, state: f }) => {
+      const c = a(f);
+      return /* @__PURE__ */ p(c, { children: n });
     },
     destroy: () => {
       h.clear(r);
@@ -409,13 +409,15 @@ const m = (o, e) => Array.isArray(e) && e.includes(o) || o === e, ee = ({
   };
   return u;
 }, oe = (o = {}) => {
-  const e = j(ee(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: S(
+  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() ?? []], []),
     () => {
@@ -432,7 +434,7 @@ export {
   k as fallbacks,
   K as getDefaultErrorFallback,
   I as getDefaultFallback,
-  S as reactNodeOrFunctionValue,
+  L as reactNodeOrFunctionValue,
   ae as registerDefaultErrorFallback,
   ie as registerDefaultFallback,
   ne as registerErrorFallback,

package/dist/main.min.js

@@ -1,8 +1,8 @@
 /*!
-* react-easy-loading v0.2.0
+* react-easy-loading v0.3.0
 * (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=(o,e)=>{D[o]=e},T=(o,e)=>{k[o]=e};let m=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=>{m=o},z=o=>{C=o},V=()=>m,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 O,B;function Q(){if(B)return O;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,c;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 f;if(e&&t instanceof Map&&a instanceof Map){if(t.size!==a.size)return!1;for(f=t.entries();!(n=f.next()).done;)if(!a.has(n.value[0]))return!1;for(f=t.entries();!(n=f.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(f=t.entries();!(n=f.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(c=Object.keys(t),l=c.length,l!==Object.keys(a).length)return!1;for(n=l;n--!==0;)if(!Object.prototype.hasOwnProperty.call(a,c[n]))return!1;if(o&&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]],a[c[n]]))return!1;return!0}return t!==t&&a!==a}return O=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}},O}var X=Q();const Y=J(X),x=new y,g=new G(x),Z=(o,e)=>x.createStatic({initialValue:o},o,e);function L(o,e,s){let i,r=s;if(typeof o!="string"){const{key:f,prefix:h}=o;i=f,r=h}else i=_(o);const{prefix:t}=H(r),a=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(a.current,h)?a.current:(a.current=h,h)},[i,t,e]),c=v.useSyncExternalStore(l,n);return x.useEffect(i,t),c}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 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()})})},a=function(n,c=()=>[]){return f=>L(r,p=>S(p.state,n))?u.jsx(u.Fragment,{children:w(f.children,...c())}):null},l={use:()=>L(r,n=>n.state),useIsLoading:()=>L(r,n=>n.state)==="loading",useErrors:()=>L(r,n=>n.errors),useContext:()=>L(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:o}),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 b=n();b.then(()=>{l.set("success")}),b.catch(E=>{l.set("error"),E&&l.setErrors([E])});for(const E of c.thens)b.then(...E);for(const E of c.catchs)b.catch(...E);for(const E of c.finallies)b.finally(...E);b.then(h,p)})};return l.setRetry(f.start),f},ShowWhenLoaded:({children:n,fallback:c,errorFallback:f})=>{const h=L(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:a("loading"),ShowWhenError:a("error",()=>[l.getErrors()??[],()=>l.retry()]),ShowWhenFinish:a(["error","success"],()=>[l.getErrors(),()=>l.retry()]),ShowWhen:({children:n,state:c})=>{const f=a(c);return u.jsx(f,{children:n})},destroy:()=>{g.clear(r)},__get__id:()=>`loading_id//${r.prefix}/${r.key}`};return l},R=(o={})=>{const e=v.useRef($(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"})}));
+(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.2.0",
+  "version": "0.3.0",
   "type": "module",
   "description": "",
   "keywords": [