web/version: convert to readable

web/src/lib/version.ts

@@ -1,3 +1,5 @@
+import { readable } from "svelte/store";
+
 type VersionResponse = {
     commit: string;
     branch: string;
@@ -5,19 +7,19 @@ type VersionResponse = {
     version: string;
 }
 
-const fetchVersion = async function () {
+const unknownVersion = {
-    const response: VersionResponse | undefined = await fetch('/version.json')
-        .then(r => r.json())
-        .catch(() => {});
-
-    if (!response) return {
     commit: "unknown",
     branch: "unknown",
     remote: "unknown",
     version: "unknown"
-    }
+};
 
-    return response;
+export const version = readable<VersionResponse>(
+    unknownVersion,
+    (set) => {
+        fetch('/version.json')
+            .then(r => r.json())
+            .then(set)
+            .catch(() => {})
     }
-
+)
-export const version = await fetchVersion();

web/src/routes/settings/advanced/debug/+page.svelte

@@ -32,7 +32,7 @@
 
         <h3>version:</h3>
         <div class="message-container subtext">
-            {JSON.stringify(version, null, 2)}
+            {JSON.stringify($version, null, 2)}
         </div>
     </div>
 {/if}