@ahoo-wang/fetcher-react 3.1.3 → 3.1.6

package/dist/core/index.d.ts

@@ -6,4 +6,5 @@ export * from './useMounted';
 export * from './useRefs';
 export * from './useDebouncedCallback';
 export * from './useDebouncedExecutePromise';
+export * from './useForceUpdate';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC"}

package/dist/core/useForceUpdate.d.ts

@@ -0,0 +1,31 @@
+/**
+ * A React hook that returns a function to force a component to re-render.
+ * This is useful when you need to trigger a re-render imperatively, such as
+ * when dealing with external state changes or imperative updates.
+ *
+ * @returns A function that when called, forces the component to re-render
+ *
+ * @example
+ * ```typescript
+ * import { useForceUpdate } from '@ahoo-wang/fetcher-react';
+ *
+ * const MyComponent = () => {
+ *   const forceUpdate = useForceUpdate();
+ *
+ *   const handleExternalChange = () => {
+ *     // Some external state change that doesn't trigger React re-render
+ *     externalLibrary.updateSomething();
+ *     forceUpdate(); // Force re-render to reflect changes
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <p>Component state: {someValue}</p>
+ *       <button onClick={handleExternalChange}>Update External State</button>
+ *     </div>
+ *   );
+ * };
+ * ```
+ */
+export declare function useForceUpdate(): () => void;
+//# sourceMappingURL=useForceUpdate.d.ts.map

package/dist/core/useForceUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../src/core/useForceUpdate.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,cAAc,IAAI,MAAM,IAAI,CAG3C"}

package/dist/index.es.js

@@ -1,15 +1,15 @@
 var k = Object.defineProperty;
 var y = (e, t) => k(e, "name", { value: t, configurable: !0 });
-import { useRef as m, useCallback as u, useEffect as C, useState as Q, useMemo as h, useSyncExternalStore as A } from "react";
+import { useRef as m, useCallback as u, useEffect as C, useState as Q, useMemo as h, useReducer as A, useSyncExternalStore as U } from "react";
 import { nameGenerator as z } from "@ahoo-wang/fetcher-eventbus";
 import { fetcherRegistrar as G, getFetcher as K } from "@ahoo-wang/fetcher";
-function M() {
+function p() {
   const e = m(!1), t = u(() => e.current, []);
   return C(() => (e.current = !0, () => {
     e.current = !1;
   }), []), t;
 }
-y(M, "useMounted");
+y(p, "useMounted");
 function S(e) {
   const t = m(e);
   return t.current = e, t;
@@ -20,14 +20,14 @@ function D(e) {
   const [t, r] = Q(
     e?.initialStatus ?? "idle"
     /* IDLE */
-  ), [c, o] = Q(void 0), [i, n] = Q(void 0), s = M(), a = S(e), l = u(() => {
-    s() && (r(
+  ), [s, o] = Q(void 0), [i, n] = Q(void 0), c = p(), a = S(e), l = u(() => {
+    c() && (r(
       "loading"
       /* LOADING */
     ), n(void 0));
-  }, [s]), f = u(
+  }, [c]), f = u(
     async (b) => {
-      if (s()) {
+      if (c()) {
         o(b), r(
           "success"
           /* SUCCESS */
@@ -39,10 +39,10 @@ function D(e) {
         }
       }
     },
-    [s, a]
+    [c, a]
   ), d = u(
     async (b) => {
-      if (s()) {
+      if (c()) {
         n(b), r(
           "error"
           /* ERROR */
@@ -54,30 +54,30 @@ function D(e) {
         }
       }
     },
-    [s, a]
+    [c, a]
   ), g = u(() => {
-    s() && (r(
+    c() && (r(
       "idle"
       /* IDLE */
     ), n(void 0), o(void 0));
-  }, [s]);
+  }, [c]);
   return h(
     () => ({
       status: t,
       loading: t === "loading",
-      result: c,
+      result: s,
       error: i,
       setLoading: l,
       setSuccess: f,
       setError: d,
       setIdle: g
     }),
-    [t, c, i, l, f, d, g]
+    [t, s, i, l, f, d, g]
   );
 }
 y(D, "usePromiseState");
 function P() {
-  const e = m(0), t = u(() => ++e.current, []), r = u(() => e.current, []), c = u((n) => n === e.current, []), o = u(() => {
+  const e = m(0), t = u(() => ++e.current, []), r = u(() => e.current, []), s = u((n) => n === e.current, []), o = u(() => {
     e.current++;
   }, []), i = u(() => {
     e.current = 0;
@@ -85,23 +85,23 @@ function P() {
   return h(() => ({
     generate: t,
     current: r,
-    isLatest: c,
+    isLatest: s,
     invalidate: o,
     reset: i
-  }), [t, r, c, o, i]);
+  }), [t, r, s, o, i]);
 }
 y(P, "useRequestId");
 function O(e) {
   const {
     loading: t,
     result: r,
-    error: c,
+    error: s,
     status: o,
     setLoading: i,
     setSuccess: n,
-    setError: s,
+    setError: c,
     setIdle: a
-  } = D(e), l = M(), f = P(), d = e?.propagateError, g = u(
+  } = D(e), l = p(), f = P(), d = e?.propagateError, g = u(
     async (E) => {
       if (!l())
         throw new Error("Component is unmounted");
@@ -111,12 +111,12 @@ function O(e) {
         const R = await (typeof E == "function" ? E() : E);
         return l() && f.isLatest(w) && await n(R), R;
       } catch (x) {
-        if (l() && f.isLatest(w) && await s(x), d)
+        if (l() && f.isLatest(w) && await c(x), d)
           throw x;
         return x;
       }
     },
-    [i, n, s, l, f, d]
+    [i, n, c, l, f, d]
   ), b = u(() => {
     l() && a();
   }, [a, l]);
@@ -124,20 +124,20 @@ function O(e) {
     () => ({
       loading: t,
       result: r,
-      error: c,
+      error: s,
       status: o,
       execute: g,
       reset: b
     }),
-    [t, r, c, o, g, b]
+    [t, r, s, o, g, b]
   );
 }
 y(O, "useExecutePromise");
-function H() {
+function J() {
   const e = m(/* @__PURE__ */ new Map()), t = u((d) => e.current.get(d), []), r = u(
     (d, g) => e.current.set(d, g),
     []
-  ), c = u((d) => e.current.has(d), []), o = u((d) => e.current.delete(d), []), i = u(() => e.current.clear(), []), n = u(() => e.current.keys(), []), s = u(() => e.current.values(), []), a = u(() => e.current.entries(), []), l = u(() => e.current[Symbol.iterator](), []), f = u((d) => (g) => {
+  ), s = u((d) => e.current.has(d), []), o = u((d) => e.current.delete(d), []), i = u(() => e.current.clear(), []), n = u(() => e.current.keys(), []), c = u(() => e.current.values(), []), a = u(() => e.current.entries(), []), l = u(() => e.current[Symbol.iterator](), []), f = u((d) => (g) => {
     g ? e.current.set(d, g) : e.current.delete(d);
   }, []);
   return C(() => () => {
@@ -147,55 +147,55 @@ function H() {
       register: f,
       get: t,
       set: r,
-      has: c,
+      has: s,
       delete: o,
       clear: i,
       keys: n,
-      values: s,
+      values: c,
       entries: a,
       get size() {
         return e.current.size;
       },
       [Symbol.iterator]: l
     }),
-    [f, t, r, c, o, i, n, s, a, l]
+    [f, t, r, s, o, i, n, c, a, l]
   );
 }
-y(H, "useRefs");
-function p(e, t) {
+y(J, "useRefs");
+function M(e, t) {
   if (t.leading === !1 && t.trailing === !1)
     throw new Error(
       "useDebouncedCallback: at least one of leading or trailing must be true"
     );
   const r = m(
     void 0
-  ), c = m(!1), o = S(e), i = S(t), n = u(() => r.current !== void 0, []), s = u(() => {
+  ), s = m(!1), o = S(e), i = S(t), n = u(() => r.current !== void 0, []), c = u(() => {
     r.current !== void 0 && (clearTimeout(r.current), r.current = void 0);
   }, []);
   C(() => () => {
-    s();
-  }, [s]);
+    c();
+  }, [c]);
   const a = u(
     (...l) => {
       const { leading: f = !1, trailing: d = !0, delay: g } = i.current;
-      s(), f && !c.current && (o.current(...l), c.current = !0), d && (r.current = setTimeout(() => {
-        c.current || o.current(...l), c.current = !1, r.current = void 0;
+      c(), f && !s.current && (o.current(...l), s.current = !0), d && (r.current = setTimeout(() => {
+        s.current || o.current(...l), s.current = !1, r.current = void 0;
       }, g));
     },
-    [o, i, s]
+    [o, i, c]
   );
   return h(
     () => ({
       run: a,
-      cancel: s,
+      cancel: c,
       isPending: n
     }),
-    [a, s, n]
+    [a, c, n]
   );
 }
-y(p, "useDebouncedCallback");
-function J(e) {
-  const { loading: t, result: r, error: c, execute: o, reset: i, status: n } = O(e), { run: s, cancel: a, isPending: l } = p(
+y(M, "useDebouncedCallback");
+function W(e) {
+  const { loading: t, result: r, error: s, execute: o, reset: i, status: n } = O(e), { run: c, cancel: a, isPending: l } = M(
     o,
     e.debounce
   );
@@ -203,18 +203,23 @@ function J(e) {
     () => ({
       loading: t,
       result: r,
-      error: c,
+      error: s,
       status: n,
-      run: s,
+      run: c,
       cancel: a,
       isPending: l,
       reset: i
     }),
-    [t, r, c, n, s, a, l, i]
+    [t, r, s, n, c, a, l, i]
   );
 }
-y(J, "useDebouncedExecutePromise");
-function W(e, t) {
+y(W, "useDebouncedExecutePromise");
+function X() {
+  const [, e] = A((t) => t + 1, 0);
+  return e;
+}
+y(X, "useForceUpdate");
+function Y(e, t) {
   const r = u(
     (n) => e.addListener({
       name: z.generate("useKeyStorage"),
@@ -224,30 +229,30 @@ function W(e, t) {
     }),
     [e]
     // Recreate subscription only if keyStorage changes
-  ), c = u(() => {
+  ), s = u(() => {
     const n = e.get();
     return n !== null ? n : t ?? null;
-  }, [e, t]), o = A(r, c, c), i = u(
+  }, [e, t]), o = U(r, s, s), i = u(
     (n) => e.set(n),
     [e]
     // Recreate setter only if keyStorage changes
   );
   return [o, i];
 }
-y(W, "useKeyStorage");
+y(Y, "useKeyStorage");
 function N(e) {
   const { fetcher: t = G.default } = e || {}, {
     loading: r,
-    result: c,
+    result: s,
     error: o,
     status: i,
     setLoading: n,
-    setSuccess: s,
+    setSuccess: c,
     setError: a,
     setIdle: l
   } = D(e), [f, d] = Q(
     void 0
-  ), g = M(), b = m(void 0), E = P(), w = S(e), x = K(t), R = u(
+  ), g = p(), b = m(void 0), E = P(), w = S(e), x = K(t), R = u(
     async (I) => {
       b.current && b.current.abort(), b.current = I.abortController ?? new AbortController(), I.abortController = b.current;
       const F = E.generate();
@@ -259,7 +264,7 @@ function N(e) {
         );
         g() && E.isLatest(F) && d(v);
         const q = await v.extractResult();
-        g() && E.isLatest(F) && await s(q);
+        g() && E.isLatest(F) && await c(q);
       } catch (v) {
         if (v instanceof Error && v.name === "AbortError") {
           g() && l();
@@ -275,7 +280,7 @@ function N(e) {
       g,
       w,
       n,
-      s,
+      c,
       l,
       a,
       E
@@ -286,18 +291,18 @@ function N(e) {
   }, []), h(
     () => ({
       loading: r,
-      result: c,
+      result: s,
       error: o,
       status: i,
       exchange: f,
       execute: R
     }),
-    [r, c, o, i, f, R]
+    [r, s, o, i, f, R]
   );
 }
 y(N, "useFetcher");
-function X(e) {
-  const { loading: t, result: r, error: c, status: o, exchange: i, execute: n } = N(e), { run: s, cancel: a, isPending: l } = p(
+function Z(e) {
+  const { loading: t, result: r, error: s, status: o, exchange: i, execute: n } = N(e), { run: c, cancel: a, isPending: l } = M(
     n,
     e.debounce
   );
@@ -305,25 +310,25 @@ function X(e) {
     () => ({
       loading: t,
       result: r,
-      error: c,
+      error: s,
       status: o,
       exchange: i,
-      run: s,
+      run: c,
       cancel: a,
       isPending: l
     }),
-    [t, r, c, o, i, s, a, l]
+    [t, r, s, o, i, c, a, l]
   );
 }
-y(X, "useDebouncedFetcher");
+y(Z, "useDebouncedFetcher");
 function L(e) {
   const t = S(e), {
     loading: r,
-    result: c,
+    result: s,
     error: o,
     status: i,
     execute: n,
-    reset: s
+    reset: c
   } = O(t.current), a = m(e.initialQuery), l = u(async () => t.current.execute(
     a.current,
     t.current.attributes
@@ -338,51 +343,51 @@ function L(e) {
   }, [t, f]), h(
     () => ({
       loading: r,
-      result: c,
+      result: s,
       error: o,
       status: i,
       execute: f,
-      reset: s,
+      reset: c,
       getQuery: d,
       setQuery: g
     }),
     [
       r,
-      c,
+      s,
       o,
       i,
       f,
-      s,
+      c,
       d,
       g
     ]
   );
 }
 y(L, "useQuery");
-function Y(e) {
+function _(e) {
   return L(e);
 }
-y(Y, "usePagedQuery");
-function Z(e) {
+y(_, "usePagedQuery");
+function $(e) {
   return L(e);
 }
-y(Z, "useSingleQuery");
-function _(e) {
+y($, "useSingleQuery");
+function ee(e) {
   return L(e);
 }
-y(_, "useCountQuery");
-function $(e) {
+y(ee, "useCountQuery");
+function te(e) {
   return L(e);
 }
-y($, "useListQuery");
-function ee(e) {
+y(te, "useListQuery");
+function re(e) {
   return L(
     e
   );
 }
-y(ee, "useListStreamQuery");
-function te(e) {
-  const { loading: t, result: r, error: c, status: o, execute: i, reset: n, getQuery: s, setQuery: a } = L(e), { run: l, cancel: f, isPending: d } = p(
+y(re, "useListStreamQuery");
+function ne(e) {
+  const { loading: t, result: r, error: s, status: o, execute: i, reset: n, getQuery: c, setQuery: a } = L(e), { run: l, cancel: f, isPending: d } = M(
     i,
     e.debounce
   );
@@ -390,10 +395,10 @@ function te(e) {
     () => ({
       loading: t,
       result: r,
-      error: c,
+      error: s,
       status: o,
       reset: n,
-      getQuery: s,
+      getQuery: c,
       setQuery: a,
       run: l,
       cancel: f,
@@ -402,10 +407,10 @@ function te(e) {
     [
       t,
       r,
-      c,
+      s,
       o,
       n,
-      s,
+      c,
       a,
       l,
       f,
@@ -413,26 +418,27 @@ function te(e) {
     ]
   );
 }
-y(te, "useDebouncedQuery");
+y(ne, "useDebouncedQuery");
 export {
   T as PromiseStatus,
-  _ as useCountQuery,
-  p as useDebouncedCallback,
-  J as useDebouncedExecutePromise,
-  X as useDebouncedFetcher,
-  te as useDebouncedQuery,
+  ee as useCountQuery,
+  M as useDebouncedCallback,
+  W as useDebouncedExecutePromise,
+  Z as useDebouncedFetcher,
+  ne as useDebouncedQuery,
   O as useExecutePromise,
   N as useFetcher,
-  W as useKeyStorage,
+  X as useForceUpdate,
+  Y as useKeyStorage,
   S as useLatest,
-  $ as useListQuery,
-  ee as useListStreamQuery,
-  M as useMounted,
-  Y as usePagedQuery,
+  te as useListQuery,
+  re as useListStreamQuery,
+  p as useMounted,
+  _ as usePagedQuery,
   D as usePromiseState,
   L as useQuery,
-  H as useRefs,
+  J as useRefs,
   P as useRequestId,
-  Z as useSingleQuery
+  $ as useSingleQuery
 };
 //# sourceMappingURL=index.es.js.map