Anki/ts/graphs/async.ts

import { Readable, readable, derived } from "svelte/store";

export interface AsyncData<T, E> {
    value: Readable<T | null>,
    error: Readable<E | null>,
    pending: Readable<boolean>,
    success: Readable<boolean>,
}


function useAsync<T, E = unknown>(asyncFunction: () => Promise<T>): AsyncData<T, E> {
    const promise = asyncFunction();

    const value = readable(null, (set: (value: T) => void) => {
        promise.then((value: T) => set(value))
    })

    const error = readable(null, (set: (value: E) => void) => {
        promise.catch((value: E) => set(value))
    })

    const pending = derived([value, error], (_, set) => set(false), true)
    const success= derived([value], (_, set) => set(true), false)

    return { value, error, pending, success }
}

export default useAsync