// Registrar Service Worker if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then((registration) => { console.log('Service Worker registrado com sucesso:', registration.scope); // Verificar atualizações a cada 60 segundos setInterval(() => { registration.update(); }, 60000); }) .catch((err) => { console.log('Falha ao registrar Service Worker:', err); }); }); } // Gerenciar instalação PWA let deferredPrompt = null; let installButton = null; // Detectar se pode instalar window.addEventListener('beforeinstallprompt', (e) => { // Prevenir o banner padrão e.preventDefault(); // Guardar o evento deferredPrompt = e; console.log('App pronto para instalação'); // Criar botão de instalação flutuante if (!document.getElementById('pwa-install-button')) { createInstallButton(); } // Mostrar botão se existir if (installButton) { installButton.style.display = 'flex'; installButton.classList.add('animate-bounce'); } }); // Criar botão de instalação function createInstallButton() { installButton = document.createElement('button'); installButton.id = 'pwa-install-button'; installButton.innerHTML = ` Instalar App `; // Estilos do botão installButton.style.cssText = ` position: fixed; bottom: 24px; right: 24px; z-index: 9999; display: flex; align-items: center; gap: 8px; padding: 12px 24px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4); transition: all 0.3s ease; animation: pulse 2s infinite; `; // Hover effect installButton.onmouseenter = () => { installButton.style.transform = 'scale(1.05)'; installButton.style.boxShadow = '0 6px 20px rgba(102, 126, 234, 0.6)'; }; installButton.onmouseleave = () => { installButton.style.transform = 'scale(1)'; installButton.style.boxShadow = '0 4px 15px rgba(102, 126, 234, 0.4)'; }; // Click handler installButton.onclick = async () => { if (deferredPrompt) { // Mostrar prompt de instalação deferredPrompt.prompt(); // Aguardar resposta do usuário const { outcome } = await deferredPrompt.userChoice; if (outcome === 'accepted') { console.log('App instalado com sucesso'); // Esconder botão installButton.style.display = 'none'; // Mostrar notificação de sucesso showNotification('App instalado com sucesso! 🎉'); } else { console.log('Instalação cancelada'); } // Limpar o prompt deferredPrompt = null; } }; // Adicionar ao body document.body.appendChild(installButton); // Adicionar animação CSS const style = document.createElement('style'); style.textContent = ` @keyframes pulse { 0% { box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4); } 50% { box-shadow: 0 4px 20px rgba(102, 126, 234, 0.8); } 100% { box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } `; document.head.appendChild(style); } // Mostrar notificação function showNotification(message) { const notification = document.createElement('div'); notification.innerHTML = message; notification.style.cssText = ` position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; padding: 16px 24px; background: #10b981; color: white; border-radius: 12px; font-weight: 600; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); animation: slideDown 0.3s ease; `; document.body.appendChild(notification); setTimeout(() => { notification.style.animation = 'slideUp 0.3s ease'; setTimeout(() => notification.remove(), 300); }, 3000); } // Detectar se já está instalado como PWA window.addEventListener('appinstalled', () => { console.log('PWA instalado'); if (installButton) { installButton.style.display = 'none'; } }); // Verificar se está rodando em modo standalone if (window.matchMedia('(display-mode: standalone)').matches) { console.log('Rodando como PWA instalada'); document.body.classList.add('pwa-mode'); } // Para iOS - mostrar instruções const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; const isInStandaloneMode = window.navigator.standalone === true; if (isIOS && !isInStandaloneMode) { // Verificar se já mostrou o prompt const iosPromptShown = localStorage.getItem('iosInstallPromptShown'); const lastShown = localStorage.getItem('iosInstallPromptLastShown'); const now = Date.now(); const oneWeek = 7 * 24 * 60 * 60 * 1000; // Mostrar a cada semana ou primeira vez if (!iosPromptShown || (lastShown && now - parseInt(lastShown) > oneWeek)) { setTimeout(() => { const iosPrompt = document.createElement('div'); iosPrompt.innerHTML = `

Instale o EGBA Digital

Adicione à tela inicial para acesso rápido

Toque em e depois em
"Adicionar à Tela de Início"

`; iosPrompt.style.cssText = ` position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 9999; background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); animation: slideUp 0.3s ease; `; document.body.appendChild(iosPrompt); }, 5000); // Mostrar após 5 segundos } } // Adicionar animações const animations = document.createElement('style'); animations.textContent = ` @keyframes slideDown { from { transform: translate(-50%, -100%); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } } @keyframes slideUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } `; document.head.appendChild(animations);

Comece a ler agora

EGBA Digital

Criar sua conta