fix: handle frozen page lifecycle state (#1658)

service-worker/notification.ts

@@ -1,4 +1,4 @@
-import { get } from 'idb-keyval'
+import { closeDatabases, get } from '../utils/elk-idb'
 import type { MastoNotification, NotificationInfo, PushPayload, UserLogin } from './types'
 
 export const findNotification = async (
@@ -104,3 +104,7 @@ function htmlToPlainText(html: string) {
   return decodeURIComponent(html.replace(/<br\s*\/?>/g, '\n').replace(/<\/p><p>/g, '\n\n').replace(/<[^>]*>/g, ''))
 }
 */
+
+export function closeDatabaseConnections() {
+  closeDatabases()
+}

service-worker/web-push-notifications.ts

@@ -1,10 +1,20 @@
 /// <reference lib="WebWorker" />
 /// <reference types="vite/client" />
-import { createNotificationOptions, findNotification } from './notification'
+import { ELK_PAGE_LIFECYCLE_FROZEN } from '../constants'
+import {
+  closeDatabaseConnections,
+  createNotificationOptions,
+  findNotification,
+} from './notification'
 import type { PushPayload } from '~/service-worker/types'
 
 declare const self: ServiceWorkerGlobalScope
 
+self.addEventListener('message', (event) => {
+  if (event.data === ELK_PAGE_LIFECYCLE_FROZEN)
+    closeDatabaseConnections()
+})
+
 export const onPush = (event: PushEvent) => {
   const promise = isClientFocused().then((isFocused) => {
     if (isFocused)