https://askfuzz.ai/sw.js

1/* Service Worker - Handles push notifications (foreground + background) and caching */
2
3self.addEventListener("install", () => {
4  self.skipWaiting();
5});
6
7self.addEventListener("activate", (event) => {
8  event.waitUntil(self.clients.claim());
9});
10
11// ---------------------
12// Push event - Background notifications
13// ---------------------
14self.addEventListener("push", (event) => {
15  console.log("[SW] 🔔 Push event received!", event);
16
17  let data = { title: "Notification", body: "You have a new notification" };
18
19  if (event.data) {
20    try {
21      data = event.data.json();
22      console.log("[SW] Push data (JSON):", data);
23    } catch {
24      data.body = event.data.text();
25      console.log("[SW] Push data (text):", data.body);
26    }
27  }
28
29  const title = data.title || "fuzz";
30  const options = {
31    body: data.body || "",
32    icon: data.icon || "/favicon.ico",
33    badge: data.badge || "/favicon.ico",
34    image: data.image_url || data.image || undefined,
35    data: {
36      url: data.click_action || data.url || "/",
37      event_id: data.event_id,
38      timestamp: Date.now(),
39    },
40    actions: data.actions || [],
41    tag: data.tag || data.event_id || `fuzz-${Date.now()}`,
42    requireInteraction: data.require_interaction || false,
43    vibrate: [200, 100, 200],
44  };
45
46  event.waitUntil(
47    self.clients
48      .matchAll({ type: "window", includeUncontrolled: true })
49      .then((clients) => {
50        const hasVisibleClient = clients.some(
51          (client) => client.visibilityState === "visible"
52        );
53
54        // Forward to all clients for in-app snackbar
55        clients.forEach((client) => {
56          client.postMessage({
57            type: "PUSH_RECEIVED",
58            payload: { ...data, received_at: new Date().toISOString() },
59          });
60        });
61
62        if (hasVisibleClient) {
63          // User is on the page — show a silent notification and immediately close it.
64          console.log("[SW] Visible client — suppressing system notification");
65          return self.registration
66            .showNotification("", { tag: "__fuzz_silent__", silent: true })
67            .then(() => {
68              return self.registration.getNotifications({
69                tag: "__fuzz_silent__",
70              });
71            })
72            .then((notifications) => {
73              notifications.forEach((n) => n.close());
74            });
75        } else {
76          // No visible tab — show the full system notification
77          console.log("[SW] No visible client — showing system notification");
78          return self.registration.showNotification(title, options);
79        }
80      })
81  );
82});
83
84// ---------------------
85// Notification click - open the target URL
86// ---------------------
87self.addEventListener("notificationclick", (event) => {
88  event.notification.close();
89
90  const targetUrl = event.notification.data?.url || "/";
91
92  event.waitUntil(
93    self.clients
94      .matchAll({ type: "window", includeUncontrolled: true })
95      .then((clientList) => {
96        for (const client of clientList) {
97          if (client.url.includes(self.location.origin) && "focus" in client) {
98            client.navigate(targetUrl);
99            return client.focus();
100          }
101        }
102        return self.clients.openWindow(targetUrl);
103      })
104  );
105});
106
107// ---------------------
108// Generic message handler
109// ---------------------
110self.addEventListener("message", (event) => {
111  const { type, url } = event.data || {};
112
113  if (type === "SKIP_WAITING") {
114    self.skipWaiting();
115  }
116
117  if (type === "CACHE_VIDEO" && url) {
118    fetch(url).catch(() => {});
119  }
120
121  // Client requests the SW to show a notification
122  if (type === "SHOW_NOTIFICATION") {
123    const { title, body, icon, tag, url: targetUrl } = event.data;
124    console.log("[SW] SHOW_NOTIFICATION requested:", { title, body, tag });
125    event.waitUntil(
126      self.registration.showNotification(title || "fuzz", {
127        body: body || "",
128        icon: icon || "/favicon.ico",
129        badge: "/favicon.ico",
130        tag: tag || `fuzz-client-${Date.now()}`,
131        data: { url: targetUrl || "/" },
132        vibrate: [200, 100, 200],
133      })
134    );
135  }
136});