@sohanemon/utils 4.0.16 → 4.0.17

package/dist/hooks/index.d.ts

@@ -10,4 +10,20 @@ export declare function useWindowEvent<K extends string = keyof WindowEventMap>(
 type LocalStorageValue<T> = [T, Dispatch<SetStateAction<T>>];
 export declare const useLocalStorage: <T extends Record<string, any>>(key: string, defaultValue: T) => LocalStorageValue<T>;
 export declare const useUrlParams: <T extends string | number | boolean>(key: string, defaultValue: T) => [T, (value: T) => void];
+interface UseAsyncOptions<T extends (...args: any) => any> {
+    initialArgs?: Parameters<T>[0];
+    callback?: {
+        onSuccess?: (result: T) => void;
+        onError?: (error: Error) => void;
+        onExecute?: () => void;
+        onSettle?: () => void;
+    };
+    mode?: 'onLoad' | 'onTrigger';
+}
+export declare const useAsync: <T extends (...args: any) => any>(fn: T, opts?: UseAsyncOptions<T>) => {
+    execute: any;
+    isLoading: any;
+    result: any;
+    error: any;
+};
 export {};

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useEffect, useLayoutEffect, useMemo, useTransition, useCallback, useRef, useState, } from 'react';
 export const useClickOutside = (callback = () => alert('clicked outside')) => {
     const ref = useRef(null);
     const listener = (e) => {
@@ -51,12 +51,10 @@ export function useMediaQuery(tailwindBreakpoint) {
         return () => {
             matchMedia.removeEventListener('change', handleChange);
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [parsedQuery]);
     return matches;
 }
 export function useEffectOnce(effect) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     useEffect(effect, []);
 }
 export function useUpdateEffect(effect, deps) {
@@ -146,3 +144,43 @@ export const useUrlParams = (key, defaultValue) => {
     };
     return [value, updateValue];
 };
+export const useAsync = (fn, opts = {}) => {
+    const { initialArgs, callback = {}, mode = "onTrigger" } = opts;
+    const { onSuccess, onError, onExecute, onSettle } = callback;
+    const [isLoading, setIsLoading] = useState(false);
+    const [result, setValue] = useState(null);
+    const [error, setError] = useState(null);
+    const [isPending, startTransition] = useTransition();
+    const execute = useCallback(async (args) => {
+        setIsLoading(true);
+        setValue(null);
+        setError(null);
+        onExecute?.();
+        try {
+            startTransition(async () => {
+                const response = await fn(args);
+                setValue(response);
+                onSuccess?.(response);
+            });
+        }
+        catch (error) {
+            setError(error);
+            onError?.(error);
+        }
+        finally {
+            setIsLoading(false);
+            onSettle?.();
+        }
+    }, [fn, onExecute, onSuccess, onError, onSettle]);
+    useEffect(() => {
+        if (mode === 'onLoad') {
+            execute(initialArgs);
+        }
+    }, []);
+    return {
+        execute,
+        isLoading: isLoading || isPending,
+        result,
+        error,
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sohanemon/utils",
-  "version": "4.0.16",
+  "version": "4.0.17",
   "description": "",
   "type": "module",
   "source": "./src/index.ts",
@@ -14,6 +14,9 @@
   },
   "typesVersions": {
     "*": {
+      "core": [
+        "dist/index.d.ts"
+      ],
       "hooks": [
         "dist/hooks/index.d.ts"
       ],