rask-ui 0.27.0 → 0.28.0

package/dist/useQuery.js

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,70 @@
+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),
+            });
+        },
+    ];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",