const CACHE_NAME = 'circuitjs1-app-cache-v1'; const urlsToCache = [ '/circuit/about.html', '/circuit/canvas2svg.js', '/circuit/circuitjs.html', '/circuit/crystal.html', '/circuit/customfunction.html', '/circuit/customlogic.html', '/circuit/customtransformer.html', '/circuit/diodecalc.html', '/circuit/icon512.png', '/circuit/icon128.png', '/circuit/iframe.html', '/circuit/lz-string.min.js', '/circuit/manifest.json', '/circuit/mexle.html', '/circuit/mosfet-beta.html', '/circuit/opampreal.html', '/circuit/split.js', '/circuit/subcircuits.html', // put everything else here ]; self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => cache.addAll(urlsToCache)) ); }); self.addEventListener('fetch', (event) => { event.respondWith( caches.match(event.request).then((cachedResponse) => { if (cachedResponse) { // If the resource is already cached, return it return cachedResponse; } // Otherwise, fetch it from the network and add it to the cache return fetch(event.request).then((networkResponse) => { // Only cache non-GET requests and responses that aren't errors if ( event.request.method === 'GET' && networkResponse.status === 200 ) { const responseClone = networkResponse.clone(); caches.open(CACHE_NAME).then((cache) => { cache.put(event.request, responseClone); }); } return networkResponse; }); }) ); }); // Activate event: cleans up old caches self.addEventListener('activate', (event) => { const cacheWhitelist = [CACHE_NAME]; // List of cache versions you want to keep event.waitUntil( caches.keys().then((cacheNames) => { return Promise.all( cacheNames.map((cacheName) => { if (!cacheWhitelist.includes(cacheName)) { return caches.delete(cacheName); // Delete old caches that aren't in whitelist } }) ); }) ); });