const CACHE_NAME = 'org-todo-pwa-cache-v1'; const urlsToCache = [ '/', '/index.html', '/style.css', '/app.js', '/manifest.json' ]; self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => { return cache.addAll(urlsToCache); }) ); self.skipWaiting(); // Force the waiting service worker to become the active service worker }); self.addEventListener('activate', event => { event.waitUntil( caches.keys().then(cacheNames => { return Promise.all( cacheNames.map(cacheName => { if (cacheName !== CACHE_NAME) { return caches.delete(cacheName); } }) ); }) ); self.clients.claim(); // Take control of all clients immediately }); self.addEventListener('fetch', event => { event.respondWith( caches.match(event.request) .then(response => { if (response) { return response; } return fetch(event.request); }) ); }); self.addEventListener('message', event => { if (event.data === 'skipWaiting') { self.skipWaiting(); } });