if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { console.log('✅ Service Worker registered successfully:', registration.scope); // Listen for updates registration.addEventListener('updatefound', () => { const newWorker = registration.installing; if (newWorker) { newWorker.addEventListener('statechange', () => { if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { // New content is available, prompt user to refresh if (confirm('New version available! Refresh to update?')) { window.location.reload(); } } }); } }); }) .catch(function(error) { console.error('❌ Service Worker registration failed:', error); }); }); } // Handle app install prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { console.log('💾 Install prompt available'); e.preventDefault(); deferredPrompt = e; // Show custom install button or banner const installBanner = document.createElement('div'); installBanner.innerHTML = `

📱 Install Deb.AI

Add to your home screen for the best experience

`; document.body.appendChild(installBanner); window.installApp = async () => { if (deferredPrompt) { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; console.log('🎯 Install prompt outcome:', outcome); deferredPrompt = null; document.body.removeChild(installBanner); } }; window.dismissInstall = () => { document.body.removeChild(installBanner); deferredPrompt = null; }; }); // Handle successful app install window.addEventListener('appinstalled', (evt) => { console.log('🎉 App successfully installed!'); // Track install event if (typeof gtag !== 'undefined') { gtag('event', 'app_installed', { event_category: 'PWA', event_label: 'Home Screen Install' }); } });