// Service Worker Registration if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(reg) { console.log('[StudySwap PWA] Service Worker registered:', reg.scope); }) .catch(function(err) { console.log('[StudySwap PWA] Service Worker registration failed:', err); }); }); } // PWA Install Prompt let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; // Show install banner after 3 seconds setTimeout(() => { if (deferredPrompt) { showInstallBanner(deferredPrompt); } }, 3000); }); function showInstallBanner(prompt) { const existing = document.getElementById('pwa-install-banner'); if (existing) return; const banner = document.createElement('div'); banner.id = 'pwa-install-banner'; banner.style.cssText = ` position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #E2E8F0; border-radius: 16px; padding: 12px 16px; box-shadow: 0 4px 24px rgba(0,0,0,0.12); display: flex; align-items: center; gap: 12px; z-index: 9999; max-width: calc(100vw - 32px); animation: slideUp 0.3s ease; font-family: 'Poppins', sans-serif; `; banner.innerHTML = `

Install StudySwap

Add to home screen for quick access

`; document.body.appendChild(banner); document.getElementById('pwa-install-btn').addEventListener('click', async () => { banner.remove(); prompt.prompt(); const { outcome } = await prompt.userChoice; console.log('[StudySwap PWA] Install outcome:', outcome); deferredPrompt = null; }); document.getElementById('pwa-dismiss-btn').addEventListener('click', () => { banner.remove(); localStorage.setItem('pwa-dismissed', Date.now().toString()); }); } // Don't show if dismissed recently (7 days) const dismissed = localStorage.getItem('pwa-dismissed'); if (dismissed && Date.now() - parseInt(dismissed) < 7 * 24 * 60 * 60 * 1000) { window.addEventListener('beforeinstallprompt', (e) => e.preventDefault()); } // Track PWA installed state window.addEventListener('appinstalled', () => { console.log('[StudySwap PWA] App installed successfully!'); deferredPrompt = null; });

Join StudySwap Today

Create Account