pwa-kit

À propos du projet

Le mécanisme de mise à jour de Bitey, généralisé : un PWA qui se met à jour et le dit après, plutôt que de demander une autorisation dont il n'a pas besoin.

Copie sw.js et pwa-update.js dans la racine Web d'une application et connectez-les. Il n’y a pas d’étape de construction, pas de bundler et aucune dépendance – c’est là le point : ces applications sont des répertoires statiques.

Un nouveau service worker s'installe et s'active immédiatement sans attendre la fermeture des onglets. Chaque fenêtre ouverte termine le travail en cours en toute sécurité avant de recharger de manière transparente sur la dernière version.

Galerie

Fonctionnalités

• ⚡ Activation immédiate : Les nouveaux travailleurs s'installent et prennent le relais sans que les travailleurs obsolètes ne s'attardent pendant des jours dans les onglets ouverts du navigateur.
• 🛡️ Protection du travail non enregistrée (isBusy): Le travailleur demande plutôt que de naviguer aveuglément ; les pages reportent les rechargements jusqu'à ce que les modifications en attente ou les états de formulaire soient résolus en toute sécurité.
• 🌐 Fraîcheur axée sur le réseau : Les requêtes en ligne sont toujours gagnantes pour garantir que les modifications déployées prennent effet dès le prochain rechargement, en revenant au cache lorsqu'elles sont hors ligne.
• 🔔 Nettoyer les notifications de stockage de session : Évite de polluer les chaînes de requête d'URL avec des indicateurs de mise à jour, en informant les utilisateurs proprement via des toasts dans l'application.
• 🚨 Trappe d'évacuation du cache intégrée : Comprend un mécanisme de désenregistrement d’urgence et de suppression du cache pour les clients coincés.