seepuls/apps/web/public/sw.js

/* Seepuls Service Worker — Web Push.
 *
 * Bewusst minimal: nur Push-Empfang + Klick-Handling. Kein Offline-Cache
 * (die App ist SSR, Caching wäre eine eigene Entscheidung). Liegt unter
 * public/ und wird mit Scope „/" registriert.
 */

self.addEventListener('push', (event) => {
	let data = {};
	try {
		data = event.data ? event.data.json() : {};
	} catch (_e) {
		data = { title: 'Seepuls', body: event.data ? event.data.text() : '' };
	}
	const title = data.title || 'Seepuls';
	const options = {
		body: data.body || '',
		tag: data.tag || undefined,
		data: { url: data.url || '/' },
		icon: '/logo.svg',
		badge: '/logo.svg',
		lang: 'de',
	};
	event.waitUntil(self.registration.showNotification(title, options));
});

self.addEventListener('notificationclick', (event) => {
	event.notification.close();
	const target = (event.notification.data && event.notification.data.url) || '/';
	event.waitUntil(
		self.clients
			.matchAll({ type: 'window', includeUncontrolled: true })
			.then((clientList) => {
				// Schon offenes Fenster fokussieren + dorthin navigieren.
				for (const client of clientList) {
					if ('focus' in client) {
						if ('navigate' in client) {
							client.navigate(target).catch(() => {});
						}
						return client.focus();
					}
				}
				return self.clients.openWindow(target);
			}),
	);
});