@kawaiininja/fetch 1.0.15 → 1.0.16

package/dist/hooks/useFetch.js

@@ -4,7 +4,7 @@ import { INTERNAL_HEADER } from "../context/ApiContext";
 import { isNative } from "./platform";
 import { useApiConfig } from "./useApiConfig";
 import { useCsrf } from "./useCsrf";
-import { createApiSurface } from "./utils";
+import { createApiMethods } from "./utils";
 /**
  * 🛡️ SESSION MEMORY VAULT
  * Caches native tokens in memory for the lifetime of the JS process.
@@ -292,5 +292,17 @@ export const useFetch = (endpoint, baseOptions = {}) => {
         };
     }, [debug, endpoint]);
     // 🏹 STABLE API SURFACE
-    return useMemo(() => createApiSurface({ state, request, baseUrl: resolvedUrl, safeSet }), [state, request, resolvedUrl, safeSet]);
+    // 1. Memoize methods independently of state to prevent re-render loops
+    // in components that use these methods as dependencies.
+    const methods = useMemo(() => createApiMethods({ request, baseUrl: resolvedUrl, safeSet }), [request, resolvedUrl, safeSet]);
+    // 2. Merge state with methods
+    return useMemo(() => ({
+        // 🔍 state (Reactive)
+        state,
+        isLoading: state.loading,
+        isError: !!state.error,
+        isSuccess: !!state.data && !state.error,
+        // 🔁 core & methods (Stable)
+        ...methods,
+    }), [state, methods]);
 };

package/dist/hooks/utils.d.ts

@@ -30,9 +30,26 @@ interface CreateApiSurfaceParams<T> {
     baseUrl: string;
     safeSet: (fn: (prev: FetchState<T>) => Partial<FetchState<T>>) => void;
 }
+/**
+ * Helper to construct the STABLE methods of the API surface.
+ */
+export declare const createApiMethods: <T = any>({ request, baseUrl, safeSet, }: Omit<CreateApiSurfaceParams<T>, "state">) => {
+    request: <R = T>(options?: RequestOptions) => Promise<R | undefined>;
+    refetch: () => Promise<T | undefined>;
+    setData: (value: T | null | ((prev: T | null) => T | null)) => void;
+    updateData: (partial: Partial<T> | ((prev: T | null) => Partial<T>)) => void;
+    get: <R = T>(config?: RequestOptions) => Promise<R | undefined>;
+    post: <D = any, R = T>(data?: D, config?: RequestOptions) => Promise<R | undefined>;
+    put: <D = any, R_1 = T>(data?: D, config?: RequestOptions) => Promise<R_1 | undefined>;
+    patch: <D = any, R_2 = T>(data?: D, config?: RequestOptions) => Promise<R_2 | undefined>;
+    delete: <R_3 = T>(config?: RequestOptions) => Promise<R_3 | undefined>;
+    json: <D = any, R_3 = T>(data?: D, config?: RequestOptions) => Promise<R_3 | undefined>;
+    text: (config?: RequestOptions) => Promise<string | undefined>;
+    blob: (config?: RequestOptions) => Promise<Blob | undefined>;
+    upload: <R_4 = T>(formData: FormData, config?: RequestOptions) => Promise<R_4 | undefined>;
+};
 /**
  * Helper to construct the API surface object.
- * Extracts the massive object creation from the main hook to keep it clean.
  */
 export declare const createApiSurface: <T = any>({ state, request, baseUrl, safeSet, }: CreateApiSurfaceParams<T>) => ApiSurface<T>;
 export {};

package/dist/hooks/utils.js

@@ -1,8 +1,7 @@
 /**
- * Helper to construct the API surface object.
- * Extracts the massive object creation from the main hook to keep it clean.
+ * Helper to construct the STABLE methods of the API surface.
  */
-export const createApiSurface = ({ state, request, baseUrl, safeSet, }) => {
+export const createApiMethods = ({ request, baseUrl, safeSet, }) => {
     // little helper for JSON methods
     const withJsonBody = (data) => ({
         body: data != null ? JSON.stringify(data) : undefined,
@@ -10,11 +9,6 @@ export const createApiSurface = ({ state, request, baseUrl, safeSet, }) => {
         parseAs: "json",
     });
     return {
-        // 🔍 state
-        state,
-        isLoading: state.loading,
-        isError: !!state.error,
-        isSuccess: !!state.data && !state.error,
         // 🔁 core
         request,
         refetch: () => request({ url: baseUrl }),
@@ -29,7 +23,9 @@ export const createApiSurface = ({ state, request, baseUrl, safeSet, }) => {
         updateData: (partial) => safeSet((prev) => ({
             data: {
                 ...prev.data,
-                ...(typeof partial === "function" ? partial(prev.data) : partial),
+                ...(typeof partial === "function"
+                    ? partial(prev.data)
+                    : partial),
             },
         })),
         // 🗡 CRUD methods
@@ -102,3 +98,17 @@ export const createApiSurface = ({ state, request, baseUrl, safeSet, }) => {
         }),
     };
 };
+/**
+ * Helper to construct the API surface object.
+ */
+export const createApiSurface = ({ state, request, baseUrl, safeSet, }) => {
+    const methods = createApiMethods({ request, baseUrl, safeSet });
+    return {
+        // 🔍 state
+        state,
+        isLoading: state.loading,
+        isError: !!state.error,
+        isSuccess: !!state.data && !state.error,
+        ...methods,
+    };
+};

package/package.json

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