// Service Worker Registration if ('serviceWorker' in navigator) { window.addEventListener('load', async () => { try { const registration = await navigator.serviceWorker.register('/service-worker.js', { scope: '/' }); console.log('[SW] Service Worker registered successfully:', registration); // Listen for updates registration.addEventListener('updatefound', () => { console.log('[SW] Update found'); const newWorker = registration.installing; newWorker.addEventListener('statechange', () => { if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { console.log('[SW] New service worker installed'); showUpdateNotification(); } }); }); // Handle controller change navigator.serviceWorker.addEventListener('controllerchange', () => { console.log('[SW] Controller changed'); hideUpdateNotification(); }); // Listen for messages from service worker navigator.serviceWorker.addEventListener('message', (event) => { const { type, data } = event.data; switch (type) { case 'CACHE_UPDATED': console.log('[SW] Cache updated:', data); break; case 'OFFLINE_MODE': console.log('[SW] Offline mode activated'); showOfflineNotification(); break; case 'ONLINE_MODE': console.log('[SW] Online mode activated'); hideOfflineNotification(); break; default: console.log('[SW] Unknown message type:', type); } }); } catch (error) { console.error('[SW] Service Worker registration failed:', error); } }); // Online/Offline listeners window.addEventListener('online', () => { console.log('[SW] App is online'); if (navigator.serviceWorker.controller) { navigator.serviceWorker.controller.postMessage({ type: 'ONLINE_MODE' }); } }); window.addEventListener('offline', () => { console.log('[SW] App is offline'); if (navigator.serviceWorker.controller) { navigator.serviceWorker.controller.postMessage({ type: 'OFFLINE_MODE' }); } }); // Helper functions function showUpdateNotification() { const notification = document.createElement('div'); notification.id = 'sw-update-notification'; notification.className = 'fixed top-4 right-4 bg-blue-600 text-white px-6 py-3 rounded-lg shadow-lg z-50'; notification.innerHTML = `

🔄 New version available

`; document.body.appendChild(notification); } function hideUpdateNotification() { const notification = document.getElementById('sw-update-notification'); if (notification) { notification.remove(); } } function showOfflineNotification() { const notification = document.createElement('div'); notification.id = 'sw-offline-notification'; notification.className = 'fixed top-4 right-4 bg-red-600 text-white px-6 py-3 rounded-lg shadow-lg z-50'; notification.innerHTML = `

📡 You're offline

`; document.body.appendChild(notification); } function hideOfflineNotification() { const notification = document.getElementById('sw-offline-notification'); if (notification) { notification.remove(); } } function skipWaiting() { if (navigator.serviceWorker.controller) { navigator.serviceWorker.controller.postMessage({ type: 'SKIP_WAITING' }); } } // Cache roster data window.cacheRosterData = async function(rosterData) { if (navigator.serviceWorker.controller) { navigator.serviceWorker.controller.postMessage({ type: 'CACHE_ROSTER_DATA', data: rosterData }); } }; // Clear cache window.clearCache = async function() { if (navigator.serviceWorker.controller) { navigator.serviceWorker.controller.postMessage({ type: 'CLEAR_CACHE' }); } }; }