https://dorpdeblesse.nl/sw.js

1// Service worker voor pushmeldingen.
2// Bewust GEEN app-shell cache (geen offline) zodat dit niet conflicteert met de
3// Lovable-preview-richtlijnen. Alleen 'push' en 'notificationclick'.
4
5self.addEventListener("install", () => self.skipWaiting());
6self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
7
8async function bumpBadge() {
9  try {
10    if ("setAppBadge" in self.navigator) {
11      const current = Number((await self.registration.getNotifications()).length || 0);
12      await self.navigator.setAppBadge(current);
13    }
14  } catch (_) {
15    /* noop */
16  }
17}
18
19self.addEventListener("push", (event) => {
20  let data = {};
21  try {
22    data = event.data ? event.data.json() : {};
23  } catch (_) {
24    data = { title: "Nieuwe melding", body: event.data ? event.data.text() : "" };
25  }
26  const title = data.title || "Dorps-app De Blesse";
27  const options = {
28    body: data.body || "",
29    icon: "/icon-192.png",
30    badge: "/icon-192.png",
31    data: { url: data.url || "/" },
32    tag: data.tag || undefined,
33    renotify: !!data.tag,
34  };
35  event.waitUntil(
36    (async () => {
37      await self.registration.showNotification(title, options);
38      await bumpBadge();
39    })(),
40  );
41});
42
43self.addEventListener("notificationclick", (event) => {
44  event.notification.close();
45  const url = (event.notification.data && event.notification.data.url) || "/";
46  event.waitUntil(
47    (async () => {
48      const allClients = await self.clients.matchAll({ type: "window", includeUncontrolled: true });
49      for (const client of allClients) {
50        if ("focus" in client) {
51          await client.navigate(url).catch(() => {});
52          return client.focus();
53        }
54      }
55      if (self.clients.openWindow) return self.clients.openWindow(url);
56    })(),
57  );
58});
59
60// Laat de pagina het app-badge wissen wanneer de gebruiker de app opent.
61self.addEventListener("message", async (event) => {
62  if (event.data && event.data.type === "CLEAR_BADGE") {
63    try {
64      if ("clearAppBadge" in self.navigator) await self.navigator.clearAppBadge();
65    } catch (_) {
66      /* noop */
67    }
68  }
69});