refactor: move service worker to src

Author: omfj

programmerbar-web/src/lib/utils/push-notifications.ts

@@ -1,28 +1,3 @@
-/**
- * Utility functions for managing push notifications
- */
-
-/**
- * Register service worker
- */
-export async function registerServiceWorker(): Promise<ServiceWorkerRegistration | null> {
-	if (!('serviceWorker' in navigator)) {
-		console.warn('Service workers are not supported in this browser');
-		return null;
-	}
-
-	try {
-		const registration = await navigator.serviceWorker.register('/service-worker.js', {
-			scope: '/'
-		});
-		console.log('Service Worker registered successfully:', registration);
-		return registration;
-	} catch (error) {
-		console.error('Service Worker registration failed:', error);
-		return null;
-	}
-}
-
 /**
  * Check if push notifications are supported
  */

programmerbar-web/src/routes/+layout.svelte

@@ -3,9 +3,6 @@
 
 	import { setUserContext } from '$lib/states/user.svelte';
 	import { Toaster } from 'svelte-sonner';
-	import { registerServiceWorker } from '$lib/utils/push-notifications';
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
 
 	const { data, children } = $props();
 
@@ -18,13 +15,6 @@
 	});
 
 	setUserContext(userState);
-
-	// Register service worker for push notifications
-	onMount(() => {
-		if (browser) {
-			registerServiceWorker();
-		}
-	});
 </script>
 
 <Toaster richColors />

…ogrammerbar-web/static/service-worker.js programmerbar-web/src/service-worker.tsprogrammerbar-web/static/service-worker.js renamed to programmerbar-web/src/service-worker.ts programmerbar-web/static/service-worker.js renamed to programmerbar-web/src/service-worker.ts

@@ -1,16 +1,36 @@
-// Service Worker for handling push notifications
+/// <reference no-default-lib="true"/>
+/// <reference lib="esnext" />
+/// <reference lib="webworker" />
+/// <reference types="@sveltejs/kit" />
 
-const CACHE_NAME = 'programmerbar-v1';
+import { build, files, version } from '$service-worker';
 
-self.addEventListener('install', () => {
-	console.log('[Service Worker] Installing...');
-	self.skipWaiting();
+const self = globalThis.self as unknown as ServiceWorkerGlobalScope;
+
+const CACHE = `cache-${version}`;
+const ASSETS = [...build, ...files];
+
+self.addEventListener('install', (event) => {
+	console.log('[Service Worker] Install event');
+
+	async function addFilesToCache() {
+		const cache = await caches.open(CACHE);
+		await cache.addAll(ASSETS);
+	}
+
+	event.waitUntil(addFilesToCache());
 });
 
-// Activate event
 self.addEventListener('activate', (event) => {
-	console.log('[Service Worker] Activating...');
-	event.waitUntil(self.clients.claim());
+	console.log('[Service Worker] Activate event');
+
+	async function deleteOldCaches() {
+		for (const key of await caches.keys()) {
+			if (key !== CACHE) await caches.delete(key);
+		}
+	}
+
+	event.waitUntil(deleteOldCaches());
 });
 
 // Push event -> show notification
@@ -80,7 +100,7 @@ self.addEventListener('pushsubscriptionchange', (event) => {
 	console.log('[Service Worker] Push subscription changed');
 
 	event.waitUntil(
-		self.registration.pushManager.subscribe(event.oldSubscription.options).then((subscription) => {
+		self.registration.pushManager.subscribe(event.oldSubscription?.options).then((subscription) => {
 			console.log('[Service Worker] Resubscribed:', subscription);
 			return fetch('/api/push/subscribe', {
 				method: 'POST',