// Service Worker Registration if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log('SW registered: ', registration); // Handle updates registration.addEventListener('updatefound', () => { const newWorker = registration.installing; if (newWorker) { newWorker.addEventListener('statechange', () => { if (newWorker.state === 'installed') { if (navigator.serviceWorker.controller) { // New update available if (confirm('New version available! Reload to update?')) { newWorker.postMessage({ type: 'SKIP_WAITING' }); window.location.reload(); } } } }); } }); }) .catch(function(registrationError) { console.log('SW registration failed: ', registrationError); }); }); } // PWA Install Prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; // Show install prompt after user interaction setTimeout(() => { showInstallBanner(); }, 30000); // Show after 30 seconds }); function showInstallBanner() { if (!deferredPrompt || document.getElementById('pwa-banner')) return; const banner = document.createElement('div'); banner.id = 'pwa-banner'; banner.style.cssText = ` position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 1000; background: linear-gradient(135deg, #8B5CF6, #7C3AED); color: white; padding: 16px; border-radius: 12px; box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3); display: flex; align-items: center; justify-content: space-between; max-width: 400px; margin: 0 auto; animation: slideUp 0.3s ease-out; `; banner.innerHTML = `

📱 Install NicheNest

Get the app for offline access and notifications

`; document.body.appendChild(banner); } window.installPWA = async () => { if (deferredPrompt) { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; console.log('PWA install result:', outcome); deferredPrompt = null; dismissInstall(); } }; window.dismissInstall = () => { const banner = document.getElementById('pwa-banner'); if (banner) { banner.style.animation = 'slideDown 0.3s ease-in'; setTimeout(() => banner.remove(), 300); } }; // Add animations const style = document.createElement('style'); style.textContent = ` @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideDown { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } } `; document.head.appendChild(style); // Handle PWA installed event window.addEventListener('appinstalled', (evt) => { console.log('PWA was installed'); dismissInstall(); });

Become a Mentor