Get web push working

src/service-worker.js

@@ -0,0 +1,91 @@
+import * as nip19 from 'nostr-tools/nip19'
+import {parse, renderAsText} from '@welshman/content'
+import {MESSAGE, THREAD, COMMENT, EVENT_TIME} from '@welshman/util'
+
+const renderOptions = {
+  createElement: tag => ({
+    _text: "",
+    set innerText(text) {
+      this._text = text
+    },
+    get innerHTML() {
+      return this._text
+    },
+  })
+}
+
+self.addEventListener('install', event => {
+  self.skipWaiting()
+})
+
+self.addEventListener('activate', event => {
+  event.waitUntil(self.clients.claim())
+})
+
+self.addEventListener("push", e => {
+  console.log("Service Worker: Push event received", e)
+
+  let url = "/"
+  let body = "You have a new message"
+
+  try {
+    const {event, relays = []} = e.data?.json() || {}
+
+    if (event) {
+      url += nip19.neventEncode({id: event.id, relays})
+      body = renderAsText(parse(event), renderOptions).toString()
+    }
+  } catch (e) {
+    console.log("Service Worker: Failed to parse push data", e)
+  }
+
+  e.waitUntil(
+    self.registration.showNotification("New message", {
+      body,
+      data: {url},
+      icon: "/pwa-192x192.png",
+      badge: "/pwa-64x64.png",
+      tag: 'flotilla-notification',
+      requireInteraction: false,
+    }),
+  )
+})
+
+self.addEventListener("notificationclick", e => {
+  console.log("Service Worker: Notification click event", e)
+
+  e.notification.close()
+
+  if (e.action === "close") {
+    return
+  }
+
+  // Default action or 'open' action
+  const url = e.notification.data?.url
+
+  e.waitUntil(
+    clients
+      .matchAll({
+        type: "window",
+        includeUncontrolled: true,
+      })
+      .then(clientList => {
+        // Check if app is already open and send navigation message
+        for (const client of clientList) {
+          if (client.url.includes(location.origin)) {
+            client.postMessage({
+              type: 'NAVIGATE',
+              url: url
+            })
+
+            return client.focus()
+          }
+        }
+
+        // Open new window if app is not open
+        if (clients.openWindow) {
+          return clients.openWindow(url)
+        }
+      }),
+  )
+})