From a6c7eb5d5e55dd9805b38be0837a87066ec2a98d Mon Sep 17 00:00:00 2001
From: Developer <dev@local-transcription.local>
Date: Mon, 6 Apr 2026 19:15:50 -0700
Subject: [PATCH] Fix blank screen: rename stores to .svelte.ts for rune
 support

Svelte 5 runes ($state, $derived, $effect) are only compiled in
.svelte and .svelte.ts files. The stores used runes in plain .ts
files, which meant $state was treated as an undefined function at
runtime, crashing the JS before anything rendered.

- Renamed backend.ts -> backend.svelte.ts
- Renamed config.ts -> config.svelte.ts
- Renamed transcriptions.ts -> transcriptions.svelte.ts
- Added .svelte.ts to Vite resolve extensions
- Added missing obsUrl/syncUrl getters to backend store

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/lib/stores/{backend.ts => backend.svelte.ts}          | 8 ++++++++
 src/lib/stores/{config.ts => config.svelte.ts}            | 0
 .../{transcriptions.ts => transcriptions.svelte.ts}       | 0
 vite.config.ts                                            | 1 +
 4 files changed, 9 insertions(+)
 rename src/lib/stores/{backend.ts => backend.svelte.ts} (96%)
 rename src/lib/stores/{config.ts => config.svelte.ts} (100%)
 rename src/lib/stores/{transcriptions.ts => transcriptions.svelte.ts} (100%)

diff --git a/src/lib/stores/backend.ts b/src/lib/stores/backend.svelte.ts
similarity index 96%
rename from src/lib/stores/backend.ts
rename to src/lib/stores/backend.svelte.ts
index f0293bc..7c1d074 100644
--- a/src/lib/stores/backend.ts
+++ b/src/lib/stores/backend.svelte.ts
@@ -255,6 +255,14 @@ export const backendStore = {
   get wsUrl() {
     return `ws://localhost:${state.port}/ws/control`;
   },
+  get obsUrl() {
+    // OBS display runs on the web server port (one below the API port)
+    const obsPort = state.port > 0 ? state.port - 1 : 8080;
+    return `http://localhost:${obsPort}`;
+  },
+  get syncUrl() {
+    return "";
+  },
   setPort,
   connect: connectWebSocket,
   disconnect,
diff --git a/src/lib/stores/config.ts b/src/lib/stores/config.svelte.ts
similarity index 100%
rename from src/lib/stores/config.ts
rename to src/lib/stores/config.svelte.ts
diff --git a/src/lib/stores/transcriptions.ts b/src/lib/stores/transcriptions.svelte.ts
similarity index 100%
rename from src/lib/stores/transcriptions.ts
rename to src/lib/stores/transcriptions.svelte.ts
diff --git a/vite.config.ts b/vite.config.ts
index a1c0f26..ee480ec 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -10,6 +10,7 @@ export default defineConfig({
     alias: {
       $lib: path.resolve("./src/lib"),
     },
+    extensions: [".svelte.ts", ".ts", ".svelte", ".js", ".mjs", ".mts"],
   },
   server: {
     port: 1420,