Ty_Tech/SlabUploader
6
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix SSR browser gate: use browser from $app/environment

Browse Source 
The gate check ran during SSR where navigator is undefined,
rendering the 'Unsupported browser' div into the initial HTML.
Now gated on browser (client-only) so SSR renders the app
and the gate evaluates in the browser.
This commit is contained in:
Ty
2026-09-14 11:49:01 -07:00
parent 2bc7eecd7c
commit 2d5ff95441
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/+layout.svelte
+2 -1
View File
@@ -1,12 +1,13 @@
<script> <script>
import '../app.css'; import '../app.css';
import { browser } from '$app/environment';
import { checkBrowserGate } from '$lib/core/browserGate.js'; import { checkBrowserGate } from '$lib/core/browserGate.js';
// UAT-3: hard-stop browser gate (CAPTURE.md §Browsers). // UAT-3: hard-stop browser gate (CAPTURE.md §Browsers).
// Client-side only: the gate must be invisible to crawlers/bots // Client-side only: the gate must be invisible to crawlers/bots
// and to any non-JS context, and the app must not render in an // and to any non-JS context, and the app must not render in an
// unsupported browser. // unsupported browser.
const gate = typeof navigator !== 'undefined' ? checkBrowserGate(navigator.userAgent) : null; const gate = browser ? checkBrowserGate(navigator.userAgent) : null;
let unsupported = $state(gate ? !gate.supported : false); let unsupported = $state(gate ? !gate.supported : false);
let browserName = $state(gate ? gate.browser.name : 'this browser'); let browserName = $state(gate ? gate.browser.name : 'this browser');
</script> </script>