flysoft-react-ui 0.2.0 → 0.2.2

package/dist/hooks/useApi.js

@@ -1,150 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { apiClient, } from "../services/apiClient";
-const queryRegistry = new Map();
-const defaultError = {
-    message: "Unknown API error",
-    code: "UNKNOWN",
-};
-export const registerQuery = (key, refetcher) => {
-    if (!key)
-        return;
-    const existing = queryRegistry.get(key) ?? new Set();
-    existing.add(refetcher);
-    queryRegistry.set(key, existing);
-};
-export const unregisterQuery = (key, refetcher) => {
-    const existing = queryRegistry.get(key);
-    if (!existing)
-        return;
-    existing.delete(refetcher);
-    if (existing.size === 0) {
-        queryRegistry.delete(key);
-    }
-};
-export const invalidateQueries = async (keys) => {
-    const tasks = [];
-    keys.forEach((key) => {
-        const refetchers = queryRegistry.get(key);
-        if (!refetchers)
-            return;
-        refetchers.forEach((refetcher) => {
-            tasks.push(Promise.resolve()
-                .then(() => refetcher())
-                .catch(() => {
-                // Swallow refetch errors during invalidation.
-            }));
-        });
-    });
-    await Promise.allSettled(tasks);
-};
-// UI components can map `error` or `loading` to themed indicators such as `Badge`
-// or in-card alerts without modifying this hook. See the docs example for guidance.
-const callMethod = async (method, options) => {
-    switch (method) {
-        case "get":
-            return apiClient.get(options);
-        case "delete":
-            return apiClient.delete(options);
-        case "post":
-            return apiClient.post(options);
-        case "put":
-            return apiClient.put(options);
-        case "patch":
-            return apiClient.patch(options);
-        default:
-            return apiClient.get(options);
-    }
-};
-const buildRequestOptions = (base, override) => ({
-    url: override?.url ?? base.url,
-    params: override?.params ?? base.params,
-    data: override?.data ?? base.data,
-    headers: {
-        ...base.headers,
-        ...(override?.headers ?? {}),
-    },
-    config: {
-        ...base.config,
-        ...(override?.config ?? {}),
-    },
-});
-export const useApi = (options) => {
-    const { method = "get", enabled = true, transform, onSuccess, onError, queryKey, } = options;
-    const [data, setData] = useState();
-    const [loading, setLoading] = useState(enabled);
-    const [error, setError] = useState();
-    const latestOptionsRef = useRef(options);
-    latestOptionsRef.current = options;
-    const transformRef = useRef(transform);
-    transformRef.current = transform;
-    const onSuccessRef = useRef(onSuccess);
-    onSuccessRef.current = onSuccess;
-    const onErrorRef = useRef(onError);
-    onErrorRef.current = onError;
-    const refetch = useCallback(async (override) => {
-        const activeOptions = latestOptionsRef.current;
-        const requestOptions = buildRequestOptions(activeOptions, override);
-        setLoading(true);
-        setError(undefined);
-        try {
-            const response = await callMethod(method, requestOptions);
-            const transformed = (transformRef.current
-                ? transformRef.current(response)
-                : response);
-            setData(transformed);
-            onSuccessRef.current?.(transformed);
-            return transformed;
-        }
-        catch (err) {
-            const appError = err ?? defaultError;
-            setError(appError);
-            onErrorRef.current?.(appError);
-            throw appError;
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [method]);
-    const stableRefetch = useMemo(() => refetch, [refetch]);
-    useEffect(() => {
-        if (queryKey) {
-            registerQuery(queryKey, stableRefetch);
-            return () => {
-                unregisterQuery(queryKey, stableRefetch);
-            };
-        }
-        return undefined;
-    }, [queryKey, stableRefetch]);
-    useEffect(() => {
-        if (!enabled) {
-            setLoading(false);
-            return;
-        }
-        let cancelled = false;
-        const run = async () => {
-            try {
-                await refetch();
-            }
-            catch {
-                if (!cancelled) {
-                    // Error state already handled inside refetch.
-                }
-            }
-        };
-        void run();
-        return () => {
-            cancelled = true;
-        };
-    }, [enabled, refetch]);
-    const reset = useCallback(() => {
-        setData(undefined);
-        setError(undefined);
-    }, []);
-    return {
-        data,
-        loading,
-        error,
-        refetch,
-        reset,
-    };
-};

package/dist/hooks/useApiMutation.d.ts

@@ -1,22 +0,0 @@
-import type { AxiosRequestConfig } from "axios";
-import { type AppApiError, type HttpMethod, type RequestOptions } from "../services/apiClient";
-type MutationMethod = Exclude<HttpMethod, "get">;
-export interface UseApiMutationOptions<TResponse, TBody = unknown, TParams = Record<string, unknown>> extends Omit<RequestOptions<TBody, TParams>, "config"> {
-    method?: MutationMethod;
-    config?: AxiosRequestConfig;
-    invalidateKeys?: string[];
-    onSuccess?: (data: TResponse) => void | Promise<void>;
-    onError?: (error: AppApiError) => void | Promise<void>;
-    onSettled?: (data: TResponse | undefined, error: AppApiError | undefined) => void | Promise<void>;
-}
-export interface UseApiMutationResult<TResponse, TBody = unknown, TParams = Record<string, unknown>> {
-    data: TResponse | undefined;
-    loading: boolean;
-    error: AppApiError | undefined;
-    mutate: (override?: Partial<RequestOptions<TBody, TParams>>) => void;
-    mutateAsync: (override?: Partial<RequestOptions<TBody, TParams>>) => Promise<TResponse>;
-    reset: () => void;
-}
-export declare const useApiMutation: <TResponse, TBody = unknown, TParams = Record<string, unknown>>(options: UseApiMutationOptions<TResponse, TBody, TParams>) => UseApiMutationResult<TResponse, TBody, TParams>;
-export {};
-//# sourceMappingURL=useApiMutation.d.ts.map

package/dist/hooks/useApiMutation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useApiMutation.d.ts","sourceRoot":"","sources":["../../src/hooks/useApiMutation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAG/B,KAAK,cAAc,GAAG,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAEjD,MAAM,WAAW,qBAAqB,CACpC,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACjC,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;IACtD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,KAAK,EAAE,WAAW,GAAG,SAAS,KAC3B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB,CACnC,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,MAAM,EAAE,CACN,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAC/C,IAAI,CAAC;IACV,WAAW,EAAE,CACX,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAC/C,OAAO,CAAC,SAAS,CAAC,CAAC;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AA0CD,eAAO,MAAM,cAAc,GACzB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEjC,SAAS,qBAAqB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,KACxD,oBAAoB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAyEhD,CAAC"}

package/dist/hooks/useApiMutation.js

@@ -1,85 +0,0 @@
-import { useCallback, useRef, useState } from "react";
-import { apiClient, } from "../services/apiClient";
-import { invalidateQueries } from "./useApi";
-const callMutation = async (method, options) => {
-    switch (method) {
-        case "post":
-            return apiClient.post(options);
-        case "put":
-            return apiClient.put(options);
-        case "patch":
-            return apiClient.patch(options);
-        case "delete":
-            return apiClient.delete({
-                url: options.url,
-                params: options.params,
-                headers: options.headers,
-                config: options.config,
-            });
-        default:
-            return apiClient.post(options);
-    }
-};
-const buildMutationOptions = (base, override) => ({
-    url: override?.url ?? base.url,
-    params: override?.params ?? base.params,
-    data: override?.data ?? base.data,
-    headers: {
-        ...base.headers,
-        ...(override?.headers ?? {}),
-    },
-    config: {
-        ...base.config,
-        ...(override?.config ?? {}),
-    },
-});
-export const useApiMutation = (options) => {
-    const { method = "post", invalidateKeys, onSuccess, onError, onSettled, } = options;
-    const [data, setData] = useState();
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState();
-    const latestOptionsRef = useRef(options);
-    latestOptionsRef.current = options;
-    const mutateAsync = useCallback(async (override) => {
-        const activeOptions = latestOptionsRef.current;
-        const requestOptions = buildMutationOptions(activeOptions, override);
-        setLoading(true);
-        setError(undefined);
-        try {
-            const response = await callMutation(method, requestOptions);
-            setData(response);
-            await onSuccess?.(response);
-            if (invalidateKeys?.length) {
-                await invalidateQueries(invalidateKeys);
-            }
-            await onSettled?.(response, undefined);
-            return response;
-        }
-        catch (err) {
-            const appError = err;
-            setError(appError);
-            await onError?.(appError);
-            await onSettled?.(undefined, appError);
-            throw appError;
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [invalidateKeys, method, onError, onSettled, onSuccess]);
-    const mutate = useCallback((override) => {
-        void mutateAsync(override);
-    }, [mutateAsync]);
-    const reset = useCallback(() => {
-        setData(undefined);
-        setError(undefined);
-        setLoading(false);
-    }, []);
-    return {
-        data,
-        loading,
-        error,
-        mutate,
-        mutateAsync,
-        reset,
-    };
-};