fix: localstorage access only for browsers

Author: deansallinen

src/routes/[network]/+layout.svelte

@@ -29,6 +29,7 @@
 	import PageBanner from '$lib/components/banner/pageBanner.svelte';
 	import DebugToggle from '$lib/components/select/debug.svelte';
 	import { CodeIcon } from 'lucide-svelte';
+	import { browser } from '$app/environment';
 
 	let { children, data } = $props();
 
@@ -216,12 +217,12 @@
 	<!-- Init color scheme on page load -->
 	<script>
 		(function () {
-			const storedTheme = localStorage.getItem('color-scheme');
+			const storedTheme = browser && localStorage.getItem('color-scheme');
 			const theme =
 				storedTheme ||
 				(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
 			document.documentElement.setAttribute('data-scheme', theme);
-			if (!storedTheme) localStorage.setItem('color-scheme', theme);
+			if (browser && !storedTheme) localStorage.setItem('color-scheme', theme);
 		})();
 	</script>
 </svelte:head>

src/routes/[network]/settings/+page.svelte

@@ -2,6 +2,7 @@
 	import { BlockTimestamp } from '@wharfkit/antelope';
 	import { getContext } from 'svelte';
 	import type { ChangeFn } from '@melt-ui/svelte/internal/helpers';
+	import { browser } from '$app/environment';
 
 	import Switch from '$lib/components/input/switch.svelte';
 	import LanguageSelect from '$lib/components/select/language.svelte';
@@ -31,7 +32,7 @@
 	let developerMode = $state(!!context.settings.data.developerMode);
 	let mockPrice = $state(!!context.settings.data.mockPrice);
 	let increasedPrecision = $state(!!context.settings.data.increasedPrecision);
-	let darkMode = $state(localStorage.getItem('color-scheme') === 'dark');
+	let darkMode = $state(browser && localStorage.getItem('color-scheme') === 'dark');
 
 	let refEarliestExecution: DatetimeInput | undefined = $state();