react-easy-loading 0.1.0

package/dist/fallbacks.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { ReactNodeOrFunction } from './create-loading';
+export interface FallbackRegistry {
+    [k: string]: never;
+}
+export interface ErrorFallbackRegistry {
+    [k: string]: never;
+}
+export declare const fallbacks: Record<keyof FallbackRegistry, React.ReactNode>;
+export declare const errorFallbacks: Record<keyof ErrorFallbackRegistry, React.ReactNode>;
+export declare const registerFallback: (key: keyof FallbackRegistry, component: React.ReactNode) => void;
+export declare const registerErrorFallback: (key: keyof ErrorFallbackRegistry, component: React.ReactNode) => void;
+export declare const registerDefaultFallback: (component: React.ReactNode) => void;
+export declare const registerDefaultErrorFallback: (component: React.ReactNode) => void;
+export declare const getDefaultFallback: () => React.ReactNode;
+export declare const getDefaultErrorFallback: () => ReactNodeOrFunction<[errors: string[] | undefined, retry: (() => void) | undefined]>;
+/**
+ * @internal
+ * @param defaultFallback
+ * @param propFallback
+ */
+export declare const resolveLoadingFallback: (defaultFallback?: React.ReactNode, propFallback?: React.ReactNode) => ReactNodeOrFunction<unknown[]>;
+/**
+ * @internal
+ * @param defaultFallback
+ * @param propFallback
+ */
+export declare function resolveErrorFallback<Errors>(defaultFallback?: ReactNodeOrFunction<[errors: Errors, retry: () => void]>, propFallback?: ReactNodeOrFunction<[errors: Errors, retry: () => void]>): ReactNodeOrFunction<[errors: Errors, retry: () => void]>;
+export declare function reactNodeOrFunctionValue<Args extends unknown[] = unknown[]>(r: ReactNodeOrFunction<Args>, ...args: Args): React.ReactNode;
+//# sourceMappingURL=fallbacks.d.ts.map

package/dist/fallbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallbacks.d.ts","sourceRoot":"","sources":["../src/fallbacks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;CACrB;AAED,MAAM,WAAW,qBAAqB;IAClC,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAM,CAAC;AAE7E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAM,CAAC;AAGvF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,gBAAgB,EAAE,WAAW,KAAK,CAAC,SAAS,SAEvF,CAAA;AAGD,eAAO,MAAM,qBAAqB,GAAI,KAAK,MAAM,qBAAqB,EAAE,WAAW,KAAK,CAAC,SAAS,SAEjG,CAAA;AAeD,eAAO,MAAM,uBAAuB,GAAI,WAAW,KAAK,CAAC,SAAS,SAEjE,CAAA;AAGD,eAAO,MAAM,4BAA4B,GAAI,WAAW,KAAK,CAAC,SAAS,SAEtE,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAyB,CAAC;AAEzD,eAAO,MAAM,uBAAuB,yEAtByD,IAAI,eAsB9B,CAAC;AAGpE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GAC/B,kBAAkB,KAAK,CAAC,SAAS,EACjC,eAAe,KAAK,CAAC,SAAS,mCAGjC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAE,MAAM,EACxC,eAAe,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,EAC1E,YAAY,CAAC,EAAE,mBAAmB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,qDAElB,IAAI,GAC5D;AA+BD,wBAAgB,wBAAwB,CAAC,IAAI,SAAS,OAAO,EAAE,GAAG,OAAO,EAAE,EAAE,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAKzI"}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/main.esm.js

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

package/dist/main.min.js

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

package/dist/utils/lib.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Represents a type that can be either a single instance of type `T` or an array of instances of type `T`.
+ *
+ * This type is useful in scenarios where a value may come as a single item or as a collection of items,
+ * providing flexibility in handling both cases seamlessly.
+ *
+ * @template T The type of the element(s).
+ */
+export type AOS<T = any> = T | T[];
+export declare const aosEquals: <T>(needle: T, aos: AOS<T>) => boolean;
+//# sourceMappingURL=lib.d.ts.map

package/dist/utils/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../src/utils/lib.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAEnC,eAAO,MAAM,SAAS,GAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,YAElD,CAAA"}