web/settings: add advanced & debug pages

web/src/lib/settings/defaults.ts

@@ -8,6 +8,9 @@ const defaultSettings: CobaltSettings = {
         reduceAnimations: false,
         reduceTransparency: false,
     },
+    advanced: {
+        debug: false,
+    },
     appearance: {
         theme: "auto",
         language: defaultLocale,

web/src/lib/types/settings.ts

@@ -18,6 +18,10 @@ type CobaltSettingsAppearance = {
     autoLanguage: boolean,
 };
 
+type CobaltSettingsAdvanced = {
+    debug: boolean,
+};
+
 type CobaltSettingsGeneral = {
     customProcessingEndpoint: string,
     seenOnboarding: boolean,
@@ -45,6 +49,7 @@ type CobaltSettingsPrivacy = {
 export type CobaltSettings = {
     schemaVersion: number,
     accessibility: CobaltSettingsAccessibility,
+    advanced: CobaltSettingsAdvanced,
     appearance: CobaltSettingsAppearance,
     general: CobaltSettingsGeneral,
     save: CobaltSettingsSave,

web/src/lib/version.ts

@@ -0,0 +1,23 @@
+type VersionResponse = {
+    commit: string;
+    branch: string;
+    remote: string;
+    version: string;
+}
+
+const fetchVersion = async function () {
+    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 = await fetchVersion();