fix(pwa): Endlos-Loop "Neue Version verfügbar" beseitigt
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m21s

Der SW rief bisher im Install-Handler self.skipWaiting() auf —
der neue SW übersprang damit die "waiting"-Phase und aktivierte
sofort. pwaStore.onUpdateFound feuerte trotzdem auf statechange=
"installed" + vorhandenem controller und setzte updateAvailable=
true. Ergebnis: Toast erschien, obwohl der SW bereits übernommen
hatte, und der Klick auf "Neu laden" löste durch das Timing einen
neuen Update-Zyklus aus → Endlosschleife, v.a. im Incognito-Mode
wo jede Session neu installiert.

Jetzt klassisches Pattern: SW wartet in "installed"-Zustand bis
der User den Toast bestätigt; pwaStore.reload() postet
SKIP_WAITING an den wartenden SW, lauscht auf controllerchange
und reloadet dann erst. Ohne diese Trennung ist der Toast
semantisch kaputt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-18 17:27:04 +02:00
parent 0ede62dc8a
commit 3d6f6393b3
2 changed files with 25 additions and 2 deletions

View File

@@ -41,7 +41,22 @@ class PwaStore {
reload(): void {
this.updateAvailable = false;
location.reload();
const waiting = this.registration?.waiting;
if (!waiting) {
// Kein wartender SW — entweder war es nur eine Toast-Anzeige, oder
// der SW ist schon aktiv. In beiden Fällen reicht ein Reload.
location.reload();
return;
}
// Klassisches Pattern: User-Klick → SKIP_WAITING an den wartenden
// SW → controllerchange feuert, wenn der neue SW übernimmt → dann
// reloaden wir die Seite, damit sie unter dem neuen SW läuft.
navigator.serviceWorker.addEventListener(
'controllerchange',
() => location.reload(),
{ once: true }
);
waiting.postMessage({ type: 'SKIP_WAITING' });
}
dismiss(): void {