if ('serviceWorker' in navigator) { let refreshing = false; navigator.serviceWorker.addEventListener('controllerchange', () => { if (refreshing) return; refreshing = true; console.log('[App] Controller changed, reloading page'); window.location.reload(); }); window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js', { scope: '/' }).then( (registration) => { console.log('[App] Service Worker registered successfully'); setInterval(() => { registration.update(); }, 60000); registration.addEventListener('updatefound', () => { const newWorker = registration.installing; console.log('[App] New Service Worker found'); if (newWorker) { newWorker.addEventListener('statechange', () => { if (newWorker.state === 'installed' && navigator.serviceWorker.controller) { console.log('[App] New version ready to install'); mostrarNotificacaoAtualizacao(registration); } }); } }); }, (error) => { console.error('[App] Service Worker registration failed:', error); } ); caches.keys().then((cacheNames) => { const currentVersion = 'v1.0.2'; const oldCaches = cacheNames.filter((name) => !name.includes(currentVersion)); if (oldCaches.length > 0) { console.log('[App] Cleaning old caches:', oldCaches); Promise.all(oldCaches.map((name) => caches.delete(name))); } }); }); function mostrarNotificacaoAtualizacao(registration) { if (document.getElementById('update-banner')) return; const banner = document.createElement('div'); banner.id = 'update-banner'; banner.innerHTML = `

✨ Nova versão disponível!

Clique em atualizar para obter a versão mais recente.

`; document.body.appendChild(banner); window.atualizarApp = () => { console.log('[App] User clicked update button'); if (registration.waiting) { registration.waiting.postMessage({ type: 'SKIP_WAITING' }); } else { window.location.reload(); } }; window.fecharBanner = () => { const banner = document.getElementById('update-banner'); if (banner) { banner.style.animation = 'slideDown 0.3s ease-out'; setTimeout(() => banner.remove(), 300); } }; const style = document.createElement('style'); style.textContent = ` @keyframes slideDown { from { transform: translateX(-50%) translateY(0); opacity: 1; } to { transform: translateX(-50%) translateY(100px); opacity: 0; } } `; document.head.appendChild(style); } }