From c17db15e62c537e713e5191e21236bcd06b9dc57 Mon Sep 17 00:00:00 2001
From: jj <log@riseup.net>
Date: Sun, 20 Oct 2024 12:51:52 +0000
Subject: [PATCH] web/debug: dump states on debug page

---
 web/src/routes/settings/debug/+page.svelte | 39 ++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/settings/debug/+page.svelte b/web/src/routes/settings/debug/+page.svelte
index edb612f9..98b08aa4 100644
--- a/web/src/routes/settings/debug/+page.svelte
+++ b/web/src/routes/settings/debug/+page.svelte
@@ -1,25 +1,60 @@
 <script lang="ts">
-    import { onMount } from "svelte";
+    import { onDestroy, onMount } from "svelte";
     import { goto } from "$app/navigation";
     import { version } from "$lib/version";
     import { device, app } from "$lib/device";
     import { defaultNavPage } from "$lib/subnav";
     import settings, { storedSettings } from "$lib/state/settings";
-
     import SectionHeading from "$components/misc/SectionHeading.svelte";
+    import { type Readable, type Unsubscriber } from "svelte/store";
+
+    const stateSubscribers: Record<string, Unsubscriber> = {};
+    let states: Record<string, unknown> = {};
 
     $: sections = [
         { title: "device", data: device },
         { title: "app", data: app },
         { title: "settings", data: $storedSettings },
         { title: "version", data: $version },
+        { title: "states", data: states }
     ];
 
+    const loadStates = () => {
+        const modules = import.meta.glob("/src/lib/*/*.ts");
+        const excluded = new Set(['translations.translations', 'settings']);
+
+        Object.entries(modules).map(async ([ name, _import ]) => {
+            const moduleName = name.split('/').pop()?.split('.').shift();
+
+            const module = await _import() as Record<string, unknown>;
+            for (const key in module) {
+                const _export = module[key] as unknown as Readable<unknown>;
+                if (typeof _export === 'object' && 'subscribe' in _export) {
+                    const name = moduleName + (key === 'default' ? '' : `.${key}`);
+                    if (excluded.has(name)) continue;
+
+                    stateSubscribers[name] = _export.subscribe((value) => {
+                        states = {
+                            ...states,
+                            [name]: value
+                        }
+                    });
+                }
+            }
+        });
+    }
+
     onMount(() => {
         if (!$settings.advanced.debug) {
             goto(defaultNavPage("settings"), { replaceState: true });
         }
+
+        loadStates();
     });
+
+    onDestroy(() => {
+        Object.values(stateSubscribers).map(unsub => unsub());
+    })
 </script>
 
 {#if $settings.advanced.debug}