@kawaiininja/fetch 1.0.44 → 1.0.46

package/dist/hooks/useFetch.executor.js

@@ -7,7 +7,10 @@ const MAX_RETRIES = 3;
  * Helper to prepare headers with Auth and CSRF
  */
 const prepareHeaders = async (token, headers, isNative, isInternal, debug) => {
+    const requestId = crypto.randomUUID();
     const config = {
+        "X-Request-ID": requestId,
+        "Idempotency-Key": requestId,
         ...(headers || {}),
         ...INTERNAL_HEADER,
     };
@@ -79,7 +82,8 @@ export const performFetch = async (url, method, token, body, headers, rest, debu
 };
 export const parseResponse = async (res, parseAs) => {
     const type = res.headers.get("content-type") || "";
-    if (parseAs === "json" || (parseAs === "auto" && type.includes("application/json")))
+    if (parseAs === "json" ||
+        (parseAs === "auto" && type.includes("application/json")))
         return res.json();
     if (parseAs === "text")
         return res.text();

package/dist/hooks/useFetch.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useApiConfig } from "./useApiConfig";
 import { useCsrf } from "./useCsrf";
-import { getCache, isStale, setCache, setPromise } from "./useFetch.cache";
+import { getCache, isStale, setCache } from "./useFetch.cache";
 import { parseResponse, performFetch } from "./useFetch.executor";
 import { createApiMethods } from "./utils";
 export const useFetch = (endpoint, baseOptions = {}) => {
@@ -21,11 +21,8 @@ export const useFetch = (endpoint, baseOptions = {}) => {
     const safeSet = useCallback((fn) => {
         if (!mounted.current)
             return;
-        setTimeout(() => {
-            // @ts-ignore
-            if (mounted.current)
-                setState((prev) => ({ ...prev, ...fn(prev) }));
-        }, 0);
+        // Immediate update to prevent stale closures and lost updates
+        setState((prev) => ({ ...prev, ...fn(prev) }));
     }, []);
     const request = useCallback(async (params = {}) => {
         const isRead = !params.method || params.method === "GET";
@@ -65,7 +62,9 @@ export const useFetch = (endpoint, baseOptions = {}) => {
             }
         })();
         if (isRead) {
-            setPromise(cacheKey, execution);
+            const entry = getCache(cacheKey);
+            if (entry)
+                entry.promise = execution;
         }
         return execution;
     }, [
@@ -76,7 +75,7 @@ export const useFetch = (endpoint, baseOptions = {}) => {
         onError,
         debug,
         safeSet,
-        JSON.stringify(baseOptions),
+        baseOptions,
     ]);
     useEffect(() => {
         if (!enabled)
@@ -85,7 +84,7 @@ export const useFetch = (endpoint, baseOptions = {}) => {
         if (shouldFetch) {
             request();
         }
-    }, [enabled, cacheKey, swr, staleTime, request]);
+    }, [enabled, cacheKey, swr, staleTime, request, cached?.data]);
     useEffect(() => {
         if (!baseOptions.revalidateOnFocus || !enabled)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kawaiininja/fetch",
-    "version": "1.0.44",
+    "version": "1.0.46",
     "description": "Core fetch utility for Onyx Framework",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",