// --- Enregistrement du Service Worker depuis la page ---
if ("serviceWorker" in navigator) {
    navigator.serviceWorker
        .register("/sw.js", { scope: "/" })
        .then((registration) => console.log("SW enregistre :", registration.scope))
        .catch((erreur) => console.error("Echec d'enregistrement :", erreur));
}

// ============ fichier sw.js : le Service Worker lui-meme ============

const CACHE_STATIQUE = "app-shell-v3";     // versionner le nom pour invalider proprement
const RESSOURCES_A_METTRE_EN_CACHE = ["/", "/index.html", "/app.css", "/app.js", "/logo.svg"];

// --- install : se declenche a la premiere installation (ou mise a jour) du SW ---
self.addEventListener("install", (event) => {
    event.waitUntil(
        caches.open(CACHE_STATIQUE).then((cache) => cache.addAll(RESSOURCES_A_METTRE_EN_CACHE))
    );
    self.skipWaiting();     // active la nouvelle version immediatement, sans attendre la fermeture des onglets
});

// --- activate : nettoyer les VIEUX caches d'une version precedente ---
self.addEventListener("activate", (event) => {
    event.waitUntil(
        caches.keys().then((noms) =>
            Promise.all(
                noms
                    .filter((nom) => nom !== CACHE_STATIQUE)
                    .map((nom) => caches.delete(nom))
            )
        )
    );
    self.clients.claim();    // prend le controle des pages deja ouvertes immediatement
});

// --- fetch : intercepte CHAQUE requete reseau de la page, agit comme un proxy ---

// Strategie "cache-first" : ideal pour les assets statiques (CSS, JS, images, fonts)
function cacheFirst(requete) {
    return caches.match(requete).then((reponseEnCache) => {
        return reponseEnCache || fetch(requete);
    });
}

// Strategie "network-first" : ideal pour des donnees qui changent souvent (API)
function networkFirst(requete) {
    return fetch(requete)
        .then((reponse) => {
            const copie = reponse.clone();      // le corps d'une Response ne se lit qu'UNE fois
            caches.open(CACHE_STATIQUE).then((cache) => cache.put(requete, copie));
            return reponse;
        })
        .catch(() => caches.match(requete));      // hors-ligne : retombe sur le cache
}

// Strategie "stale-while-revalidate" : reponse immediate depuis le cache + mise a jour en fond
function staleWhileRevalidate(requete) {
    return caches.open(CACHE_STATIQUE).then((cache) =>
        cache.match(requete).then((reponseEnCache) => {
            const misAJour = fetch(requete).then((reponseReseau) => {
                cache.put(requete, reponseReseau.clone());
                return reponseReseau;
            });
            return reponseEnCache || misAJour;     // sert le cache immediatement si dispo
        })
    );
}

self.addEventListener("fetch", (event) => {
    const url = new URL(event.request.url);

    if (event.request.destination === "image") {
        event.respondWith(cacheFirst(event.request));
    } else if (url.pathname.startsWith("/api/")) {
        event.respondWith(networkFirst(event.request));
    } else {
        event.respondWith(staleWhileRevalidate(event.request));
    }
});

// --- Detecter une mise a jour du Service Worker depuis la page ---
navigator.serviceWorker.addEventListener("controllerchange", () => {
    console.log("Nouveau Service Worker actif : recharger pour appliquer la mise a jour");
    // window.location.reload();
});

// --- Notifications push (necessite un serveur de push + abonnement) ---
self.addEventListener("push", (event) => {
    const donnees = event.data ? event.data.json() : {};
    event.waitUntil(
        self.registration.showNotification(donnees.titre || "Notification", {
            body: donnees.corps,
            icon: "/icone-192.png",
        })
    );
});

// --- manifest.json : rend l'application "installable" (icone, splash screen, mode standalone) ---
// fichier manifest.json, lie via <link rel="manifest" href="/manifest.json">
// {
//   "name": "Mon Application",
//   "short_name": "MonApp",
//   "start_url": "/",
//   "display": "standalone",
//   "background_color": "#ffffff",
//   "theme_color": "#0055ff",
//   "icons": [{ "src": "/icone-192.png", "sizes": "192x192", "type": "image/png" }]
// }