fix: SW-Version dynamisch per Build-Time, sofort Reload bei neuem Deploy

This commit is contained in:
2026-06-17 00:23:00 +02:00
parent 947c1b9db4
commit 050924458f
3 changed files with 27 additions and 10 deletions

View File

@@ -1,5 +1,6 @@
// Service Worker v4 garantiert frische index.html, Auto-Reload bei neuem Build
const VERSION = 'v5';
// 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', () => {
@@ -8,9 +9,9 @@ self.addEventListener('install', () => {
self.addEventListener('activate', e => {
e.waitUntil((async () => {
// alte Caches löschen
// alle alten Caches löschen
const keys = await caches.keys();
await Promise.all(keys.map(k => caches.delete(k)));
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' });
@@ -21,8 +22,7 @@ self.addEventListener('activate', e => {
self.addEventListener('fetch', e => {
const url = new URL(e.request.url);
// Cross-Origin-Requests (externe Bilder, Fonts usw.) NICHT abfangen
// → Browser verarbeitet sie normal, kein CORS-Problem in der PWA
// Cross-Origin-Requests nicht abfangen
if (url.origin !== self.location.origin) return;
// API immer direkt ans Netz
@@ -31,6 +31,12 @@ self.addEventListener('fetch', e => {
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(