Send debug messages back to client

app/worker.ts

@@ -40,19 +40,43 @@ export default function start(self: ServiceWorkerGlobalScope) {
   //   )
   // })
 
-  self.addEventListener("message", async function (event) {
+  async function sendMessage(message: any) {
+    const clients = await self.clients.matchAll()
+
+    await Promise.all(
+      clients.map(async (client) => client.postMessage(message))
+    )
+  }
+
+  self.addEventListener("message", function (event) {
+    const waitEvent = event as ExtendableEvent
+    waitEvent.waitUntil(
+      (async () => {
         if (
           "type" in event &&
           event.type === "subscribed" &&
           "subscription" in event
         ) {
+          try {
             await event.waitUntil(
               submitSubscription(
                 self.registration,
                 event.subscription as PushSubscription
               )
             )
+          } catch (e) {
+            await sendMessage({
+              message: "Got error processing subscription",
+              error: (e as Error).toString(),
+            })
           }
+        }
+
+        await sendMessage({
+          message: "Processed subscription",
+        })
+      })()
+    )
   })
 
   self.addEventListener("pushsubscriptionchange", function (event) {
@@ -67,18 +91,7 @@ export default function start(self: ServiceWorkerGlobalScope) {
           existingSubscription
         )
 
-        const clients = await self.clients.matchAll()
+        await sendMessage({ type: "sent subscription", newSubscription })
-
-        await Promise.all(
-          clients.map(async (client) =>
-            client.postMessage({
-              subscription:
-                await self.registration.pushManager.getSubscription(),
-              event,
-              newSubscription,
-            })
-          )
-        )
       })()
     )
   })