fix(pwa): force sw update; bypass env.js cache

Author: linull24

app/src/lib/pwa/serviceWorker.ts

@@ -26,6 +26,43 @@ export async function ensureServiceWorkerRegistered(): Promise<ServiceWorkerStat
 	try {
 		const scope = `${base || ''}/`;
 		const registration = await navigator.serviceWorker.register(`${scope}service-worker.js`, { scope });
+
+		// Aggressively keep SW updated on static deployments, otherwise users may remain stuck on
+		// stale bundles/env config for a long time.
+		try {
+			await registration.update();
+		} catch {
+			// ignore
+		}
+
+		const maybeSkipWaiting = () => {
+			try {
+				registration.waiting?.postMessage({ type: 'SKIP_WAITING' });
+			} catch {
+				// ignore
+			}
+		};
+
+		// If a new SW is already waiting, activate it now.
+		maybeSkipWaiting();
+
+		let reloaded = false;
+		const onControllerChange = () => {
+			if (reloaded) return;
+			reloaded = true;
+			// Hard reload to pick up new bundles and env.
+			window.location.reload();
+		};
+		navigator.serviceWorker.addEventListener('controllerchange', onControllerChange, { once: true });
+
+		registration.addEventListener('updatefound', () => {
+			const worker = registration.installing;
+			if (!worker) return;
+			worker.addEventListener('statechange', () => {
+				if (worker.state === 'installed') maybeSkipWaiting();
+			});
+		});
+
 		return {
 			supported,
 			registered: true,

app/src/service-worker.ts

@@ -55,11 +55,29 @@ self.addEventListener('activate', (event) => {
 	);
 });
 
+self.addEventListener('message', (event) => {
+	if (!event.data || typeof event.data !== 'object') return;
+	if ((event.data as any).type === 'SKIP_WAITING') {
+		self.skipWaiting();
+	}
+});
+
 self.addEventListener('fetch', (event) => {
 	if (event.request.method !== 'GET') return;
 	const url = new URL(event.request.url);
 	if (url.origin !== self.location.origin) return;
 
+	// Always fetch env from network to avoid stale config (clientId/proxy URL) after deployments.
+	if (url.pathname.endsWith('/_app/env.js')) {
+		event.respondWith(
+			(async () => {
+				const response = await fetch(event.request, { cache: 'no-store' });
+				return withIsolationHeaders(response);
+			})()
+		);
+		return;
+	}
+
 	event.respondWith(
 		(async () => {
 			const cache = await caches.open(CACHE_NAME);