// Service Worker Registration and Update Handler if ('serviceWorker' in navigator && window.location.hostname !== 'localhost') { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log('SW registered: ', registration); // Check for updates every 60 seconds when app is active setInterval(function() { registration.update(); }, 60000); // Listen for service worker updates registration.addEventListener('updatefound', function() { const newWorker = registration.installing; console.log('SW update found, installing new version...'); newWorker.addEventListener('statechange', function() { if (newWorker.state === 'activated') { console.log('New SW activated'); } }); }); }) .catch(function(registrationError) { console.log('SW registration failed: ', registrationError); }); // Listen for messages from service worker navigator.serviceWorker.addEventListener('message', function(event) { if (event.data && event.data.type === 'SW_UPDATED') { console.log('SW update message received:', event.data); // Show update notification showUpdateNotification(event.data.version); } }); // Handle controller change (when new SW takes over) navigator.serviceWorker.addEventListener('controllerchange', function() { console.log('SW controller changed, reloading page...'); // Auto-reload when new service worker takes control window.location.reload(); }); }); // Show update notification to user function showUpdateNotification(version) { // Create notification banner const banner = document.createElement('div'); banner.id = 'update-banner'; banner.style.cssText = 'position:fixed;top:0;left:0;right:0;background:#7c3aed;color:white;padding:16px;text-align:center;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:system-ui,-apple-system,sans-serif;'; banner.innerHTML = `

🎉 Update Available! Version ${version} is ready

`; // Remove any existing banner const existing = document.getElementById('update-banner'); if (existing) existing.remove(); document.body.insertBefore(banner, document.body.firstChild); // Auto-reload after 10 seconds if user doesn't interact setTimeout(function() { if (document.getElementById('update-banner')) { console.log('Auto-reloading to apply update...'); window.location.reload(); } }, 10000); } } else if ('serviceWorker' in navigator && window.location.hostname === 'localhost') { // Unregister any existing service workers in development navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister().then(function() { console.log('Dev: Service Worker unregistered'); }); } }); }

Welcome back