add PWA utility functions

2025-07-17 20:10:47 +04:00
parent f2347ef8c6
commit 54d7a2b573
1 changed files with 82 additions and 0 deletions
@@ -0,0 +1,82 @@
 <?php
 // Fichier d'initialisation PWA à inclure dans toutes les pages
 function addPWAHeaders() {
    // Meta tags PWA
    echo '<meta name="mobile-web-app-capable" content="yes">' . "\n";
    echo '<meta name="apple-mobile-web-app-capable" content="yes">' . "\n";
    echo '<meta name="apple-mobile-web-app-status-bar-style" content="default">' . "\n";
    echo '<meta name="apple-mobile-web-app-title" content="kaubuntu.re">' . "\n";
    echo '<meta name="application-name" content="kaubuntu.re">' . "\n";
    echo '<meta name="msapplication-TileColor" content="#FF0000">' . "\n";
    echo '<meta name="msapplication-config" content="browserconfig.xml">' . "\n";
    echo '<meta name="theme-color" content="#FF0000">' . "\n";
    // Manifest
    echo '<link rel="manifest" href="site.webmanifest">' . "\n";
 }
 function addPWAScripts() {
    ?>
    <!-- PWA Service Worker -->
    <script>
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', function() {
                navigator.serviceWorker.register('/sw.js')
                    .then(function(registration) {
                        console.log('Service Worker enregistré avec succès:', registration.scope);
                        // Écouter les mises à jour
                        registration.addEventListener('updatefound', function() {
                            const newWorker = registration.installing;
                            newWorker.addEventListener('statechange', function() {
                                if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
                                    // Nouvelle version disponible
                                    console.log('Nouvelle version disponible');
                                    if (confirm('Une nouvelle version est disponible. Voulez-vous recharger la page ?')) {
                                        window.location.reload();
                                    }
                                }
                            });
                        });
                    })
                    .catch(function(err) {
                        console.log('Échec de l\'enregistrement du Service Worker:', err);
                    });
            });
        }
        // Gestion de l'installation PWA
        let deferredPrompt;
        const installButton = document.getElementById('install-pwa');
        window.addEventListener('beforeinstallprompt', function(e) {
            e.preventDefault();
            deferredPrompt = e;
            // Afficher le bouton d'installation s'il existe
            if (installButton) {
                installButton.style.display = 'block';
                installButton.addEventListener('click', function() {
                    deferredPrompt.prompt();
                    deferredPrompt.userChoice.then(function(choiceResult) {
                        if (choiceResult.outcome === 'accepted') {
                            console.log('PWA installée');
                        }
                        deferredPrompt = null;
                        installButton.style.display = 'none';
                    });
                });
            }
        });
        // Masquer le bouton après installation
        window.addEventListener('appinstalled', function() {
            console.log('PWA installée avec succès');
            if (installButton) {
                installButton.style.display = 'none';
            }
        });
    </script>
    <?php
 }
 ?>