test

Author: uni-kakurenbo

src/lib/basic/timer.ts

@@ -9,3 +9,28 @@ export const rAF = () =>
   new Promise(resolve => {
     requestAnimationFrame(resolve)
   })
+
+/**
+ * 条件が満たされるまでポーリングで待機する関数
+ * @param condition 条件を判定する関数。trueを返したら待機終了
+ * @param options.interval ポーリング間隔（ミリ秒）、デフォルト: 10ms
+ * @param options.timeout 最大待機時間（ミリ秒）、デフォルト: 500ms
+ * @returns 条件が満たされた場合true、タイムアウトした場合false
+ */
+export const waitUntil = async (
+  condition: () => boolean,
+  options?: { interval?: number; timeout?: number }
+): Promise<boolean> => {
+  const interval = options?.interval ?? 10
+  const timeout = options?.timeout ?? 500
+  const startTime = Date.now()
+
+  while (!condition()) {
+    if (Date.now() - startTime >= timeout) {
+      return false
+    }
+    await wait(interval)
+  }
+
+  return true
+}

src/lib/notification/notification.ts

@@ -6,7 +6,7 @@ import {
 } from 'firebase/messaging'
 
 import apis from '/@/lib/apis'
-import { wait } from '/@/lib/basic/timer'
+import { wait, waitUntil } from '/@/lib/basic/timer'
 import { isIOSApp, isPWA, isWebKit } from '/@/lib/dom/browser'
 import router from '/@/router'
 import { useToastStore } from '/@/store/ui/toast'
@@ -90,12 +90,37 @@ export const connectFirebase = async (onCanUpdate: OnCanUpdate) => {
       })()
 
       if (permission === 'granted') {
+        // iOS PWA の場合、許可状態がService Workerコンテキストに反映されるまで待つ
+        // https://stackoverflow.com/questions/76590928/pwa-on-ios-notification-permission-return-default-whatever-we-chose
+        if (isWebKit() && isPWA()) {
+          const success = await waitUntil(
+            () => Notification.permission === 'granted',
+            { interval: 10, timeout: 500 }
+          )
+          if (!success) {
+            // eslint-disable-next-line no-console
+            console.warn(
+              '[Notification] iOS PWA: permission state did not update within timeout'
+            )
+          }
+        }
         notify({ title: `ようこそ${appName}へ！！` }, true)
       } else {
         // eslint-disable-next-line no-console
         console.warn(`[Notification] permission ${permission}`)
       }
     }
+
+    // iOS PWAの場合、Service Worker登録前に許可状態を最終確認
+    // Service Workerコンテキストは作成時の許可状態を保持するため、
+    // 'granted' 状態で作成されることを保証する
+    if (isWebKit() && isPWA() && Notification.permission !== 'granted') {
+      // eslint-disable-next-line no-console
+      console.warn(
+        `[Notification] iOS PWA: permission is ${Notification.permission}, skipping service worker registration`
+      )
+      return
+    }
   } else {
     // eslint-disable-next-line no-console
     console.warn(`[Notification] Notification does not exists`)