From f82a02bd2e35ffdb1833d20469f58a1afcb4d72a Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Sun, 21 Mar 2021 19:43:59 +0100
Subject: [PATCH] Add Svelte async hook

---
 ts/graphs/async.ts | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 ts/graphs/async.ts

diff --git a/ts/graphs/async.ts b/ts/graphs/async.ts
new file mode 100644
index 000000000..073ba42a9
--- /dev/null
+++ b/ts/graphs/async.ts
@@ -0,0 +1,28 @@
+import { Readable, readable, derived } from "svelte/store";
+
+interface AsyncData<T, E> {
+    value: Readable<T | null>,
+    error: Readable<E | null>,
+    pending: Readable<boolean>,
+    successful: Readable<boolean>,
+}
+
+
+function useAsync<T, E = Error>(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(true), true)
+    const successful = derived([value], (_, set) => set(true), false)
+
+    return { value, error, pending, successful }
+}
+
+export default useAsync