Add support for ios push notifications

src/app/commands.ts

@@ -394,6 +394,7 @@ export type AlertParams = {
   }
   ios?: {
     device_token: string
+    bundle_identifier: string
   }
   android?: {
     device_token: string

src/app/components/SpaceQuickLinks.svelte

@@ -112,9 +112,7 @@
           <Icon icon="chat-round" />
           Chat
           {#if $notifications.has(chatPath)}
-            <div
-              class="absolute -right-3 -top-1 h-2 w-2 rounded-full bg-primary-content"
-              transition:fade>
+            <div class="absolute -right-3 -top-1 h-2 w-2 rounded-full bg-primary" transition:fade>
             </div>
           {/if}
         </div>

src/app/push.ts

@@ -2,7 +2,7 @@ import * as nip19 from "nostr-tools/nip19"
 import {Capacitor} from "@capacitor/core"
 import type {ActionPerformed, RegistrationError, Token} from "@capacitor/push-notifications"
 import {PushNotifications} from "@capacitor/push-notifications"
-import {sleep, parseJson} from "@welshman/lib"
+import {parseJson, poll} from "@welshman/lib"
 import {isSignedEvent} from "@welshman/util"
 import {goto} from "$app/navigation"
 import {VAPID_PUBLIC_KEY} from "@app/state"
@@ -69,6 +69,11 @@ export const getWebPushInfo = async () => {
   }
 }
 
+export type PushInfo = {
+  device_token: string
+  bundle_identifier?: string
+}
+
 export const getCapacitorPushInfo = async () => {
   let status = await PushNotifications.checkPermissions()
 
@@ -92,13 +97,22 @@ export const getCapacitorPushInfo = async () => {
   })
 
   await PushNotifications.register()
-  await sleep(100)
+  await poll({
+    condition: () => Boolean(device_token),
+    signal: AbortSignal.timeout(5000),
+  })
 
   if (!device_token) {
     throw new Error(error)
   }
 
-  return {device_token}
+  const info: PushInfo = {device_token}
+
+  if (platform === "ios") {
+    info.bundle_identifier = "social.flotilla"
+  }
+
+  return info
 }
 
 export const getPushInfo = (): Promise<Record<string, string>> => {