Basic notification support

frontend/controller/service-worker.js

@@ -76,6 +76,9 @@ sbp('sbp/selectors/register', {
               break
             }
             case 'navigate': {
+              if (data.groupID) {
+                sbp('state/vuex/commit', 'setCurrentGroupId', { contractID: data.groupID })
+              }
               sbp('controller/router').push({ path: data.path }).catch(console.warn)
               break
             }

frontend/controller/serviceworkers/sw-primary.js

@@ -1,6 +1,7 @@
 'use strict'
 
 import { MESSAGE_RECEIVE, MESSAGE_SEND, PROPOSAL_ARCHIVED } from '@model/contracts/shared/constants.js'
+import { makeNotification } from '@model/notifications/nativeNotification.js'
 import '@model/swCaptureLogs.js'
 import '@sbp/okturtles.data'
 import '@sbp/okturtles.eventqueue'
@@ -157,11 +158,11 @@ sbp('sbp/selectors/register', {
   })()
 })
 
-const x = new URL(self.location)
+const ourLocation = new URL(self.location)
 
 sbp('sbp/selectors/register', {
   'controller/router': () => {
-    return { options: { base: x.searchParams.get('routerBase') } }
+    return { options: { base: ourLocation.searchParams.get('routerBase') } }
   }
 })
 
@@ -281,6 +282,7 @@ self.addEventListener('notificationclick', event => {
       if (event.notification.data?.path) {
         client.postMessage({
           type: 'navigate',
+          groupID: event.notification.data.groupID,
           path: event.notification.data.path
         })
       }
@@ -326,3 +328,15 @@ sbp('okTurtles.events/on', NEW_CHATROOM_UNREAD_POSITION, ({ chatRoomID, messageH
   }
   sbp('okTurtles.events/emit', CHELONIA_STATE_MODIFIED)
 })
+
+sbp('okTurtles.events/on', NOTIFICATION_EMITTED, (notification) => {
+  makeNotification({
+    // icon: undefined, // TODO
+    title: notification.title,
+    body: notification.plaintextBody,
+    groupID: notification.groupID,
+    path: notification.linkTo
+  }).catch(e => {
+    console.error('Error displaying native notification', e)
+  })
+})

frontend/model/notifications/nativeNotification.js

@@ -82,9 +82,10 @@ export async function requestNotificationPermission (): Promise<null | string> {
   }
 }
 
-export function makeNotification ({ title, body, icon, path }: {
-  title: string, body: string, icon?: string, path?: string
-}): void | Promise<void> {
+// eslint-disable-next-line require-await
+export async function makeNotification ({ title, body, icon, path, groupID }: {
+  title: string, body: string, icon?: string, path?: string, groupID?: string
+}): Promise<void> {
   if (typeof Notification !== 'function') return
   // If not running on a SW
   if (typeof WorkerGlobalScope !== 'function') {
@@ -108,11 +109,11 @@ export function makeNotification ({ title, body, icon, path }: {
   } else {
   // If running in a SW
     return self.clients.matchAll({ type: 'window' }).then((clientList) => {
-      // If the no window is focused, display a native notification
+      // If no window is focused, display a native notification
       if (clientList.some(client => client.focused)) {
         return
       }
-      return self.registration.showNotification(title, { body, icon, data: { path } }).catch(console.warn)
+      return self.registration.showNotification(title, { body, icon, data: { groupID, path } }).catch(console.warn)
     })
   }
 }