web/save: add supported services popover

web/src/lib/api/server-info.ts

@@ -0,0 +1,46 @@
+import { get, writable } from "svelte/store";
+import { currentApiURL } from "$lib/api/api-url";
+
+import type { CobaltServerInfoResponse, CobaltErrorResponse, CobaltServerInfo } from "$lib/types/api";
+
+export const cachedInfo = writable<CobaltServerInfo | undefined>();
+
+const request = async () => {
+    const apiEndpoint = `${currentApiURL()}/`;
+
+    const response: CobaltServerInfoResponse = await fetch(apiEndpoint, {
+        redirect: "manual",
+        signal: AbortSignal.timeout(10000),
+    })
+    .then(r => r.json())
+    .catch((e) => {
+        if (e?.message?.includes("timed out")) {
+            return {
+                status: "error",
+                error: {
+                    code: "error.api.timed_out"
+                }
+            } as CobaltErrorResponse
+        }
+    });
+
+    return response;
+}
+
+export const getServerInfo = async () => {
+    const cache = get(cachedInfo);
+    if (cache) return true;
+
+    const freshInfo = await request();
+
+    if (!freshInfo || !("cobalt" in freshInfo)) {
+        return false;
+    }
+
+    if (!("status" in freshInfo)) {
+        cachedInfo.set(freshInfo);
+        return true;
+    }
+
+    return false;
+}

web/src/lib/types/api.ts

@@ -43,7 +43,23 @@ export type CobaltSession = {
     exp: number,
 }
 
+export type CobaltServerInfo = {
+    cobalt: {
+        version: string,
+        url: string,
+        startTime: string,
+        durationLimit: number,
+        services: string[]
+    },
+    git: {
+        branch: string,
+        commit: string,
+        remote: string,
+    }
+}
+
 export type CobaltSessionResponse = CobaltSession | CobaltErrorResponse;
+export type CobaltServerInfoResponse = CobaltServerInfo | CobaltErrorResponse;
 
 export type CobaltAPIResponse = CobaltErrorResponse
                             | CobaltPickerResponse