View file File name : sw.js Content :const CACHE_NAME = 'omni-rewards-cache-v1'; const urlsToCache = [ '/', '/index.php', 'https://cdn.tailwindcss.com', 'https://unpkg.com/html5-qrcode', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css', 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js', 'https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js' ]; self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => { console.log('Opened cache'); return cache.addAll(urlsToCache); }) ); }); self.addEventListener('fetch', event => { // We only want to cache GET requests. if (event.request.method !== 'GET') { return; } event.respondWith( caches.match(event.request) .then(response => { // Cache hit - return response if (response) { return response; } // Clone the request because it's a one-time use stream. const fetchRequest = event.request.clone(); return fetch(fetchRequest).then( response => { // Check if we received a valid response if (!response || response.status !== 200) { // Allow caching of opaque responses from CDNs return response; } // Clone the response because it's also a one-time use stream. const responseToCache = response.clone(); caches.open(CACHE_NAME) .then(cache => { cache.put(event.request, responseToCache); }); return response; } ); }) ); }); self.addEventListener('activate', event => { const cacheWhitelist = [CACHE_NAME]; event.waitUntil( caches.keys().then(cacheNames => { return Promise.all( cacheNames.map(cacheName => { if (cacheWhitelist.indexOf(cacheName) === -1) { return caches.delete(cacheName); } }) ); }) ); });