feat: add service worker

app/components/settings/notifications.tsx

@@ -127,7 +127,7 @@ export default function NotificationSettings() {
           </CardDescription>
         </CardHeader>
         <CardContent className="space-y-4">
-          {!isInstalled() ? (
+          {isInstalled() ? (
             pushEnabled ? (
               <div className="flex items-start sm:items-center justify-between gap-4">
                 <div className="space-y-1 flex-1">

public/sw/push.js

@@ -0,0 +1,20 @@
+self.addEventListener("push", onPush);
+
+async function onPush(event) {
+  if (event.data) {
+    const data = event.data.json();
+    const { title, ...rest } = data;
+
+    // Send the push data to the application
+    const clients = await self.clients.matchAll();
+    clients.forEach((client) => client.postMessage(data));
+
+    await event.waitUntil(
+      self.registration.showNotification(title, {
+        ...rest,
+      })
+    );
+  }
+}
+
+// self.addEventListener("notificationclick", function (event) {});

pwa.config.ts

@@ -1,7 +1,7 @@
 export default {
-  // workbox: {
-  //   importScripts: ["/sw/push.js"],
-  // },
+  workbox: {
+    importScripts: ["/sw/push.js"],
+  },
   includeAssets: [
     "favicon.ico",
     "favicon-96x96.png",