← Voltar à oficina
Nos bastidores

pwa-kit

Uma pequena peça que ajuda aplicativos web a funcionar offline e ficar atualizados.

pwa-kit

Sobre o projeto

O mecanismo de atualização do Bitey, generalizado: um PWA que se atualiza e diz isso depois, em vez de pedir permissão desnecessária.

Cópia sw.js e pwa-update.js na raiz da web de um aplicativo e conecte-os. Não há etapa de construção, nenhum empacotador e zero dependências - esse é o ponto: esses aplicativos são diretórios estáticos.

Um novo service worker é instalado e ativado imediatamente, sem esperar o fechamento das guias. Cada janela aberta conclui com segurança o trabalho atual antes de recarregar perfeitamente na versão mais recente.

Galeria

Recursos

  • ⚡ Ativação imediata: Novos trabalhadores são instalados e assumidos sem que trabalhadores obsoletos permaneçam por dias nas guias abertas do navegador.
  • 🛡️ Proteção de trabalho não salvo (isBusy): O trabalhador pergunta em vez de navegar cegamente; as páginas adiam as recargas até que as edições pendentes ou os estados do formulário sejam resolvidos com segurança.
  • 🌐 Atualização da rede em primeiro lugar: As solicitações on-line sempre vencem para garantir que as alterações implantadas entrem em vigor na próxima recarga, voltando ao cache quando estiver off-line.
  • 🔔 Notificações de armazenamento de sessão limpa: Evita poluir strings de consulta de URL com sinalizadores de atualização, informando os usuários de forma clara por meio de brindes no aplicativo.
  • 🚨 Escotilha de escape de cache integrada: Inclui um mecanismo de cancelamento de registro de emergência e bloqueio de cache para clientes bloqueados.