rask-ui 0.29.2 → 0.29.4

package/dist/tests/useView.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useView.test.d.ts.map

package/dist/tests/useView.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useView.test.d.ts","sourceRoot":"","sources":["../../src/tests/useView.test.tsx"],"names":[],"mappings":""}

package/dist/tests/useView.test.js

@@ -1,305 +0,0 @@
-import { jsx as _jsx } from "rask-ui/jsx-runtime";
-import { describe, it, expect } from "vitest";
-import { useView } from "../useView";
-import { useState } from "../useState";
-import { Observer } from "../observation";
-import { render } from "../";
-describe("createView", () => {
-    it("should merge two plain objects", () => {
-        let view;
-        function Component() {
-            const a = { x: 1, y: 2 };
-            const b = { z: 3 };
-            view = useView(a, b);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        expect(view.y).toBe(2);
-        expect(view.z).toBe(3);
-    });
-    it("should allow later arguments to override earlier ones", () => {
-        let view;
-        function Component() {
-            const a = { x: 1, y: 2 };
-            const b = { y: 3, z: 4 };
-            view = useView(a, b);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        expect(view.y).toBe(3); // b.y overrides a.y
-        expect(view.z).toBe(4);
-    });
-    it("should maintain reactivity with reactive objects", async () => {
-        let view;
-        let state;
-        function Component() {
-            state = useState({ count: 0 });
-            view = useView(state);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        let renderCount = 0;
-        let lastValue = 0;
-        const observer = new Observer(() => {
-            renderCount++;
-        });
-        const dispose = observer.observe();
-        lastValue = view.count; // Track the property
-        dispose();
-        expect(renderCount).toBe(0);
-        state.count = 5;
-        // Wait for microtask to process notification
-        await new Promise((resolve) => {
-            queueMicrotask(() => {
-                expect(renderCount).toBe(1);
-                lastValue = view.count;
-                expect(lastValue).toBe(5);
-                resolve(undefined);
-            });
-        });
-    });
-    it("should merge reactive and plain objects while maintaining reactivity", () => {
-        let view;
-        let state;
-        function Component() {
-            state = useState({ count: 0 });
-            const helpers = {
-                increment() {
-                    state.count++;
-                },
-                decrement() {
-                    state.count--;
-                },
-            };
-            view = useView(state, helpers);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.count).toBe(0);
-        expect(typeof view.increment).toBe("function");
-        expect(typeof view.decrement).toBe("function");
-        view.increment();
-        expect(view.count).toBe(1);
-        view.decrement();
-        expect(view.count).toBe(0);
-    });
-    it("should merge multiple reactive objects", () => {
-        let view;
-        let state1;
-        let state2;
-        let state3;
-        function Component() {
-            state1 = useState({ count: 0 });
-            state2 = useState({ name: "Alice" });
-            state3 = useState({ age: 25 });
-            view = useView(state1, state2, state3);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.count).toBe(0);
-        expect(view.name).toBe("Alice");
-        expect(view.age).toBe(25);
-        state1.count = 10;
-        state2.name = "Bob";
-        state3.age = 30;
-        expect(view.count).toBe(10);
-        expect(view.name).toBe("Bob");
-        expect(view.age).toBe(30);
-    });
-    it("should reflect changes in source objects", () => {
-        let view;
-        let source;
-        function Component() {
-            source = { x: 1 };
-            view = useView(source);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        source.x = 2;
-        expect(view.x).toBe(2);
-    });
-    it("should handle property override order correctly", () => {
-        let view;
-        function Component() {
-            const a = { x: 1, y: 2, z: 3 };
-            const b = { y: 20 };
-            const c = { z: 30 };
-            view = useView(a, b, c);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1); // From a
-        expect(view.y).toBe(20); // From b (overrides a)
-        expect(view.z).toBe(30); // From c (overrides a)
-    });
-    it("should only include enumerable properties", () => {
-        let view;
-        function Component() {
-            const obj = { x: 1 };
-            Object.defineProperty(obj, "hidden", {
-                value: 42,
-                enumerable: false,
-            });
-            view = useView(obj);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        expect(view.hidden).toBeUndefined();
-    });
-    it("should handle symbol keys", () => {
-        let view;
-        let sym;
-        function Component() {
-            sym = Symbol("test");
-            const obj = { x: 1, [sym]: "symbol value" };
-            view = useView(obj);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        expect(view[sym]).toBe("symbol value");
-    });
-    it("should track dependencies for each property independently", async () => {
-        let view;
-        let state;
-        function Component() {
-            state = useState({ count: 0, name: "Alice" });
-            view = useView(state);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        let countRenderCount = 0;
-        let nameRenderCount = 0;
-        // Observer that only accesses count
-        const countObserver = new Observer(() => {
-            countRenderCount++;
-        });
-        const dispose1 = countObserver.observe();
-        view.count; // Track count
-        dispose1();
-        expect(countRenderCount).toBe(0);
-        // Change count - should trigger
-        state.count = 1;
-        await new Promise((resolve) => {
-            queueMicrotask(() => {
-                expect(countRenderCount).toBe(1);
-                resolve(undefined);
-            });
-        });
-        // Change name - should NOT trigger (not tracked)
-        state.name = "Bob";
-        await new Promise((resolve) => {
-            queueMicrotask(() => {
-                expect(countRenderCount).toBe(1); // Still 1
-                resolve(undefined);
-            });
-        });
-        // Now track name with a different observer
-        const nameObserver = new Observer(() => {
-            nameRenderCount++;
-        });
-        const dispose2 = nameObserver.observe();
-        view.name; // Track name
-        dispose2();
-        expect(nameRenderCount).toBe(0);
-        // Change name - should trigger name observer
-        state.name = "Charlie";
-        await new Promise((resolve) => {
-            queueMicrotask(() => {
-                expect(nameRenderCount).toBe(1);
-                resolve(undefined);
-            });
-        });
-    });
-    it("should return the same value type as source", () => {
-        let view;
-        function Component() {
-            const obj = { nums: [1, 2, 3], nested: { x: 1 } };
-            view = useView(obj);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(Array.isArray(view.nums)).toBe(true);
-        expect(view.nums).toEqual([1, 2, 3]);
-        expect(typeof view.nested).toBe("object");
-        expect(view.nested.x).toBe(1);
-    });
-    it("should handle empty merge", () => {
-        let view;
-        function Component() {
-            view = useView({});
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(Object.keys(view).length).toBe(0);
-    });
-    it("should merge single object", () => {
-        let view;
-        function Component() {
-            const obj = { x: 1, y: 2 };
-            view = useView(obj);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.x).toBe(1);
-        expect(view.y).toBe(2);
-    });
-    it("should maintain function context", () => {
-        let view;
-        let state;
-        function Component() {
-            state = useState({ count: 0 });
-            const methods = {
-                increment() {
-                    state.count++;
-                },
-            };
-            view = useView(state, methods);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.count).toBe(0);
-        view.increment();
-        expect(view.count).toBe(1);
-        expect(state.count).toBe(1);
-    });
-    it("should work with reactive state and computed-like patterns", () => {
-        let view;
-        let state;
-        function Component() {
-            state = useState({ firstName: "John", lastName: "Doe" });
-            const computed = {
-                get fullName() {
-                    return `${state.firstName} ${state.lastName}`;
-                },
-            };
-            view = useView(state, computed);
-            return () => _jsx("div", { children: "test" });
-        }
-        const container = document.createElement("div");
-        render(_jsx(Component, {}), container);
-        expect(view.firstName).toBe("John");
-        expect(view.lastName).toBe("Doe");
-        expect(view.fullName).toBe("John Doe");
-        state.firstName = "Jane";
-        expect(view.fullName).toBe("Jane Doe");
-    });
-});

package/dist/useComputed.d.ts

@@ -1,5 +0,0 @@
-export type Computed<T extends Record<string, () => any>> = {
-    [K in keyof T]: ReturnType<T[K]>;
-};
-export declare function useComputed<T extends Record<string, () => any>>(computed: T): Computed<T>;
-//# sourceMappingURL=useComputed.d.ts.map

package/dist/useComputed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComputed.d.ts","sourceRoot":"","sources":["../src/useComputed.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI;KACzD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAC7D,QAAQ,EAAE,CAAC,GACV,QAAQ,CAAC,CAAC,CAAC,CA0Eb"}

package/dist/useComputed.js

@@ -1,69 +0,0 @@
-import { getCurrentComponent, useCleanup } from "./component";
-import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
-import { getCurrentObserver, Observer, Signal } from "./observation";
-export function useComputed(computed) {
-    const currentComponent = getCurrentComponent();
-    const proxy = {};
-    let notifyInspectorRef = {};
-    for (const prop in computed) {
-        let isDirty = true;
-        let value;
-        const signal = new Signal();
-        const computedObserver = new Observer(() => {
-            isDirty = true;
-            signal.notify();
-            if (INSPECTOR_ENABLED) {
-                notifyInspectorRef.current?.notify({
-                    type: "computed",
-                    path: notifyInspectorRef.current.path.concat(prop),
-                    isDirty: true,
-                    value,
-                });
-            }
-        });
-        useCleanup(() => computedObserver.dispose());
-        Object.defineProperty(proxy, prop, {
-            enumerable: true,
-            configurable: true,
-            get() {
-                const currentObserver = getCurrentObserver();
-                if (currentObserver) {
-                    currentObserver.subscribeSignal(signal);
-                }
-                if (isDirty) {
-                    const stopObserving = computedObserver.observe();
-                    value = computed[prop]();
-                    stopObserving();
-                    isDirty = false;
-                    if (INSPECTOR_ENABLED) {
-                        notifyInspectorRef.current?.notify({
-                            type: "computed",
-                            path: notifyInspectorRef.current.path.concat(prop),
-                            isDirty: false,
-                            value,
-                        });
-                    }
-                    return value;
-                }
-                return value;
-            },
-        });
-    }
-    if (INSPECTOR_ENABLED) {
-        Object.defineProperty(proxy, INSPECT_MARKER, {
-            enumerable: false,
-            configurable: false,
-            get() {
-                return !notifyInspectorRef.current;
-            },
-            set: (value) => {
-                Object.defineProperty(notifyInspectorRef, "current", {
-                    get() {
-                        return value.current;
-                    },
-                });
-            },
-        });
-    }
-    return proxy;
-}

package/dist/useQuery.d.ts

@@ -1,25 +0,0 @@
-type QueryState<T, I = null> = {
-    isPending: true;
-    error: null;
-    value: I;
-} | {
-    isPending: false;
-    error: null;
-    value: T;
-} | {
-    isPending: false;
-    error: string;
-    value: I | null;
-};
-export type Query<T, P, I = null> = [
-    QueryState<T, I>,
-    [
-        P
-    ] extends [never] ? (params: P) => void : () => void
-];
-export declare function useQuery<T>(query: () => Promise<T>): Query<T, never>;
-export declare function useQuery<T>(query: () => Promise<T>, initialValue: T): Query<T, never, T>;
-export declare function useQuery<T, P>(query: (params: P) => Promise<T>): Query<T, never>;
-export declare function useQuery<T, P>(query: (params: P) => Promise<T>, initialValue: T): Query<T, never, T>;
-export {};
-//# sourceMappingURL=useQuery.d.ts.map

package/dist/useQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useQuery.d.ts","sourceRoot":"","sources":["../src/useQuery.ts"],"names":[],"mappings":"AAGA,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,IACvB;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,IAAI;IAClC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;IAChB;QAAC,CAAC;KAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;CACvD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACtE,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACvB,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACtB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,GAC/B,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACnB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAChC,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC"}

package/dist/useQuery.js

@@ -1,25 +0,0 @@
-import { useEffect } from "./useEffect";
-import { useTask } from "./useTask";
-export function useQuery(query, initialValue) {
-    const [taskState, runTask] = useTask(query);
-    let lastValue = initialValue === undefined ? null : initialValue;
-    useEffect(() => {
-        if (taskState.result) {
-            lastValue = taskState.result;
-        }
-    });
-    return [
-        {
-            get value() {
-                return taskState.result || lastValue;
-            },
-            get isPending() {
-                return taskState.isPending;
-            },
-            get error() {
-                return taskState.error;
-            },
-        },
-        runTask,
-    ];
-}

package/dist/useSuspendAsync.d.ts

@@ -1,18 +0,0 @@
-import { AsyncState } from "./useAsync";
-type SuspendAsyncState<T extends Record<string, AsyncState<any>>> = {
-    values: {
-        [K in keyof T]: T[K]["value"];
-    };
-} & ({
-    isPending: true;
-    error: null;
-} | {
-    isPending: false;
-    error: string;
-} | {
-    isPending: false;
-    error: null;
-});
-export declare function useSuspendAsync<T extends Record<string, AsyncState<any>>>(asyncs: T): SuspendAsyncState<T>;
-export {};
-//# sourceMappingURL=useSuspendAsync.d.ts.map

package/dist/useSuspendAsync.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSuspendAsync.d.ts","sourceRoot":"","sources":["../src/useSuspendAsync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI;IAClE,MAAM,EAAE;SACL,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;KAC9B,CAAC;CACH,GAAG,CACA;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,IAAI,CAAC;CACb,CACJ,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,EACvE,MAAM,EAAE,CAAC,wBAyCV"}

package/dist/useSuspendAsync.js

@@ -1,37 +0,0 @@
-import { useEffect } from "./useEffect";
-import { useState } from "./useState";
-export function useSuspendAsync(asyncs) {
-    const state = useState({
-        isPending: false,
-        error: null,
-        values: Object.keys(asyncs).reduce((aggr, key) => ({ ...aggr, [key]: asyncs[key].value }), {}),
-    });
-    useEffect(() => {
-        let isPending = false;
-        let error = "";
-        for (const key in asyncs) {
-            if (asyncs[key].error) {
-                error += asyncs[key].error + "\n";
-                continue;
-            }
-            if (asyncs[key].isPending) {
-                isPending = true;
-                continue;
-            }
-        }
-        if (error) {
-            state.isPending = false;
-            state.error = error;
-            return;
-        }
-        if (isPending) {
-            state.isPending = false;
-            state.error = null;
-            return;
-        }
-        for (const key in asyncs) {
-            state.values[key] = asyncs[key].value;
-        }
-    });
-    return state;
-}

package/dist/useTask.d.ts

@@ -1,25 +0,0 @@
-export type TaskState<P, T> = {
-    isPending: false;
-    params: null;
-    result: null;
-    error: null;
-} | {
-    isPending: true;
-    result: T | null;
-    params: P;
-    error: null;
-} | {
-    isPending: false;
-    params: null;
-    result: T;
-    error: null;
-} | {
-    isPending: false;
-    params: null;
-    result: null;
-    error: string;
-};
-export type Task<A, B = never> = [B] extends [never] ? [TaskState<null, A>, () => void] : [TaskState<A, B>, (params: A) => void];
-export declare function useTask<T>(task: (params: undefined, signal: AbortSignal) => Promise<T>): Task<T>;
-export declare function useTask<P, T>(task: (params: P, signal: AbortSignal) => Promise<T>): Task<P, T>;
-//# sourceMappingURL=useTask.d.ts.map

package/dist/useTask.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTask.d.ts","sourceRoot":"","sources":["../src/useTask.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,IACtB;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAChD,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,GAChC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAE3C,wBAAgB,OAAO,CAAC,CAAC,EACvB,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,CAAC,CAAC,CAAC,CAAC;AACX,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAC1B,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GACnD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/useTask.js

@@ -1,70 +0,0 @@
-import { useCleanup, getCurrentComponent } from "./component";
-import { assignState, useState } from "./useState";
-export function useTask(task) {
-    const currentComponent = getCurrentComponent();
-    if (!currentComponent || currentComponent.isRendering) {
-        throw new Error("Only use createTask in component setup");
-    }
-    const state = useState({
-        isPending: false,
-        result: null,
-        error: null,
-        params: null,
-    });
-    let currentAbortController;
-    const fetch = (params) => {
-        currentAbortController?.abort();
-        const abortController = (currentAbortController = new AbortController());
-        const promise = task(params, abortController.signal);
-        promise
-            .then((result) => {
-            if (abortController.signal.aborted) {
-                return;
-            }
-            assignState(state, {
-                isPending: false,
-                result,
-                error: null,
-                params: null,
-            });
-        })
-            .catch((error) => {
-            if (abortController.signal.aborted) {
-                return;
-            }
-            assignState(state, {
-                isPending: false,
-                result: null,
-                error: String(error),
-                params: null,
-            });
-        });
-        return promise;
-    };
-    useCleanup(() => currentAbortController?.abort());
-    return [
-        {
-            get isPending() {
-                return state.isPending;
-            },
-            get result() {
-                return state.result;
-            },
-            get error() {
-                return state.error;
-            },
-            get params() {
-                return state.params;
-            },
-        },
-        (params) => {
-            fetch(params);
-            assignState(state, {
-                isPending: true,
-                result: null,
-                error: null,
-                params: (params || null),
-            });
-        },
-    ];
-}