@kawaiininja/fetch 1.0.59 → 1.0.61

package/dist/hooks/useCsrf.d.ts

@@ -1,4 +1,8 @@
-export declare function useCsrf(): {
-    fetchCSRF: () => Promise<string>;
+export interface CsrfOptions {
+    force?: boolean;
+}
+export interface CsrfResult {
+    fetchCSRF: (options?: CsrfOptions) => Promise<string>;
     clearCsrf: () => Promise<void>;
-};
+}
+export declare function useCsrf(): CsrfResult;

package/dist/hooks/useCsrf.js

@@ -2,80 +2,126 @@ import { useCallback, useRef } from "react";
 import { INTERNAL_HEADER } from "../context/ApiContext";
 import { isNative } from "./platform";
 import { useApiConfig } from "./useApiConfig";
+// --- Helpers ---
+const getFromStorage = (debug) => {
+    if (typeof window === "undefined")
+        return null;
+    const stored = localStorage.getItem("csrf_token");
+    if (stored && debug) {
+        console.log("%c[useCsrf] 💾 SUCCESS: Found token in localStorage", "color: #add8e6");
+    }
+    return stored || null;
+};
+const saveToStorage = (token) => {
+    if (typeof window !== "undefined") {
+        localStorage.setItem("csrf_token", token);
+    }
+};
+const fetchFromNetwork = async (apiUrl, debug) => {
+    if (debug)
+        console.log("%c[useCsrf] 🌍 NETWORK: Requesting fresh token from server...", "color: #ffa500");
+    const csrfUrl = apiUrl("auth/csrf-token");
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), 15000);
+    try {
+        const res = await fetch(csrfUrl, {
+            method: "GET",
+            headers: INTERNAL_HEADER,
+            credentials: "include",
+            signal: controller.signal,
+        });
+        if (!res.ok) {
+            const errText = `CSRF HTTP Error: ${res.status}`;
+            if (debug)
+                console.error(`%c[useCsrf] ❌ NETWORK FAIL: ${errText}`, "color: #ff0000");
+            throw new Error(errText);
+        }
+        const json = await res.json();
+        const token = json?.csrfToken;
+        if (!token) {
+            if (debug)
+                console.error("%c[useCsrf] ❌ RESPONSE FAIL: No token in JSON", "color: #ff0000");
+            throw new Error("Missing CSRF token in response");
+        }
+        if (debug)
+            console.log("%c[useCsrf] ✅ NETWORK SUCCESS: Received new token", "color: #00ff00");
+        return token;
+    }
+    catch (error) {
+        if (debug)
+            console.error("%c[useCsrf] ❌ FATAL ERROR:", "color: #ff0000", error);
+        throw error;
+    }
+    finally {
+        clearTimeout(timeoutId);
+    }
+};
+// --- Hook ---
 export function useCsrf() {
     const { apiUrl, debug, disableCsrf } = useApiConfig();
     const csrfRef = useRef(null);
+    const csrfPromiseRef = useRef(null);
     const clearCsrf = useCallback(async () => {
         if (isNative() || disableCsrf)
             return;
         if (debug)
-            console.log("[useCsrf] Clearing CSRF token...");
+            console.log("%c[useCsrf] 🧹 CLEARING: Token and promises wiped.", "color: #ff69b4");
         csrfRef.current = null;
-        if (typeof window !== "undefined") {
+        csrfPromiseRef.current = null;
+        if (typeof window !== "undefined")
             localStorage.removeItem("csrf_token");
-        }
     }, [debug, disableCsrf]);
-    const csrfPromiseRef = useRef(null);
-    const fetchCSRF = useCallback(async () => {
-        console.log(`[useCsrf] fetchCSRF invoked. disableCsrf: ${disableCsrf}`);
+    const fetchCSRF = useCallback(async (options) => {
+        const { force = false } = options || {};
         if (isNative() || disableCsrf) {
-            console.log(`[useCsrf] Skipping CSRF. Platform: ${isNative() ? "Native" : "Web"}, Disabled: ${disableCsrf}`);
+            if (debug)
+                console.log("[useCsrf] ⏭️ Skipped (Native or Disabled)");
             return "";
         }
-        if (csrfRef.current)
-            return csrfRef.current;
-        if (csrfPromiseRef.current)
-            return csrfPromiseRef.current;
-        csrfPromiseRef.current = (async () => {
-            // Try to get from storage first
-            if (typeof window !== "undefined") {
-                const storedCsrf = localStorage.getItem("csrf_token");
-                if (storedCsrf) {
-                    if (debug)
-                        console.log("[useCsrf] Retrieved from localStorage.");
-                    csrfRef.current = storedCsrf;
-                    return storedCsrf;
-                }
+        if (debug) {
+            console.log(`%c[useCsrf] 🔍 FETCH: Force=${force} | HasMemory=${!!csrfRef.current} | HasPromise=${!!csrfPromiseRef.current}`, "font-weight: bold; color: #888");
+        }
+        // 1. Return Memory/Pending (ONLY IF NOT FORCED)
+        if (!force) {
+            if (csrfRef.current) {
+                if (debug)
+                    console.log("%c[useCsrf] 🧠 CACHE: Using Memory Token", "color: #add8e6");
+                return csrfRef.current;
+            }
+            if (csrfPromiseRef.current) {
+                if (debug)
+                    console.log("%c[useCsrf] ⏳ PENDING: Joining existing fetch...", "color: #add8e6");
+                return csrfPromiseRef.current;
             }
-            // Construct CSRF URL using the context's baseUrl
+        }
+        else {
             if (debug)
-                console.log("[useCsrf] Fetching new CSRF token from server...");
-            const csrfUrl = apiUrl("auth/csrf-token");
-            const CSRF_TIMEOUT_MS = 15000;
-            const controller = new AbortController();
-            const timeoutId = setTimeout(() => controller.abort(), CSRF_TIMEOUT_MS);
-            try {
-                const res = await fetch(csrfUrl, {
-                    method: "GET",
-                    headers: INTERNAL_HEADER,
-                    credentials: "include",
-                    signal: controller.signal,
-                });
-                clearTimeout(timeoutId);
-                if (!res.ok) {
-                    throw new Error(`CSRF Fetch failed with status: ${res.status}`);
-                }
-                const json = await res.json();
-                const token = json?.csrfToken;
-                if (!token)
-                    throw new Error("Missing CSRF token in response");
-                csrfRef.current = token;
-                // Store in storage
-                if (typeof window !== "undefined") {
-                    localStorage.setItem("csrf_token", token);
+                console.log("%c[useCsrf] 🚀 FORCED: Bypassing ALL caches", "font-weight: bold; color: #ffa500");
+        }
+        const task = async () => {
+            // 2. Check Storage (ONLY IF NOT FORCED)
+            if (!force) {
+                const stored = getFromStorage(debug);
+                if (stored) {
+                    csrfRef.current = stored;
+                    return stored;
                 }
-                return token;
-            }
-            catch (error) {
-                clearTimeout(timeoutId);
-                console.error("[useCsrf] CSRF Fetch Failed/Timed-out:", error);
-                throw error;
             }
-            finally {
+            // 3. Network Fetch
+            const newToken = await fetchFromNetwork(apiUrl, debug);
+            csrfRef.current = newToken;
+            saveToStorage(newToken);
+            return newToken;
+        };
+        const promise = task();
+        // Reset promise ref once done so next call starts fresh or uses memory
+        const chained = promise.finally(() => {
+            if (csrfPromiseRef.current === chained) {
                 csrfPromiseRef.current = null;
             }
-        })();
-        return csrfPromiseRef.current;
+        });
+        csrfPromiseRef.current = chained;
+        return chained;
     }, [apiUrl, debug, disableCsrf]);
     return { fetchCSRF, clearCsrf };
 }

package/dist/hooks/useFetch.js

@@ -70,7 +70,7 @@ export const useFetch = (endpoint, baseOptions = {}) => {
                     if (debug)
                         console.log(`[useFetch] 🔄 CSRF Error on ${reqId}. Retrying with fresh token...`);
                     await clearCsrf();
-                    token = await fetchCSRF();
+                    token = await fetchCSRF({ force: true });
                     res = await performFetch(finalUrl, params.method || "GET", token, params.body, params.headers, { ...stableOptions, ...params }, debug, abortRef.current.signal, apiUrl);
                     parsed = await parseResponse(res, params.parseAs || "auto");
                 }

package/package.json

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