From 0660524dc6d845e067a5143322809cc37a48490f Mon Sep 17 00:00:00 2001
From: "Alessandro (Ale) Segala" <43508+ItalyPaleAle@users.noreply.github.com>
Date: Mon, 28 Sep 2026 07:49:12 -0700
Subject: [PATCH] fix: handle localStorage not enabled gracefully (#1786)

---
 frontend/src/app.html                               | 2 +-
 frontend/src/lib/components/collapsible-card.svelte | 6 +++---
 frontend/src/lib/components/ui/alert/alert.svelte   | 6 +++---
 frontend/src/lib/utils/cached-image-util.ts         | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/app.html b/frontend/src/app.html
index 42e75529..49af4024 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -9,7 +9,7 @@
 		<link rel="apple-touch-icon" href="/img/static-logo-512.png" />
 		<script>
 			try {
-				const mode = localStorage.getItem('mode-watcher-mode') || 'system';
+				const mode = localStorage?.getItem('mode-watcher-mode') || 'system';
 				const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
 				const isDark = mode === 'dark' || (mode === 'system' && prefersDark);
 
diff --git a/frontend/src/lib/components/collapsible-card.svelte b/frontend/src/lib/components/collapsible-card.svelte
index 004c3a44..f7a92084 100644
--- a/frontend/src/lib/components/collapsible-card.svelte
+++ b/frontend/src/lib/components/collapsible-card.svelte
@@ -30,14 +30,14 @@
 	let expanded = $state(defaultExpanded);
 
 	function loadExpandedState() {
-		const state = JSON.parse(localStorage.getItem('collapsible-cards-expanded') || '{}');
+		const state = JSON.parse(localStorage?.getItem('collapsible-cards-expanded') || '{}');
 		expanded = state[id] || false;
 	}
 
 	function saveExpandedState() {
-		const state = JSON.parse(localStorage.getItem('collapsible-cards-expanded') || '{}');
+		const state = JSON.parse(localStorage?.getItem('collapsible-cards-expanded') || '{}');
 		state[id] = expanded;
-		localStorage.setItem('collapsible-cards-expanded', JSON.stringify(state));
+		localStorage?.setItem('collapsible-cards-expanded', JSON.stringify(state));
 	}
 
 	function toggleExpanded() {
diff --git a/frontend/src/lib/components/ui/alert/alert.svelte b/frontend/src/lib/components/ui/alert/alert.svelte
index e5f867d3..bc7b9c9a 100644
--- a/frontend/src/lib/components/ui/alert/alert.svelte
+++ b/frontend/src/lib/components/ui/alert/alert.svelte
@@ -46,7 +46,7 @@
 
 	onMount(() => {
 		if (dismissibleId) {
-			const dismissedAlerts = JSON.parse(localStorage.getItem('dismissed-alerts') || '[]');
+			const dismissedAlerts = JSON.parse(localStorage?.getItem('dismissed-alerts') || '[]');
 			isVisible = !dismissedAlerts.includes(dismissibleId);
 		}
 	});
@@ -54,8 +54,8 @@
 	function dismiss() {
 		onDismiss?.();
 		if (dismissibleId) {
-			const dismissedAlerts = JSON.parse(localStorage.getItem('dismissed-alerts') || '[]');
-			localStorage.setItem('dismissed-alerts', JSON.stringify([...dismissedAlerts, dismissibleId]));
+			const dismissedAlerts = JSON.parse(localStorage?.getItem('dismissed-alerts') || '[]');
+			localStorage?.setItem('dismissed-alerts', JSON.stringify([...dismissedAlerts, dismissibleId]));
 			isVisible = false;
 		}
 	}
diff --git a/frontend/src/lib/utils/cached-image-util.ts b/frontend/src/lib/utils/cached-image-util.ts
index 2419bff5..8f592285 100644
--- a/frontend/src/lib/utils/cached-image-util.ts
+++ b/frontend/src/lib/utils/cached-image-util.ts
@@ -103,13 +103,13 @@ function bustImageCache(url: URL) {
 	const key = normalizeUrlForKey(url);
 	const expiresAt = Date.now() + 1000 * 60 * 15;
 
-	const store: SkipCacheUntil = JSON.parse(localStorage.getItem('skip-cache-until') ?? '{}');
+	const store: SkipCacheUntil = JSON.parse(localStorage?.getItem('skip-cache-until') ?? '{}');
 	store[key] = expiresAt;
-	localStorage.setItem('skip-cache-until', JSON.stringify(store));
+	localStorage?.setItem('skip-cache-until', JSON.stringify(store));
 }
 
 function getSkipCacheUntil(key: string): number {
-	const store: SkipCacheUntil = JSON.parse(localStorage.getItem('skip-cache-until') ?? '{}');
+	const store: SkipCacheUntil = JSON.parse(localStorage?.getItem('skip-cache-until') ?? '{}');
 	return store[key] ?? 0;
 }