if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log('SW registered: ', registration); // Check for updates registration.addEventListener('updatefound', () => { const newWorker = registration.installing; newWorker.addEventListener('statechange', () => { if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { // New content is available, show update notification if (confirm('New version available! Reload to update?')) { window.location.reload(); } } }); }); }) .catch(function(registrationError) { console.log('SW registration failed: ', registrationError); }); }); } // Request notification permission if ('Notification' in window && 'serviceWorker' in navigator) { window.addEventListener('load', function() { Notification.requestPermission().then(function(permission) { console.log('Notification permission:', permission); }); }); } // Handle install prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; // Show install button or banner const installBanner = document.createElement('div'); installBanner.innerHTML = `

Install SoulSync

Get the full app experience

`; document.body.appendChild(installBanner); document.getElementById('install-btn').addEventListener('click', () => { deferredPrompt.prompt(); deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { console.log('User accepted the install prompt'); } deferredPrompt = null; installBanner.remove(); }); }); document.getElementById('dismiss-btn').addEventListener('click', () => { installBanner.remove(); }); }); // Handle successful installation window.addEventListener('appinstalled', (evt) => { console.log('SoulSync was installed successfully'); });

Welcome to SoulSync