Initial commit

frontend/public/sw.js

@@ -0,0 +1,55 @@
+// Service Worker – Version wird zur Build-Zeit injiziert via Dockerfile
+// Dadurch erkennt der Browser bei jedem Deploy einen neuen SW → Cache-Purge
+const VERSION = '__BUILD_VERSION__'; // wird im Dockerfile ersetzt
+const CACHE_NAME = 'dickendock-' + VERSION;
+
+self.addEventListener('install', () => {
+  self.skipWaiting(); // neuen SW sofort übernehmen
+});
+
+self.addEventListener('activate', e => {
+  e.waitUntil((async () => {
+    // alle alten Caches löschen
+    const keys = await caches.keys();
+    await Promise.all(keys.filter(k => k !== CACHE_NAME).map(k => caches.delete(k)));
+    await self.clients.claim();
+    // allen offenen Clients sagen: neue Version aktiv → reload
+    const clients = await self.clients.matchAll({ type: 'window' });
+    clients.forEach(c => c.postMessage({ type: 'SW_ACTIVATED', version: VERSION }));
+  })());
+});
+
+self.addEventListener('fetch', e => {
+  const url = new URL(e.request.url);
+
+  // Cross-Origin-Requests nicht abfangen
+  if (url.origin !== self.location.origin) return;
+
+  // API immer direkt ans Netz
+  if (url.pathname.startsWith('/api/')) {
+    e.respondWith(fetch(e.request));
+    return;
+  }
+
+  // sw.js selbst nie cachen
+  if (url.pathname === '/sw.js') {
+    e.respondWith(fetch(e.request, { cache: 'no-store' }));
+    return;
+  }
+
+  // HTML-Navigation: IMMER frisch vom Netzwerk
+  if (e.request.mode === 'navigate') {
+    e.respondWith(
+      fetch(e.request, { cache: 'reload' })
+        .catch(() => caches.match('/index.html'))
+    );
+    return;
+  }
+
+  // Same-Origin Assets: durchreichen
+  e.respondWith(fetch(e.request).catch(() => caches.match(e.request)));
+});
+
+self.addEventListener('message', e => {
+  if (e.data === 'SKIP_WAITING') self.skipWaiting();
+});