const CACHE_NAME = 'mycondominium-v3'; const ASSETS_TO_CACHE = [ './', './index.html', './style.css', './script.js', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js', 'https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2', 'https://cdn.jsdelivr.net/npm/chart.js', 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.23/jspdf.plugin.autotable.min.js' ]; self.addEventListener('install', (event) => { self.skipWaiting(); // Force the waiting service worker to become the active service worker. event.waitUntil( caches.open(CACHE_NAME) .then((cache) => cache.addAll(ASSETS_TO_CACHE)) ); }); self.addEventListener('activate', (event) => { event.waitUntil(clients.claim()); // Claim clients immediately so updates are visible without reloading all tabs event.waitUntil( caches.keys().then((cacheNames) => { return Promise.all( cacheNames.map((cacheName) => { if (cacheName !== CACHE_NAME) { return caches.delete(cacheName); } }) ); }) ); }); self.addEventListener('fetch', (event) => { // Network First strategy: try network, if it fails, fallback to cache event.respondWith( fetch(event.request).then((networkResponse) => { // If request is successful, update the cache if (networkResponse && networkResponse.status === 200 && event.request.method === 'GET') { const responseToCache = networkResponse.clone(); caches.open(CACHE_NAME).then((cache) => { cache.put(event.request, responseToCache); }); } return networkResponse; }).catch(() => { // If network fails (offline), return cached version return caches.match(event.request); }) ); });