Service Worker rewrite (#2274)

* Convert all top-level arrow functions to regular functions

* Refactor webPush.sendNotification call

* Refactor webPush logging

* Rename var to title

* Rewrite service worker

This rewrite simplifies the service worker by removing

* merging of push notifications via tag property
* badge count

These features weren't properly working on iOS. We concluded that we don't really need them.

For example, this means replies will no longer get merged to "you have X new replies" but show up as individual notifications.

Only zaps still use the tag property so devices that support it can still replace any previous "your post stacked X sats" notification for the same item.

* Don't use async/await in service worker

* Support app badge count

* Fix extremely slow notificationclick

* Fix serialization and save in pushsubscriptionchange event

Author: ekzyis

components/serviceworker.js

@@ -9,6 +9,7 @@ const ServiceWorkerContext = createContext()
 // message types for communication between app and service worker
 export const DELETE_SUBSCRIPTION = 'DELETE_SUBSCRIPTION'
 export const STORE_SUBSCRIPTION = 'STORE_SUBSCRIPTION'
+export const CLEAR_NOTIFICATIONS = 'CLEAR_NOTIFICATIONS'
 
 export const ServiceWorkerProvider = ({ children }) => {
   const [registration, setRegistration] = useState(null)
@@ -140,6 +141,10 @@ export const ServiceWorkerProvider = ({ children }) => {
   )
 }
 
+export function clearNotifications () {
+  return navigator.serviceWorker?.controller?.postMessage({ action: CLEAR_NOTIFICATIONS })
+}
+
 export function useServiceWorker () {
   return useContext(ServiceWorkerContext)
 }

components/use-has-new-notes.js

@@ -1,8 +1,8 @@
 import { HAS_NOTIFICATIONS } from '@/fragments/notifications'
-import { clearNotifications } from '@/lib/badge'
 import { NORMAL_POLL_INTERVAL, SSR } from '@/lib/constants'
 import { useQuery } from '@apollo/client'
 import React, { useContext } from 'react'
+import { clearNotifications } from '@/components/serviceworker'
 
 export const HasNewNotesContext = React.createContext(false)