const CACHE_NAME = 'priceghost-v1'; const STATIC_ASSETS = [ '/', '/icon.svg', '/manifest.json' ]; // Install - cache static assets self.addEventListener('install', (event) => { event.waitUntil( caches.open(CACHE_NAME).then((cache) => { return cache.addAll(STATIC_ASSETS); }) ); self.skipWaiting(); }); // Activate - clean up old caches self.addEventListener('activate', (event) => { event.waitUntil( caches.keys().then((cacheNames) => { return Promise.all( cacheNames .filter((name) => name !== CACHE_NAME) .map((name) => caches.delete(name)) ); }) ); self.clients.claim(); }); // Fetch - network first, fallback to cache self.addEventListener('fetch', (event) => { // Skip non-GET requests if (event.request.method !== 'GET') return; // Skip API requests - always go to network if (event.request.url.includes('/api/')) return; event.respondWith( fetch(event.request) .then((response) => { // Clone the response before caching const responseClone = response.clone(); caches.open(CACHE_NAME).then((cache) => { cache.put(event.request, responseClone); }); return response; }) .catch(() => { // Network failed, try cache return caches.match(event.request).then((cachedResponse) => { if (cachedResponse) { return cachedResponse; } // If it's a navigation request, return the cached index if (event.request.mode === 'navigate') { return caches.match('/'); } return new Response('Offline', { status: 503 }); }); }) ); });