@kawaiininja/fetch 1.0.22 → 1.0.24

package/dist/context/ApiContext.js

@@ -14,11 +14,28 @@ export const ApiContext = createContext(null);
  * Constructs full API URLs from relative paths using the baseUrl.
  */
 export function ApiProvider({ config, children }) {
-    // Ensure valid config structure
-    const baseUrl = config?.baseUrl || "";
-    const version = config?.version || "v1";
-    const debug = !!config?.debug;
-    const onError = config?.onError;
+    // 🛡️ STABILITY: Hash the config to detect REAL changes vs identity shifts
+    const configHash = useMemo(() => {
+        try {
+            return JSON.stringify({
+                baseUrl: config?.baseUrl,
+                version: config?.version,
+                debug: config?.debug,
+                // We can't stringify functions, so we use their existence/identity
+                hasOnError: !!config?.onError,
+            });
+        }
+        catch {
+            return Math.random();
+        }
+    }, [config?.baseUrl, config?.version, config?.debug, config?.onError]);
+    // Extract stable values based on the hash
+    const { baseUrl, version, debug, onError } = useMemo(() => ({
+        baseUrl: config?.baseUrl || "",
+        version: config?.version || "v1",
+        debug: !!config?.debug,
+        onError: config?.onError,
+    }), [configHash]);
     /**
      * 🛡️ HYPER-STABLE URL CONSTRUCTOR
      * Memoized independently of the context value to prevent downstream loop invalidation.

package/dist/hooks/useFetch.js

@@ -64,6 +64,11 @@ export const useFetch = (endpoint, baseOptions = {}) => {
             });
         }
     }, [endpoint, debug]);
+    // 🛡️ INTERNAL STABILITY: Decouple from context identity
+    const apiUrlRef = useRef(apiUrl);
+    useEffect(() => {
+        apiUrlRef.current = apiUrl;
+    }, [apiUrl]);
     const request = useCallback(async (params = {}) => {
         // 🛡️ RECURSION GUARD: Instant rejection of concurrent loops
         if (isRequestingRef.current) {
@@ -72,7 +77,8 @@ export const useFetch = (endpoint, baseOptions = {}) => {
             return;
         }
         const { url = endpoint, method = "GET", body, headers, parseAs = "auto", ...rest } = params;
-        const finalUrl = url.startsWith("http") ? url : apiUrl(url);
+        // Use Ref to prevent re-creation of request when Context changes
+        const finalUrl = url.startsWith("http") ? url : apiUrlRef.current(url);
         if (!finalUrl)
             return;
         isRequestingRef.current = true;
@@ -81,7 +87,7 @@ export const useFetch = (endpoint, baseOptions = {}) => {
         try {
             let token = await fetchCSRF();
             // Merge baseOptions from Ref to maintain identity stability
-            let res = await performFetch(finalUrl, method, token, body, headers, { ...optionsRef.current, ...rest }, debug, abortRef.current.signal, apiUrl);
+            let res = await performFetch(finalUrl, method, token, body, headers, { ...optionsRef.current, ...rest }, debug, abortRef.current.signal, apiUrlRef.current);
             lastStatus = res.status;
             // Auto-retry on 403 CSRF Error
             if (res.status === 403) {
@@ -92,7 +98,7 @@ export const useFetch = (endpoint, baseOptions = {}) => {
                 if (bodyClone?.code === "CSRF_ERROR" || bodyClone?.message?.includes("CSRF")) {
                     await clearCsrf();
                     token = await fetchCSRF();
-                    res = await performFetch(finalUrl, method, token, body, headers, { ...optionsRef.current, ...rest }, debug, abortRef.current.signal, apiUrl);
+                    res = await performFetch(finalUrl, method, token, body, headers, { ...optionsRef.current, ...rest }, debug, abortRef.current.signal, apiUrlRef.current);
                     lastStatus = res.status;
                 }
             }
@@ -115,8 +121,8 @@ export const useFetch = (endpoint, baseOptions = {}) => {
             isRequestingRef.current = false;
         }
     }, 
-    // baseOptions REMOVED from dependencies to prevent infinite request recreation
-    [endpoint, fetchCSRF, clearCsrf, apiUrl, safeSet, onError, debug]);
+    // apiUrl REMOVED specific dependency to stop context-based invalidations
+    [endpoint, fetchCSRF, clearCsrf, safeSet, onError, debug]);
     useEffect(() => {
         mounted.current = true;
         return () => {

package/package.json

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