Function handlePushSubscriptionChange

site/src/serviceWorker.ts:68–113

(
	event: PushSubscriptionChangeEvent,
)

});

async function handlePushSubscriptionChange(
	event: PushSubscriptionChangeEvent,
): Promise<void> {
	// Prefer the application server key the browser already negotiated, so
	// we don't depend on the React side delivering a fresh VAPID key into
	// the worker. Fall back to the old subscription's options when the new
	// one is null (the browser revoked without auto-renewing).
	const applicationServerKey =
		event.newSubscription?.options.applicationServerKey ??
		event.oldSubscription?.options.applicationServerKey;
	if (!applicationServerKey) {
		return;
	}

	const subscription =
		event.newSubscription ??
		(await self.registration.pushManager.subscribe({
			userVisibleOnly: true,
			applicationServerKey,
		}));

	const json = subscription.toJSON();
	if (!json.endpoint || !json.keys) {
		return;
	}

	await fetch("/api/v2/users/me/webpush/subscription", {
		method: "POST",
		headers: { "Content-Type": "application/json" },
		credentials: "include",
		body: JSON.stringify({
			endpoint: json.endpoint,
			auth_key: json.keys.auth,
			p256dh_key: json.keys.p256dh,
		}),
	});

	if (event.oldSubscription) {
		await fetch("/api/v2/users/me/webpush/subscription", {
			method: "DELETE",
			headers: { "Content-Type": "application/json" },
			credentials: "include",
			body: JSON.stringify({ endpoint: event.oldSubscription.endpoint }),
		});
	}
}

// Handle notification click — navigate to the specific chat or agents page.
self.addEventListener("notificationclick", (event) => {