SW: Versions-Update reisst kein Offline-Loch mehr (Cache-Carry-Over + GL-Stack-Precache)
Geraetetest: Karte offline 'nicht verfuegbar' obwohl Pfote ready zeigte — activate loeschte die alten Static-Caches, waehrend der neue erst im Hintergrund befuellt wurde; der GL-Stack (maplibre/pmtiles/map-offline) war zudem nie im Precache, nur nach erster Online-Kartenoeffnung. - activate: _migrateStaticCaches uebernimmt fehlende Eintraege der alten Caches unter nacktem Key (Online-Refresh ueberschreibt sie sauber), DANN erst loeschen - PRIORITY_PAGES + GL-Karten-Stack (maplibre-gl.js/.css, pmtiles, map-gl-style, map-offline, map-gl-markers, map-gl-mini) - generischer Cache-First-Pfad: ignoreSearch-Fallback fuer eigene /js/+/css/ (?v=APP_VER zeigt sonst am Carry-Over/bare-Bestand vorbei) Bump v1233
This commit is contained in:
parent
a914101c5b
commit
97f0518c54
5 changed files with 75 additions and 34 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
1232
|
||||
1233
|
||||
|
|
@ -86,14 +86,14 @@
|
|||
<title>Ban Yaro</title>
|
||||
|
||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||
<script src="/js/boot-early.js?v=1232"></script>
|
||||
<script src="/js/boot-early.js?v=1233"></script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1232">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1232">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1232">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1232">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1232">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1233">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1233">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1233">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1233">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1233">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -612,11 +612,11 @@
|
|||
<div id="modal-container"></div>
|
||||
|
||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||
<script src="/js/api.js?v=1232"></script>
|
||||
<script src="/js/ui.js?v=1232"></script>
|
||||
<script src="/js/app.js?v=1232"></script>
|
||||
<script src="/js/worlds.js?v=1232"></script>
|
||||
<script src="/js/offline-indicator.js?v=1232"></script>
|
||||
<script src="/js/api.js?v=1233"></script>
|
||||
<script src="/js/ui.js?v=1233"></script>
|
||||
<script src="/js/app.js?v=1233"></script>
|
||||
<script src="/js/worlds.js?v=1233"></script>
|
||||
<script src="/js/offline-indicator.js?v=1233"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
@ -626,7 +626,7 @@
|
|||
|
||||
|
||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||
<script src="/js/boot.js?v=1232"></script>
|
||||
<script src="/js/boot.js?v=1233"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1232'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1233'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
||||
window.APP_VERSION = APP_VERSION;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<script src="/js/landing-init.js?v=1232"></script>
|
||||
<script src="/js/landing-init.js?v=1233"></script>
|
||||
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
|
||||
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
|
||||
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
============================================================ */
|
||||
|
||||
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
|
||||
const VER = '1232';
|
||||
const VER = '1233';
|
||||
const CACHE_VERSION = `by-v${VER}`;
|
||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||
|
|
@ -23,6 +23,15 @@ const PRIORITY_PAGES = [
|
|||
'/js/pages/routes.js',
|
||||
'/js/pages/poison.js',
|
||||
'/js/pages/lost.js',
|
||||
// GL-Karten-Stack: ohne diese Dateien ist die Karte offline TOT, obwohl
|
||||
// Kacheln/Marker in IndexedDB liegen (Gerätetest 2026-06-08).
|
||||
'/js/vendor/maplibre-gl.js',
|
||||
'/js/vendor/maplibre-gl.css',
|
||||
'/js/vendor/pmtiles.js',
|
||||
'/js/map-gl-style.js',
|
||||
'/js/map-offline.js',
|
||||
'/js/map-gl-markers.js',
|
||||
'/js/map-gl-mini.js',
|
||||
];
|
||||
|
||||
// index.html wird NICHT pre-gecacht (immer Network-First)
|
||||
|
|
@ -236,9 +245,36 @@ self.addEventListener('install', event => {
|
|||
// ----------------------------------------------------------
|
||||
// ACTIVATE — alte Caches aufräumen (CACHE_TILES + CACHE_API behalten)
|
||||
// ----------------------------------------------------------
|
||||
// Carry-Over VOR dem Löschen: Einträge der alten Static-Caches in den neuen übernehmen,
|
||||
// die dort noch fehlen. Sonst reißt ein Versions-Update ein Offline-Loch — alte Caches
|
||||
// weg, neuer erst teilweise befüllt (Hintergrund-Precache) → Karte offline tot, obwohl
|
||||
// die Pfote „ready" zeigt (Gerätetest 2026-06-08). Network-First ersetzt die übernommenen
|
||||
// Einträge online sukzessive durch frische.
|
||||
async function _migrateStaticCaches() {
|
||||
const names = (await caches.keys()).filter(k => /^by-v\d+-static$/.test(k) && k !== CACHE_STATIC);
|
||||
if (!names.length) return;
|
||||
const fresh = await caches.open(CACHE_STATIC);
|
||||
const have = new Set((await fresh.keys()).map(r => r.url.split('?')[0]));
|
||||
for (const name of names) {
|
||||
const oldCache = await caches.open(name);
|
||||
for (const req of await oldCache.keys()) {
|
||||
const bare = req.url.split('?')[0];
|
||||
if (have.has(bare)) continue; // neue Version schon vorhanden
|
||||
const resp = await oldCache.match(req);
|
||||
if (resp) {
|
||||
// Unter NACKTEM Key (ohne ?v=) ablegen: der Online-Refresh (PRIORITY_PAGES /
|
||||
// Network-First) überschreibt genau diesen Key — keine Versions-Duplikate.
|
||||
try { await fresh.put(bare, resp); have.add(bare); } catch (e) {}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
self.addEventListener('activate', event => {
|
||||
event.waitUntil(
|
||||
caches.keys()
|
||||
_migrateStaticCaches()
|
||||
.catch(() => {})
|
||||
.then(() => caches.keys())
|
||||
.then(keys => Promise.all(
|
||||
keys
|
||||
.filter(k => k !== CACHE_STATIC && k !== CACHE_TILES && k !== CACHE_API)
|
||||
|
|
@ -411,23 +447,28 @@ self.addEventListener('fetch', event => {
|
|||
return;
|
||||
}
|
||||
|
||||
// Statische Assets: Cache-First
|
||||
event.respondWith(
|
||||
caches.match(event.request)
|
||||
.then(cached => cached || fetch(event.request)
|
||||
.then(response => {
|
||||
if (response.ok && event.request.method === 'GET') {
|
||||
const clone = response.clone();
|
||||
caches.open(CACHE_STATIC).then(c => c.put(event.request, clone));
|
||||
}
|
||||
return response;
|
||||
})
|
||||
)
|
||||
.catch(() => {
|
||||
if (event.request.mode === 'navigate') return caches.match('/');
|
||||
return new Response('', { status: 503 });
|
||||
})
|
||||
);
|
||||
// Statische Assets: Cache-First. Für eigene /js/ + /css/ zusätzlich ignoreSearch-
|
||||
// Fallback — Lazy-Loads hängen ?v=APP_VER an, Carry-Over-Einträge tragen aber den
|
||||
// alten ?v= bzw. gar keinen (PRIORITY_PAGES). Online ersetzt der Fetch sie frisch.
|
||||
event.respondWith((async () => {
|
||||
let cached = await caches.match(event.request);
|
||||
if (!cached && url.origin === self.location.origin &&
|
||||
(url.pathname.startsWith('/js/') || url.pathname.startsWith('/css/'))) {
|
||||
cached = await caches.match(event.request, { ignoreSearch: true });
|
||||
}
|
||||
if (cached) return cached;
|
||||
try {
|
||||
const response = await fetch(event.request);
|
||||
if (response.ok && event.request.method === 'GET') {
|
||||
const clone = response.clone();
|
||||
caches.open(CACHE_STATIC).then(c => c.put(event.request, clone)).catch(() => {});
|
||||
}
|
||||
return response;
|
||||
} catch (e) {
|
||||
if (event.request.mode === 'navigate') return caches.match('/');
|
||||
return new Response('', { status: 503 });
|
||||
}
|
||||
})());
|
||||
});
|
||||
|
||||
// ----------------------------------------------------------
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue