up

frontend/src/lib/uiPref.ts

@@ -0,0 +1,46 @@
+// Portable UI preferences.
+//
+// A handful of small UI prefs historically lived only in the WebView's
+// localStorage, so they did NOT travel when the operator copied the OpsLog
+// folder (data/) to another machine. These helpers mirror them into the DB
+// settings table (ui.* keys, like the grid columns) so the whole setup is
+// identical after a copy.
+import { GetUIPref, SetUIPref } from '../../wailsjs/go/main/App';
+
+// Keys that must travel with data/ (DB is the portable source of truth; the
+// localStorage copy is just a fast, synchronous cache).
+const PORTABLE_KEYS = [
+  'hamlog.qsoLimit',      // QSO list page size
+  'bandmap.side',         // band map docked left / right
+  'opslog.autofocusWB',   // auto-focus Worked-before
+  'hamlog.filterPresets', // Filter Builder saved presets
+  'opslog.showRotor',     // rotor compass shown next to the keyers
+  'opslog.showBeamOnMap', // antenna beam lobe drawn on the Main map
+  'opslog.startEqualsEnd',// log TIME_ON = TIME_OFF (QSO time = completion time)
+];
+
+// syncPortablePrefs reconciles the DB with the local cache at startup:
+//   • DB has a value  → copy it into localStorage (a copied folder restores it);
+//   • DB empty, local set → seed the DB from local (migrates the current value).
+// Call it BEFORE the first render so the app's synchronous localStorage reads
+// already see the portable values — no per-component hydration needed.
+export async function syncPortablePrefs(): Promise<void> {
+  await Promise.all(PORTABLE_KEYS.map(async (key) => {
+    try {
+      const db = await GetUIPref(key);
+      const local = localStorage.getItem(key);
+      if (db != null && db !== '') {
+        if (db !== local) { try { localStorage.setItem(key, db); } catch { /* quota */ } }
+      } else if (local != null && local !== '') {
+        await SetUIPref(key, local);
+      }
+    } catch { /* backend not ready / no DB — keep whatever is in localStorage */ }
+  }));
+}
+
+// writeUiPref write-throughs a value to the local cache AND the portable DB.
+// Use it everywhere these keys are written instead of localStorage.setItem.
+export function writeUiPref(key: string, value: string): void {
+  try { localStorage.setItem(key, value); } catch { /* quota / private mode */ }
+  SetUIPref(key, value).catch(() => { /* DB unavailable — the cache still holds it */ });
+}