BrowserUX PWA UI

Fonctionnalités

• 📲 Interface intelligente d’installation & mise à jour PWA

  • Détection automatique de l’installation
    Réagit à l’événement beforeinstallprompt pour afficher une bannière d’installation conviviale.
  • Confirmation après installation
    Affiche une bannière de confirmation après l’installation réussie de l’application.
  • Détection des mises à jour
    Surveille le service worker via registration.waiting et informe l’utilisateur dès qu’une mise à jour est disponible.
  • Mise à jour en un clic
    Envoie automatiquement le message SKIP_WAITING au service worker et recharge l’application.

• 🔧 Expérience développeur

  • Compatible tous frameworks
    Fonctionne avec HTML natif, React, Vue, Angular, etc.
  • Sans dépendance
    Léger, autonome et utilisable sans outil moderne (CDN ou bundler).
  • Shadow DOM optionnel (no-shadow)
    Shadow DOM activé par défaut, désactivable pour styler globalement.

• 🌍 Accessibilité & Internationalisation

  • Interface multilingue
    Langue détectée automatiquement ou définie via l’attribut lang. Traductions intégrées : FR, EN, ES, DE, JA, RU, PT, IT, NL.
  • Textes personnalisables
    Tous les textes affichés peuvent être redéfinis via des attributs HTML.

• 🎨 Personnalisation visuelle

  • Thématisation par variables CSS
    Personnalisation fine avec des propriétés CSS comme --bux-pwa-color-primary.
  • Icônes remplaçables par slots
    Remplacez les icônes (fermer, loader…) via des <slot> nommés.