const CACHE_NAME = "cyberpunk-cache-v1";
const OFFLINE_URL = "/offline.html"; // Diese Seite wird angezeigt, wenn offline

const urlsToCache = [
  "/",
  "/offline.html",
  /* CSS-Dateien */
  "/assets/css/main.css",
  "/assets/css/normalize.css",
  "/assets/css/cyberpunk.css",
  /* JS-Dateien */
  "/assets/js/materialize.min.js",
  "/assets/js/service-worker.js",
  /* PWA-Dateien */
  "/assets/manifest.json",
  "/assets/img/icon-192.png",
  "/assets/img/icon-512.png",
  /* Bilder, Schriften, etc. */
  "/assets/fonts/BlenderProBook.woff2",
  "/assets/fonts/Cyberpunk.otf",
  "/assets/fonts/Oxanium.woff2",
  "/assets/img/Netrunner.png",
  "/assets/img/Tech.png",
];

// Installations-Event: Dateien werden in den Cache geladen
self.addEventListener("install", (event) => {
  event.waitUntil(
    caches.open(CACHE_NAME).then((cache) => {
      return cache.addAll(urlsToCache);
    })
  );
});

// Fetch-Event: Prüft, ob eine Datei im Cache ist, bevor sie aus dem Netz geladen wird
self.addEventListener("fetch", (event) => {
  event.respondWith(
    caches.match(event.request).then((response) => {
      return response || fetch(event.request).catch(() => {
        return caches.match(OFFLINE_URL); // Falls offline, lade offline.html
      });
    })
  );
});

// Aktivierungs-Event: Löscht alten Cache, wenn sich Dateien geändert haben
self.addEventListener("activate", (event) => {
  event.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames.map((cache) => {
          if (cache !== CACHE_NAME) {
            return caches.delete(cache);
          }
        })
      );
    })
  );
});