async-fetch 0.3.7 → 0.3.9

package/dist/esm/index.js

@@ -0,0 +1,140 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+import useInterval from "./useInterval.js";
+import normalizeError from "./normalizeError.js";
+/**
+ * A React hook for managing async fetch requests with built-in state, cancellation, and polling.
+ * @example
+ * // Auto-fetch on mount:
+ * const { pending, error, data } = useAsyncFetch<User>("/api/user/1");
+ *
+ * // Manual trigger:
+ * const { pending, error, data, sendRequest } = useAsyncFetch<User>("/api/user/1", { auto: false });
+ * <button onClick={sendRequest}>Fetch</button>
+ *
+ * // With polling:
+ * const { data } = useAsyncFetch<Status>("/api/status", { poll: 5000 });
+ *
+ * // POST with JSON body:
+ * const { pending, error, data } = useAsyncFetch<Response>("/api/submit", {
+ *   method: "POST",
+ *   data: { name: "foo" },
+ * });
+ *
+ * // With callbacks:
+ * useAsyncFetch<User>("/api/user/1", {
+ *   onStart: () => console.log("started"),
+ *   onSuccess: (data) => console.log(data),
+ *   onFail: (error) => console.error(error),
+ *   onFinish: () => console.log("finished"),
+ * });
+ *
+ * // Cancel on demand:
+ * const { cancelRequest } = useAsyncFetch<User>("/api/user/1");
+ * <button onClick={cancelRequest}>Cancel</button>
+ */
+function useAsyncFetch(urlString, props = {}) {
+    const { initialPending = false, initialError, initialData, auto = true, poll, timeout = 30000, ignoreRequest, ignoreCleanup, query, params, data: body, parser = "json", onStart, onSuccess, onFail, onFinish, ...fetchOptions } = props;
+    const [pending, setPending] = useState(initialPending);
+    const [error, setError] = useState(initialError);
+    const [data, setData] = useState(initialData);
+    const fetchOptionsRef = useRef(fetchOptions);
+    const controllerRef = useRef(null);
+    const requestIdRef = useRef(0);
+    fetchOptionsRef.current = fetchOptions;
+    const cancelRequest = useCallback(() => {
+        controllerRef.current?.abort();
+        controllerRef.current = null;
+    }, []);
+    const sendRequest = useCallback(async () => {
+        if (ignoreRequest === true)
+            return;
+        cancelRequest();
+        setPending(true);
+        setError(undefined);
+        if (onStart)
+            onStart();
+        const controller = new AbortController();
+        controllerRef.current = controller;
+        const timeoutId = setTimeout(() => controller.abort(), timeout);
+        const requestId = ++requestIdRef.current;
+        try {
+            const url = new URL(urlString, window.location.origin);
+            if (query ?? params) {
+                url.search = new URLSearchParams({ ...query, ...params }).toString();
+            }
+            const headers = new Headers(fetchOptionsRef.current.headers);
+            let resolvedBody;
+            if (headers.get("content-type") === "application/x-www-form-urlencoded") {
+                resolvedBody = new URLSearchParams(body ?? {});
+            }
+            else if (body instanceof FormData || body instanceof Blob) {
+                resolvedBody = body;
+            }
+            else if (body !== undefined) {
+                resolvedBody = JSON.stringify(body);
+            }
+            const response = await fetch(url, {
+                ...fetchOptionsRef.current,
+                headers,
+                body: resolvedBody ?? fetchOptionsRef.current.body,
+                signal: controller.signal,
+            });
+            if (!response.ok) {
+                throw Object.assign(new Error(response.statusText), {
+                    status: response.status,
+                    statusText: response.statusText,
+                    response: await response.text(),
+                });
+            }
+            const parsedResponse = (await response[parser]());
+            setData(parsedResponse);
+            if (onSuccess)
+                onSuccess(parsedResponse);
+        }
+        catch (err) {
+            if (err?.name !== "AbortError") {
+                const normalizedError = normalizeError(err);
+                setError(normalizedError);
+                if (onFail)
+                    onFail(normalizedError);
+            }
+        }
+        finally {
+            clearTimeout(timeoutId);
+            if (requestId === requestIdRef.current) {
+                setPending(false);
+                if (onFinish)
+                    onFinish();
+            }
+        }
+    }, [
+        ignoreRequest,
+        cancelRequest,
+        timeout,
+        urlString,
+        query,
+        params,
+        body,
+        parser,
+        onStart,
+        onSuccess,
+        onFail,
+        onFinish,
+    ]);
+    useEffect(() => {
+        if (auto === true)
+            void sendRequest();
+    }, [auto, sendRequest]);
+    useInterval(() => {
+        void sendRequest();
+    }, poll);
+    useEffect(() => {
+        return () => {
+            if (ignoreCleanup !== true)
+                cancelRequest();
+        };
+    }, [ignoreCleanup, cancelRequest]);
+    return { pending, error, data, cancelRequest, sendRequest };
+}
+export default useAsyncFetch;
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/esm/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/interfaces.ts"],"names":[],"mappings":""}

package/dist/esm/normalizeError.js

@@ -0,0 +1,34 @@
+/**
+ * Normalizes an unknown thrown value into a `FetchError`-shaped object.
+ * Handles `Error` instances, error-like objects, and primitive values.
+ * @example
+ * normalizeError(new Error("oops"))                                      // { status: 500, statusText: "oops", response: "<stack>" }
+ * normalizeError({ status: 404, statusText: "Not Found", response: "" }) // { status: 404, statusText: "Not Found", response: "" }
+ * normalizeError({ status: 403 })                                        // { status: 403, statusText: "", response: "" }
+ * normalizeError("something went wrong")                                 // { status: 500, statusText: "something went wrong", response: "" }
+ * normalizeError(null)                                                   // { status: 500, statusText: "null", response: "" }
+ */
+function normalizeError(err) {
+    if (err instanceof Error) {
+        return {
+            status: 500,
+            statusText: err.message,
+            response: err.stack ?? "",
+        };
+    }
+    if (typeof err === "object" && err !== null) {
+        const e = err;
+        return {
+            status: e.status ?? 500,
+            statusText: e.statusText ?? "",
+            response: e.response ?? "",
+        };
+    }
+    return {
+        status: 500,
+        statusText: String(err),
+        response: "",
+    };
+}
+export default normalizeError;
+//# sourceMappingURL=normalizeError.js.map

package/dist/esm/normalizeError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeError.js","sourceRoot":"","sources":["../../src/normalizeError.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,SAAS,cAAc,CAAiB,GAAY;IAClD,IAAI,GAAG,YAAY,KAAK,EAAE,CAAC;QACzB,OAAO;YACL,MAAM,EAAE,GAAG;YACX,UAAU,EAAE,GAAG,CAAC,OAAO;YACvB,QAAQ,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE;SACrB,CAAC;IACT,CAAC;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QAC5C,MAAM,CAAC,GAAG,GAA0B,CAAC;QACrC,OAAO;YACL,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,GAAG;YACvB,UAAU,EAAE,CAAC,CAAC,UAAU,IAAI,EAAE;YAC9B,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE;SACtB,CAAC;IACT,CAAC;IAED,OAAO;QACL,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC;QACvB,QAAQ,EAAE,EAAE;KACR,CAAC;AACT,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/esm/types/index.d.ts

@@ -0,0 +1,35 @@
+import { type FetchError, type RequestProps, type ResponseProps } from "./interfaces.js";
+/**
+ * A React hook for managing async fetch requests with built-in state, cancellation, and polling.
+ * @example
+ * // Auto-fetch on mount:
+ * const { pending, error, data } = useAsyncFetch<User>("/api/user/1");
+ *
+ * // Manual trigger:
+ * const { pending, error, data, sendRequest } = useAsyncFetch<User>("/api/user/1", { auto: false });
+ * <button onClick={sendRequest}>Fetch</button>
+ *
+ * // With polling:
+ * const { data } = useAsyncFetch<Status>("/api/status", { poll: 5000 });
+ *
+ * // POST with JSON body:
+ * const { pending, error, data } = useAsyncFetch<Response>("/api/submit", {
+ *   method: "POST",
+ *   data: { name: "foo" },
+ * });
+ *
+ * // With callbacks:
+ * useAsyncFetch<User>("/api/user/1", {
+ *   onStart: () => console.log("started"),
+ *   onSuccess: (data) => console.log(data),
+ *   onFail: (error) => console.error(error),
+ *   onFinish: () => console.log("finished"),
+ * });
+ *
+ * // Cancel on demand:
+ * const { cancelRequest } = useAsyncFetch<User>("/api/user/1");
+ * <button onClick={cancelRequest}>Cancel</button>
+ */
+declare function useAsyncFetch<T = unknown, E = FetchError>(urlString: string, props?: RequestProps<T, E>): ResponseProps<T, E>;
+export default useAsyncFetch;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAKzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,UAAU,EAChD,SAAS,EAAE,MAAM,EACjB,KAAK,GAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAM,GAC7B,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CA+IrB;AAED,eAAe,aAAa,CAAC"}

package/dist/esm/types/interfaces.d.ts

@@ -0,0 +1,31 @@
+export interface FetchError {
+    status: number;
+    statusText: string;
+    response: string;
+}
+export interface RequestProps<T, E> extends RequestInit {
+    initialPending?: boolean;
+    initialError?: E;
+    initialData?: T;
+    auto?: boolean;
+    poll?: number;
+    timeout?: number;
+    ignoreRequest?: boolean;
+    ignoreCleanup?: boolean;
+    query?: Record<string, string>;
+    params?: Record<string, string>;
+    data?: unknown;
+    parser?: "json" | "text" | "blob" | "formData" | "arrayBuffer";
+    onStart?: () => void;
+    onSuccess?: (data: T) => void;
+    onFail?: (error: E) => void;
+    onFinish?: () => void;
+}
+export interface ResponseProps<T, E> {
+    pending: boolean;
+    error?: E;
+    data?: T;
+    sendRequest: () => Promise<void>;
+    cancelRequest: () => void;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/esm/types/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/interfaces.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,WAAW;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B"}

package/dist/esm/types/normalizeError.d.ts

@@ -0,0 +1,14 @@
+import { type FetchError } from "./interfaces.js";
+/**
+ * Normalizes an unknown thrown value into a `FetchError`-shaped object.
+ * Handles `Error` instances, error-like objects, and primitive values.
+ * @example
+ * normalizeError(new Error("oops"))                                      // { status: 500, statusText: "oops", response: "<stack>" }
+ * normalizeError({ status: 404, statusText: "Not Found", response: "" }) // { status: 404, statusText: "Not Found", response: "" }
+ * normalizeError({ status: 403 })                                        // { status: 403, statusText: "", response: "" }
+ * normalizeError("something went wrong")                                 // { status: 500, statusText: "something went wrong", response: "" }
+ * normalizeError(null)                                                   // { status: 500, statusText: "null", response: "" }
+ */
+declare function normalizeError<E = FetchError>(err: unknown): E;
+export default normalizeError;
+//# sourceMappingURL=normalizeError.d.ts.map

package/dist/esm/types/normalizeError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeError.d.ts","sourceRoot":"","sources":["../../../src/normalizeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,OAAO,GAAG,CAAC,CAuBvD;AAED,eAAe,cAAc,CAAC"}

package/dist/esm/types/useInterval.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Sets up a polling interval that calls a callback on a given delay.
+ * The callback ref is kept up to date so stale closures are avoided.
+ * No interval is created if `poll` is not a valid integer.
+ * @see https://github.com/Hermanya/use-interval/blob/master/src/index.tsx
+ * @example
+ * useInterval(() => fetchData(), 5000) // calls fetchData every 5 seconds
+ * useInterval(() => fetchData())       // no interval created
+ */
+declare function useInterval(callback: () => void, poll?: number): void;
+export default useInterval;
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/esm/types/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../src/useInterval.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAc9D;AAED,eAAe,WAAW,CAAC"}

package/dist/esm/useInterval.js

@@ -0,0 +1,24 @@
+import { useRef, useEffect } from "react";
+/**
+ * Sets up a polling interval that calls a callback on a given delay.
+ * The callback ref is kept up to date so stale closures are avoided.
+ * No interval is created if `poll` is not a valid integer.
+ * @see https://github.com/Hermanya/use-interval/blob/master/src/index.tsx
+ * @example
+ * useInterval(() => fetchData(), 5000) // calls fetchData every 5 seconds
+ * useInterval(() => fetchData())       // no interval created
+ */
+function useInterval(callback, poll) {
+    const callbackRef = useRef(callback);
+    useEffect(() => {
+        callbackRef.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        if (!Number.isInteger(poll))
+            return;
+        const id = setInterval(() => callbackRef.current(), poll);
+        return () => clearInterval(id);
+    }, [poll]);
+}
+export default useInterval;
+//# sourceMappingURL=useInterval.js.map

package/dist/esm/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../src/useInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;;;;GAQG;AACH,SAAS,WAAW,CAAC,QAAoB,EAAE,IAAa;IACtD,MAAM,WAAW,GAAG,MAAM,CAAa,QAAQ,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YAAE,OAAO;QAEpC,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC;AAED,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,35 +1,70 @@
 {
   "name": "async-fetch",
-  "version": "0.3.7",
-  "description": "Use async fetch hook for requests within React components.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "scripts": {
-    "build": "tsc",
-    "test-esm": "yarn build && node test/test-esm.mjs"
-  },
+  "packageManager": "yarn@4.13.0",
+  "version": "0.3.9",
+  "description": "A React hook for async fetch requests.",
+  "author": "Nameer Rizvi (https://github.com/nameer-rizvi)",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/nameer-rizvi/useAsyncFetch.git"
+    "url": "git+https://github.com/nameer-rizvi/async-fetch.git"
+  },
+  "homepage": "https://github.com/nameer-rizvi/async-fetch#readme",
+  "bugs": {
+    "url": "https://github.com/nameer-rizvi/async-fetch/issues"
   },
   "keywords": [
-    "react",
-    "hooks",
-    "fetch",
-    "async"
+    "typescript",
+    "utils",
+    "utilities",
+    "esm",
+    "cjs"
   ],
-  "author": "Nameer Rizvi (https://github.com/nameer-rizvi)",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/nameer-rizvi/useAsyncFetch/issues"
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/cjs/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "dist/esm/types/index.d.ts",
+        "default": "dist/esm/index.js"
+      },
+      "require": {
+        "types": "dist/cjs/types/index.d.ts",
+        "default": "dist/cjs/index.js"
+      }
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "update": "yarn && node scripts/updateDeps.js",
+    "clean": "rimraf dist",
+    "lint": "eslint src/**/*",
+    "lint:fix": "eslint src/**/* --fix",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build": "yarn clean && yarn lint && yarn build:cjs && yarn build:esm && node scripts/postbuild.mjs && echo '✅ Build complete! CJS and ESM outputs ready in dist/'",
+    "test:cjs": "node tests/test.cjs",
+    "test:esm": "node tests/test.mjs",
+    "test": "yarn build && yarn test:cjs && yarn test:esm",
+    "prepublishOnly": "yarn build"
   },
-  "homepage": "https://github.com/nameer-rizvi/useAsyncFetch#readme",
   "devDependencies": {
-    "@types/node": "^22.7.4",
-    "@types/react": "^18.3.11",
-    "react": "^18.3.1",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.6.2"
+    "@eslint/js": "^10.0.1",
+    "@types/react": "^19.2.14",
+    "eslint": "^10.2.0",
+    "react": "^19.2.5",
+    "rimraf": "^6.1.3",
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.58.0"
+  },
+  "peerDependencies": {
+    "react": ">=16"
   }
 }

package/dist/index.d.ts

@@ -1,30 +0,0 @@
-interface RequestProps {
-    initialPending?: boolean;
-    initialData?: any;
-    initialError?: any;
-    deps?: string[];
-    poll?: number;
-    timeout?: number;
-    ignoreRequest?: boolean;
-    ignoreCleanup?: boolean;
-    query?: any;
-    params?: any;
-    data?: any;
-    parser?: "json" | "text" | "blob" | "formData" | "arrayBuffer";
-    onStart?: () => void;
-    onSuccess?: (data: any) => void;
-    onFail?: (error: any) => void;
-    onFinish?: () => void;
-    headers?: Record<string, string>;
-    body?: any;
-    signal?: AbortSignal;
-}
-interface ResponseProps {
-    pending?: boolean;
-    data?: any;
-    error?: any;
-    sendRequest: () => void;
-    cancelRequest: () => void;
-}
-declare function useAsyncFetch(stringUrl: string, props?: RequestProps): ResponseProps;
-export default useAsyncFetch;

package/dist/index.js

@@ -1,117 +0,0 @@
-import { useState, useCallback, useEffect } from "react";
-import useInterval from "./useInterval.js";
-function useAsyncFetch(stringUrl, props = {}) {
-    const { initialPending, initialData, initialError, deps = [], poll, timeout = 30000, // 30 seconds.
-    ignoreRequest, ignoreCleanup, query, params, data: body, parser = "json", onStart, onSuccess, onFail, onFinish, ...fetchProps } = props;
-    const [pending, setPending] = useState(initialPending);
-    const [pending2, setPending2] = useState(initialPending);
-    const [data, setData] = useState(initialData);
-    const [error, setError] = useState(initialError);
-    const [cancelSource, setCancelSource] = useState();
-    const cancelRequest = useCallback(() => {
-        if (cancelSource?.abort)
-            cancelSource.abort();
-    }, [cancelSource]);
-    const sendRequest = useCallback(async () => {
-        if (ignoreRequest === true)
-            return;
-        const url = new URL(stringUrl, window.location.origin);
-        if (query || params) {
-            url.search = new URLSearchParams(query || params || {}).toString();
-        }
-        const contentType = fetchProps.headers?.["Content-Type"] ||
-            fetchProps.headers?.["content-type"];
-        if (contentType === "application/x-www-form-urlencoded") {
-            fetchProps.body = new URLSearchParams(body || {});
-        }
-        else if (body) {
-            fetchProps.body = JSON.stringify(body);
-        }
-        const controller = new AbortController();
-        const requestTimeout = setTimeout(() => controller.abort(), timeout);
-        fetchProps.signal = controller.signal;
-        if (pending)
-            setPending2(true);
-        if (!pending)
-            setPending(true);
-        setError(undefined);
-        cancelRequest();
-        setCancelSource(controller);
-        if (onStart)
-            onStart();
-        try {
-            const response = await fetch(url, fetchProps);
-            if (!response.ok) {
-                throw new Error(JSON.stringify({
-                    code: response.status,
-                    text: response.statusText,
-                    response: await response.text(),
-                }));
-            }
-            else {
-                const parsedResponse = await response[parser]();
-                setData(parsedResponse);
-                if (onSuccess)
-                    onSuccess(parsedResponse);
-            }
-        }
-        catch (e) {
-            if (e.name !== "AbortError") {
-                let error;
-                try {
-                    error = JSON.parse(e.toString().replace("Error:", "").trim());
-                }
-                catch {
-                    error = { response: e.toString(), text: e.toString() };
-                }
-                setError(error);
-                if (onFail)
-                    onFail(error);
-            }
-        }
-        finally {
-            clearTimeout(requestTimeout);
-            if (pending) {
-                setPending2(undefined);
-            }
-            else {
-                setPending(undefined);
-            }
-            if (onFinish)
-                onFinish();
-        }
-    }, [
-        ignoreRequest,
-        stringUrl,
-        query,
-        params,
-        fetchProps,
-        body,
-        timeout,
-        parser,
-        onStart,
-        onSuccess,
-        onFail,
-        onFinish,
-    ]);
-    useEffect(() => {
-        sendRequest();
-    }, deps);
-    useInterval(() => {
-        sendRequest();
-    }, poll);
-    useEffect(() => {
-        return () => {
-            if (ignoreCleanup !== true)
-                cancelRequest();
-        };
-    }, []);
-    return {
-        pending: pending || pending2,
-        data,
-        error,
-        sendRequest,
-        cancelRequest,
-    };
-}
-export default useAsyncFetch;

package/dist/useInterval.d.ts

@@ -1,2 +0,0 @@
-declare function useInterval(callback: () => void, poll?: number): void;
-export default useInterval;

package/dist/useInterval.js

@@ -1,17 +0,0 @@
-import { useRef, useEffect } from "react";
-function useInterval(callback, poll) {
-    const callbackRef = useRef(() => { }); // noop
-    useEffect(() => {
-        if (typeof callback === "function") {
-            callbackRef.current = callback;
-        }
-    }, [callback]);
-    useEffect(() => {
-        if (typeof poll !== "number" || poll < 100)
-            return;
-        const interval = setInterval(() => callbackRef.current(), poll);
-        return () => clearInterval(interval);
-    }, [poll]);
-}
-export default useInterval;
-// https://github.com/Hermanya/use-interval/blob/master/src/index.tsx