Fix: /force-update reload-Hänger + Cooldown persistent, SW by-v1106
User-Report: 'Leckerlis'-Screen verschwindet nicht mehr. Bug: Vorige Version nutzte 'await Promise.all([sw-unregister, caches.delete])' VOR dem Reload. Auf iOS-PWA können diese Promises gelegentlich nie resolven → Reload kommt nie. Fix /force-update: - Cleanup-Tasks fire-and-forget (kein await, kein Promise.all) - Sofort-Reload nach 150ms (kein await-Block) - Fallback 1: Nach 3s erscheint 'App neu starten'-Button für manuellen Tap - Fallback 2: Nach 6s automatisch location.href mit ?hard=1 Fix app.js Cooldown: - localStorage statt sessionStorage — überlebt PWA-App-Close - 10 Min statt 5 Min Cooldown (großzügiger Spielraum bei Update-Wellen)
This commit is contained in:
parent
b0ae71ba69
commit
c8ef4939f1
6 changed files with 52 additions and 42 deletions
2
VERSION
2
VERSION
|
|
@ -1 +1 @@
|
|||
1105
|
||||
1106
|
||||
|
|
@ -1763,32 +1763,40 @@ async def force_update():
|
|||
<title>Ban Yaro — Update</title>
|
||||
<style>body{font-family:sans-serif;display:flex;align-items:center;justify-content:center;
|
||||
height:100vh;margin:0;background:#0f1623;color:#fff;flex-direction:column;gap:16px}
|
||||
p{color:#94a3b8;font-size:14px}</style></head>
|
||||
p{color:#94a3b8;font-size:14px}
|
||||
button{margin-top:24px;background:#C4843A;color:#fff;border:none;padding:12px 24px;
|
||||
border-radius:8px;font-size:16px;cursor:pointer}</style></head>
|
||||
<body>
|
||||
<div>⏳ Einen Moment…</div>
|
||||
<p id="s">Wir besorgen neue Leckerlis 🦴</p>
|
||||
<button id="b" style="display:none" onclick="location.replace('/?_t='+Date.now())">App neu starten</button>
|
||||
<script>
|
||||
// Zweiten Reload durch SW-updatefound verhindern
|
||||
sessionStorage.setItem('by_skip_sw_reload','1');
|
||||
// Warten bis SW-Unregister + Cache-Delete WIRKLICH durch sind (await),
|
||||
// dann mit Cache-Bust reloaden. Hard-Timeout 4s als Sicherheitsnetz.
|
||||
(async () => {
|
||||
const reload = () => location.replace('/?_t=' + Date.now());
|
||||
const safety = setTimeout(reload, 4000);
|
||||
try {
|
||||
const tasks = [];
|
||||
if (navigator.serviceWorker) {
|
||||
tasks.push(navigator.serviceWorker.getRegistrations()
|
||||
.then(r => Promise.all(r.map(s => s.unregister().catch(() => {})))));
|
||||
}
|
||||
tasks.push(caches.keys()
|
||||
.then(k => Promise.all(k.map(c => caches.delete(c).catch(() => {})))));
|
||||
await Promise.all(tasks);
|
||||
} catch (e) {}
|
||||
clearTimeout(safety);
|
||||
// Kurzes Delay damit der Browser die Storage-Operationen committet
|
||||
setTimeout(reload, 300);
|
||||
})();
|
||||
// Cleanup IM HINTERGRUND starten (fire-and-forget) — kein await,
|
||||
// kein Blockieren. Selbst wenn die Promises nie resolven (iOS-Bug),
|
||||
// hängen wir nicht.
|
||||
try {
|
||||
if (navigator.serviceWorker) {
|
||||
navigator.serviceWorker.getRegistrations()
|
||||
.then(r => r.forEach(s => s.unregister().catch(() => {})))
|
||||
.catch(() => {});
|
||||
}
|
||||
if (window.caches) {
|
||||
caches.keys()
|
||||
.then(k => k.forEach(c => caches.delete(c).catch(() => {})))
|
||||
.catch(() => {});
|
||||
}
|
||||
} catch(e) {}
|
||||
|
||||
// Sofort reload — keine Promise-Abhängigkeit
|
||||
setTimeout(() => location.replace('/?_t=' + Date.now()), 150);
|
||||
|
||||
// Fallback: falls Reload nach 3s noch nicht passiert ist
|
||||
// (z.B. SW intercepted), Button anzeigen für manuellen Tap
|
||||
setTimeout(() => { document.getElementById('b').style.display = ''; }, 3000);
|
||||
|
||||
// Fallback 2: nach 6s automatisch nochmal versuchen mit hartem reload
|
||||
setTimeout(() => location.href = '/?_t=' + Date.now() + '&hard=1', 6000);
|
||||
</script></body></html>"""
|
||||
return HTMLResponse(content=html, headers={"Cache-Control": "no-store"})
|
||||
|
||||
|
|
|
|||
|
|
@ -86,14 +86,14 @@
|
|||
<title>Ban Yaro</title>
|
||||
|
||||
<!-- Theme + theme-color Statusleiste vor CSS setzen -->
|
||||
<script src="/js/boot-early.js?v=1105"></script>
|
||||
<script src="/js/boot-early.js?v=1106"></script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1105">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1105">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1105">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1105">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1105">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=1106">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=1106">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1106">
|
||||
<link rel="stylesheet" href="/css/utilities.css?v=1106">
|
||||
<link rel="stylesheet" href="/css/lists.css?v=1106">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -617,11 +617,11 @@
|
|||
<div id="modal-container"></div>
|
||||
|
||||
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
|
||||
<script src="/js/api.js?v=1105"></script>
|
||||
<script src="/js/ui.js?v=1105"></script>
|
||||
<script src="/js/app.js?v=1105"></script>
|
||||
<script src="/js/worlds.js?v=1105"></script>
|
||||
<script src="/js/offline-indicator.js?v=1105"></script>
|
||||
<script src="/js/api.js?v=1106"></script>
|
||||
<script src="/js/ui.js?v=1106"></script>
|
||||
<script src="/js/app.js?v=1106"></script>
|
||||
<script src="/js/worlds.js?v=1106"></script>
|
||||
<script src="/js/offline-indicator.js?v=1106"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
@ -631,7 +631,7 @@
|
|||
|
||||
|
||||
<!-- Boot: Offline-Banner + SW-Registration (extrahiert für CSP) -->
|
||||
<script src="/js/boot.js?v=1105"></script>
|
||||
<script src="/js/boot.js?v=1106"></script>
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1105'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1106'; // ← 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;
|
||||
|
|
@ -129,17 +129,19 @@ const App = (() => {
|
|||
function navigate(pageId, pushHistory = true, params = {}) {
|
||||
if (!pages[pageId]) return;
|
||||
// Neue Version erkannt → nur aktualisieren wenn kein Bearbeitungsfenster offen ist
|
||||
// UND wenn nicht erst kürzlich force-update lief (Cooldown 5 Min) — verhindert Loop
|
||||
// bei mehreren schnellen Deploys oder iOS-PWA-Cache-Quirks.
|
||||
// UND wenn nicht erst kürzlich force-update lief (Cooldown 10 Min) — verhindert Loop
|
||||
// bei mehreren schnellen Deploys oder iOS-PWA-Cache-Quirks. localStorage überlebt
|
||||
// App-Restarts (sessionStorage wäre bei PWA-Standalone-close weg).
|
||||
if (window._byUpdatePending) {
|
||||
const modalOpen = document.querySelector('#modal-container .modal-overlay') !== null;
|
||||
const lastForce = parseInt(sessionStorage.getItem('by_last_force_update') || '0', 10);
|
||||
const cooldownActive = (Date.now() - lastForce) < 5 * 60 * 1000;
|
||||
let lastForce = 0;
|
||||
try { lastForce = parseInt(localStorage.getItem('by_last_force_update') || '0', 10); } catch {}
|
||||
const cooldownActive = (Date.now() - lastForce) < 10 * 60 * 1000;
|
||||
if (!modalOpen && !cooldownActive) {
|
||||
window._byUpdatePending = false;
|
||||
sessionStorage.setItem('by_updated_to', window._byNewVersion || '');
|
||||
sessionStorage.setItem('by_update_target', pageId);
|
||||
sessionStorage.setItem('by_last_force_update', String(Date.now()));
|
||||
try { localStorage.setItem('by_last_force_update', String(Date.now())); } catch {}
|
||||
location.href = '/force-update';
|
||||
return;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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=1105"></script>
|
||||
<script src="/js/landing-init.js?v=1106"></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 = '1105';
|
||||
const VER = '1106';
|
||||
const CACHE_VERSION = `by-v${VER}`;
|
||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue