applesauce-react/dist/hooks/use-action.js

React hooks for applesauce

import { useCallback, useRef, useState } from "react";
import { finalize } from "rxjs";
import { useActionHub } from "./use-action-hub.js";
export function useAction(Action, args) {
    const [loading, setLoading] = useState(false);
    const ref = useRef(args);
    ref.current = args;
    const hub = useActionHub();
    const run = useCallback(async () => {
        if (args === undefined)
            return;
        setLoading(true);
        try {
            await hub.run(Action, ...args);
            setLoading(false);
        }
        catch (error) {
            setLoading(false);
            throw error;
        }
    }, [Action]);
    const exec = useCallback(() => {
        if (args === undefined)
            return;
        setLoading(true);
        try {
            return hub.exec(Action, ...args).pipe(finalize(() => {
                setLoading(false);
            }));
        }
        catch (error) {
            setLoading(false);
            throw error;
        }
    }, [Action]);
    return { loading, run, exec };
}