Aufgearbeitet

public/serviceworker.js

@@ -1,76 +1,114 @@
-const CACHE_NAME = "whopays-v1";
+const CACHE_NAME = "whopays-v2";
 const urlsToCache = [
   "/",
   "/index.html",
   "/style.css",
   "/script.js",
-  "/img/a.png",
-  "/img/b.png",
-  "/img/bgA.jpg",
-  "/img/bgB.jpg",
   "/manifest.json"
 ];
 
-// Install event - cache assets
+console.log("🔧 Service Worker: Loading...");
+
+// Install event
 self.addEventListener("install", (event) => {
+  console.log("⚙️ Service Worker: Installing...");
   event.waitUntil(
-    caches.open(CACHE_NAME).then((cache) => {
-      console.log("Cache geöffnet");
-      return cache.addAll(urlsToCache).catch(err => {
-        console.error("Cache fehler:", err);
-      });
-    })
+    caches.open(CACHE_NAME)
+      .then((cache) => {
+        console.log("✅ Service Worker: Cache opened");
+        // Try to cache files, but don't fail if some are missing
+        return Promise.allSettled(
+          urlsToCache.map(url => 
+            cache.add(url).catch(err => {
+              console.warn(`⚠️ Failed to cache: ${url}`, err);
+              return null;
+            })
+          )
+        );
+      })
+      .then(() => {
+        console.log("✅ Service Worker: Installed");
+      })
+      .catch(err => {
+        console.error("❌ Service Worker: Install failed", err);
+      })
   );
   self.skipWaiting();
 });
 
-// Activate event - clean old caches
+// Activate event
 self.addEventListener("activate", (event) => {
+  console.log("🔄 Service Worker: Activating...");
   event.waitUntil(
     caches.keys().then((cacheNames) => {
       return Promise.all(
         cacheNames.map((cacheName) => {
           if (cacheName !== CACHE_NAME) {
-            console.log("Alte Cache löschen:", cacheName);
+            console.log(`🗑️ Service Worker: Deleting old cache: ${cacheName}`);
             return caches.delete(cacheName);
           }
         })
       );
+    }).then(() => {
+      console.log("✅ Service Worker: Activated");
     })
   );
   self.clients.claim();
 });
 
-// Fetch event - serve from cache, fallback to network
+// Fetch event
 self.addEventListener("fetch", (event) => {
+  const url = new URL(event.request.url);
+  
   // Network first for API calls
-  if (event.request.url.includes("/status") || 
-      event.request.url.includes("/toggle")) {
+  if (url.pathname.startsWith("/status") || url.pathname.startsWith("/toggle")) {
     event.respondWith(
-      fetch(event.request).catch(() => {
-        return new Response(
-          JSON.stringify({ error: "Offline" }),
-          { headers: { "Content-Type": "application/json" } }
-        );
-      })
+      fetch(event.request)
+        .catch(() => {
+          console.warn("⚠️ API offline, returning error");
+          return new Response(
+            JSON.stringify({ error: "Offline" }),
+            { 
+              headers: { "Content-Type": "application/json" },
+              status: 503
+            }
+          );
+        })
     );
     return;
   }
 
   // Cache first for static assets
   event.respondWith(
-    caches.match(event.request).then((response) => {
-      return response || fetch(event.request).then((fetchResponse) => {
-        return caches.open(CACHE_NAME).then((cache) => {
-          cache.put(event.request, fetchResponse.clone());
+    caches.match(event.request)
+      .then((response) => {
+        if (response) {
+          return response;
+        }
+        
+        return fetch(event.request).then((fetchResponse) => {
+          // Only cache successful responses
+          if (!fetchResponse || fetchResponse.status !== 200 || fetchResponse.type !== 'basic') {
+            return fetchResponse;
+          }
+
+          const responseToCache = fetchResponse.clone();
+          caches.open(CACHE_NAME).then((cache) => {
+            cache.put(event.request, responseToCache);
+          });
+
           return fetchResponse;
         });
-      });
-    }).catch(() => {
-      // Fallback for navigation requests
-      if (event.request.mode === 'navigate') {
-        return caches.match('/index.html');
-      }
-    })
+      })
+      .catch((err) => {
+        console.warn("⚠️ Fetch failed:", err);
+        // Fallback for navigation requests
+        if (event.request.mode === 'navigate') {
+          return caches.match('/index.html');
+        }
+        return new Response('Offline', { status: 503 });
+      })
   );
-});
+});
+
+console.log("✅ Service Worker: Script loaded");