Files
OSIT-AE-App-Svelte/src/app.html
2026-05-13 15:30:08 -04:00

78 lines
3.4 KiB
HTML

<!doctype html>
<html lang="en" data-theme="">
<head>
<meta charset="utf-8" />
<script>
(() => {
const hostname = window.location.hostname;
const is_local_dev =
hostname === 'localhost' ||
hostname === '127.0.0.1' ||
hostname === '[::1]' ||
hostname.endsWith('.localhost');
if (!is_local_dev || !('serviceWorker' in navigator)) return;
// Prevent the app bootstrap from re-registering a worker on localhost.
// The browser can otherwise keep routing fetches through a stale SW
// during iterative iframe testing, which is exactly the noise we want to avoid.
try {
Object.defineProperty(navigator.serviceWorker, 'register', {
configurable: true,
value: async () => ({})
});
} catch {
// If the property is not writable in this browser, the unregister
// pass below still removes any existing worker registration.
}
// Local iframe testing should not keep an older worker alive, because
// Chromium can continue to route fetches through the stale worker until
// it is explicitly unregistered.
navigator.serviceWorker.getRegistrations().then((registrations) => {
for (const registration of registrations) {
registration.unregister().catch(() => {});
}
}).catch(() => {});
// Clear any stale runtime caches as well; local testing should always
// rebuild from the current source rather than reusing old worker output.
if ('caches' in window) {
caches.keys().then((cache_keys) => {
for (const cache_key of cache_keys) {
caches.delete(cache_key).catch(() => {});
}
}).catch(() => {});
}
})();
</script>
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet" />
<!-- <link href="app.css" rel="stylesheet"> -->
%sveltekit.head%
</head>
<!-- h-full w-full overflow-auto -->
<!-- overflow-x-scroll -->
<body data-sveltekit-preload-data="hover" class="h-full w-full">
<div style="display: contents" class="">%sveltekit.body%</div>
</body>
</html>