Phase 7: Benachrichtigungen und Termine

Terminkalender mit Serienterminen, Selbstanmeldung, Warteliste und
Anwesenheitsliste. Vier Zustellwege hinter Schnittstellen: echtes SMTP,
ntfy (selbst gehostet), Telegram und Web-Push. Kalenderabonnement als
ICS-Feed, digitaler Dienstausweis mit signiertem QR und Pruefseite.

Niemand wird ungefragt benachrichtigt: ein neuer Zustellweg hat eine leere
Ereignisliste, und der Seed legt bewusst keine an. Was das Netz der Wehr
verlaesst, bekommt nur die Kurzfassung ohne Namen und Details.

Kein CalDAV (Lesen genuegt, ICS kann jeder Kalender) und kein WhatsApp
(Verarbeitung ueber Meta, Kosten je Konversation, Telefonbuchabgleich) --
beides im README begruendet.

56 neue Unit-Tests, 17 neue E2E-Tests, Version 0.8.0.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

public/sw.js

@@ -161,3 +161,54 @@ self.addEventListener("message", (ereignis) => {
     ereignis.waitUntil(caches.delete(DATEN));
   }
 });
+
+/**
+ * Web-Push (Phase 7).
+ *
+ * Ein Push erreicht den Browser auch dann, wenn FLORIAN nicht offen ist —
+ * deshalb muss der Service Worker ihn annehmen. Er tut zwei Dinge und sonst
+ * nichts: die Meldung anzeigen und beim Antippen die passende Seite öffnen.
+ *
+ * `tag` sorgt dafür, dass eine neue Meldung zum selben Ereignis die alte
+ * ersetzt statt sich daneben zu legen. Sonst stapeln sich nachts fünf
+ * Erinnerungen an denselben Termin.
+ */
+self.addEventListener("push", (ereignis) => {
+  if (!ereignis.data) return;
+
+  let inhalt = {};
+  try {
+    inhalt = ereignis.data.json();
+  } catch (fehler) {
+    inhalt = { titel: "FLORIAN", text: ereignis.data.text() };
+  }
+
+  ereignis.waitUntil(
+    self.registration.showNotification(inhalt.titel || "FLORIAN", {
+      body: inhalt.text || "",
+      icon: "/icons/florian-192.png",
+      badge: "/icons/florian-192.png",
+      tag: inhalt.kennzeichen || "florian",
+      renotify: Boolean(inhalt.kennzeichen),
+      data: { verweis: inhalt.verweis || "/" },
+    }),
+  );
+});
+
+self.addEventListener("notificationclick", (ereignis) => {
+  ereignis.notification.close();
+  const ziel = (ereignis.notification.data && ereignis.notification.data.verweis) || "/";
+
+  ereignis.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then((fenster) => {
+      // Ein schon offenes FLORIAN in den Vordergrund holen, statt ein zweites
+      // aufzumachen — sonst hat man nach einer Woche zwölf Tabs.
+      for (const eintrag of fenster) {
+        if (eintrag.url.includes(new URL(ziel, self.location.origin).pathname)) {
+          return eintrag.focus();
+        }
+      }
+      return self.clients.openWindow(ziel);
+    }),
+  );
+});