@rpcbase/client 0.435.0 → 0.436.0

package/dist/index.js

@@ -2303,6 +2303,17 @@ const runNotificationDigest = async ({
     skippedReason: result.skippedReason
   };
 };
+const NEW_NOTIFICATION_START_TOLERANCE_MS = 5e3;
+const NATIVE_NOTIFICATION_TAG_PREFIX = "rb-notification";
+const ACTIVE_TAB_HEARTBEAT_MS = 5e3;
+const ACTIVE_TAB_TTL_MS = 15e3;
+const DELIVERY_TTL_MS = 10 * 60 * 1e3;
+const FALLBACK_DELIVERY_LOCK_TTL_MS = 2e3;
+const TAB_STATE_KEY_PREFIX = "rb:notifications:tab:";
+const DELIVERY_KEY_PREFIX = "rb:notifications:delivery:";
+const DELIVERY_LOCK_PREFIX = "rb-notifications-delivery:";
+const FALLBACK_DELIVERY_LOCK_KEY_PREFIX = "rb:notifications:delivery-lock:";
+const NOTIFICATION_TAB_ID = `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 const NotificationsRealtimeContext = createContext(null);
 const toIso = (value) => {
   if (value instanceof Date) return value.toISOString();
@@ -2337,8 +2348,267 @@ const buildDisabledTopics = (settings) => {
     return pref.inApp === false ? topic : null;
   }).filter((topic) => Boolean(topic));
 };
+const getWebpushLink = (item) => {
+  const platformWebpush = item.platform?.webpush;
+  if (!platformWebpush || typeof platformWebpush !== "object" || Array.isArray(platformWebpush)) return "";
+  const fcmOptions = platformWebpush.fcmOptions;
+  if (!fcmOptions || typeof fcmOptions !== "object" || Array.isArray(fcmOptions)) return "";
+  return typeof fcmOptions.link === "string" ? fcmOptions.link : "";
+};
+const getScopedUserKey = (userId) => encodeURIComponent(userId);
+const getTabStateKey = (userId) => `${TAB_STATE_KEY_PREFIX}${getScopedUserKey(userId)}:${NOTIFICATION_TAB_ID}`;
+const getTabStateKeyPrefix = (userId) => `${TAB_STATE_KEY_PREFIX}${getScopedUserKey(userId)}:`;
+const getDeliveryKey = (userId, notificationId) => `${DELIVERY_KEY_PREFIX}${getScopedUserKey(userId)}:${encodeURIComponent(notificationId)}`;
+const getDeliveryLockName = (userId) => `${DELIVERY_LOCK_PREFIX}${getScopedUserKey(userId)}`;
+const getFallbackDeliveryLockKey = (userId) => `${FALLBACK_DELIVERY_LOCK_KEY_PREFIX}${getScopedUserKey(userId)}`;
+const getLocalStorage = () => {
+  if (typeof window === "undefined") return null;
+  try {
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+};
+const parseJsonRecord = (value) => {
+  if (!value) return null;
+  try {
+    const parsed = JSON.parse(value);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+};
+const getLockManager = () => {
+  if (typeof navigator === "undefined") return null;
+  const locks = navigator.locks;
+  return locks && typeof locks.request === "function" ? locks : null;
+};
+const isDocumentActive = () => {
+  if (typeof document === "undefined") return false;
+  return document.visibilityState === "visible" && document.hasFocus();
+};
+const writeNotificationTabState = (userId) => {
+  const storage = getLocalStorage();
+  if (!storage) return;
+  const state = {
+    tabId: NOTIFICATION_TAB_ID,
+    active: isDocumentActive(),
+    updatedAt: Date.now()
+  };
+  try {
+    storage.setItem(getTabStateKey(userId), JSON.stringify(state));
+  } catch {
+    return;
+  }
+};
+const removeNotificationTabState = (userId) => {
+  const storage = getLocalStorage();
+  if (!storage) return;
+  try {
+    storage.removeItem(getTabStateKey(userId));
+  } catch {
+    return;
+  }
+};
+const hasActiveNotificationTab = (userId) => {
+  const storage = getLocalStorage();
+  if (!storage) return false;
+  const prefix = getTabStateKeyPrefix(userId);
+  const now = Date.now();
+  try {
+    for (let index = storage.length - 1; index >= 0; index -= 1) {
+      const key = storage.key(index);
+      if (!key?.startsWith(prefix)) continue;
+      const record = parseJsonRecord(storage.getItem(key));
+      const updatedAt = typeof record?.updatedAt === "number" ? record.updatedAt : 0;
+      if (!updatedAt || now - updatedAt > ACTIVE_TAB_TTL_MS) {
+        storage.removeItem(key);
+        continue;
+      }
+      if (record?.active === true) return true;
+    }
+  } catch {
+    return false;
+  }
+  return false;
+};
+const claimNotificationDeliveriesFromStorage = (items, userId, mode) => {
+  const storage = getLocalStorage();
+  if (!storage) return items;
+  const now = Date.now();
+  const claimed = [];
+  for (const item of items) {
+    const key = getDeliveryKey(userId, item.id);
+    const current = parseJsonRecord(storage.getItem(key));
+    const deliveredAt = typeof current?.deliveredAt === "number" ? current.deliveredAt : 0;
+    if (deliveredAt && now - deliveredAt < DELIVERY_TTL_MS) continue;
+    const marker = {
+      tabId: NOTIFICATION_TAB_ID,
+      mode,
+      deliveredAt: now
+    };
+    try {
+      storage.setItem(key, JSON.stringify(marker));
+      const stored = parseJsonRecord(storage.getItem(key));
+      if (stored?.tabId === NOTIFICATION_TAB_ID && stored.deliveredAt === now) {
+        claimed.push(item);
+      }
+    } catch {
+      claimed.push(item);
+    }
+  }
+  return claimed;
+};
+const acquireFallbackDeliveryLock = (userId) => {
+  const storage = getLocalStorage();
+  if (!storage) {
+    return {
+      token: `${NOTIFICATION_TAB_ID}:memory`,
+      expiresAt: Date.now() + FALLBACK_DELIVERY_LOCK_TTL_MS
+    };
+  }
+  const key = getFallbackDeliveryLockKey(userId);
+  const now = Date.now();
+  try {
+    const current = parseJsonRecord(storage.getItem(key));
+    const currentExpiresAt = typeof current?.expiresAt === "number" ? current.expiresAt : 0;
+    if (currentExpiresAt > now && current?.token !== void 0) return null;
+    const marker = {
+      token: `${NOTIFICATION_TAB_ID}:${now}:${Math.random().toString(36).slice(2)}`,
+      expiresAt: now + FALLBACK_DELIVERY_LOCK_TTL_MS
+    };
+    storage.setItem(key, JSON.stringify(marker));
+    const stored = parseJsonRecord(storage.getItem(key));
+    return stored?.token === marker.token ? marker : null;
+  } catch {
+    return {
+      token: `${NOTIFICATION_TAB_ID}:memory`,
+      expiresAt: now + FALLBACK_DELIVERY_LOCK_TTL_MS
+    };
+  }
+};
+const releaseFallbackDeliveryLock = (userId, marker) => {
+  const storage = getLocalStorage();
+  if (!storage) return;
+  const key = getFallbackDeliveryLockKey(userId);
+  try {
+    const stored = parseJsonRecord(storage.getItem(key));
+    if (stored?.token === marker.token) {
+      storage.removeItem(key);
+    }
+  } catch {
+    return;
+  }
+};
+const withFallbackDeliveryLock = (userId, callback, fallback) => {
+  const marker = acquireFallbackDeliveryLock(userId);
+  if (!marker) return fallback;
+  try {
+    return callback();
+  } finally {
+    releaseFallbackDeliveryLock(userId, marker);
+  }
+};
+const claimNotificationDeliveries = async (items, userId, mode) => {
+  if (items.length === 0) return [];
+  const claim = () => {
+    if (mode === "native" && hasActiveNotificationTab(userId)) return [];
+    return claimNotificationDeliveriesFromStorage(items, userId, mode);
+  };
+  const locks = getLockManager();
+  if (!locks) return withFallbackDeliveryLock(userId, claim, []);
+  try {
+    const claimed = await locks.request(getDeliveryLockName(userId), {
+      mode: "exclusive",
+      ifAvailable: true
+    }, (lock) => {
+      if (!lock) return [];
+      return claim();
+    });
+    return Array.isArray(claimed) ? claimed : [];
+  } catch {
+    return claim();
+  }
+};
+const showInAppNotifications = (items) => {
+  if (items.length > 3) {
+    toast(`${items.length} new notifications`, {
+      description: "Open the notifications drawer to view them."
+    });
+    return;
+  }
+  for (const item of items) {
+    toast(item.title, {
+      description: item.body
+    });
+  }
+};
+const canShowNativeNotification = () => {
+  if (typeof window === "undefined") return false;
+  if (!("Notification" in window)) return false;
+  return window.Notification.permission === "granted";
+};
+const focusNotificationLink = (link) => {
+  window.focus();
+  if (link) {
+    window.location.href = link;
+  }
+};
+const showNativeNotification = (item) => {
+  if (!canShowNativeNotification()) return;
+  try {
+    const link = getWebpushLink(item);
+    const browserNotification = new window.Notification(item.title, {
+      body: item.body,
+      icon: item.image,
+      tag: `${NATIVE_NOTIFICATION_TAG_PREFIX}:${item.id}`,
+      data: {
+        ...item.data,
+        notificationId: item.id,
+        link
+      }
+    });
+    browserNotification.onclick = () => focusNotificationLink(link);
+  } catch {
+    return;
+  }
+};
+const showNativeNotifications = (items) => {
+  if (!canShowNativeNotification()) return;
+  if (items.length > 3) {
+    try {
+      const browserNotification = new window.Notification(`${items.length} new notifications`, {
+        body: "Open the notifications drawer to view them.",
+        tag: `${NATIVE_NOTIFICATION_TAG_PREFIX}:summary`
+      });
+      browserNotification.onclick = () => focusNotificationLink("");
+    } catch {
+      return;
+    }
+    return;
+  }
+  for (const item of items) {
+    showNativeNotification(item);
+  }
+};
+const showNotificationsForCurrentFocusState = async (items, userId) => {
+  writeNotificationTabState(userId);
+  if (isDocumentActive()) {
+    const claimed2 = await claimNotificationDeliveries(items, userId, "in-app");
+    if (claimed2.length > 0) {
+      showInAppNotifications(claimed2);
+    }
+    return;
+  }
+  if (!canShowNativeNotification()) return;
+  const claimed = await claimNotificationDeliveries(items, userId, "native");
+  if (claimed.length > 0) {
+    showNativeNotifications(claimed);
+  }
+};
 function NotificationsRealtimeProvider(t0) {
-  const $ = c(47);
+  const $ = c(52);
   const {
     userId,
     limit: t1,
@@ -2547,8 +2817,47 @@ function NotificationsRealtimeProvider(t0) {
   useEffect(t15, t16);
   let t17;
   let t18;
-  if ($[32] !== canUseRts || $[33] !== notifications || $[34] !== notificationsQuery.loading || $[35] !== toastOnNew) {
+  if ($[32] !== canUseRts || $[33] !== trimmedUserId) {
     t17 = () => {
+      if (!canUseRts) {
+        return;
+      }
+      if (typeof window === "undefined" || typeof document === "undefined") {
+        return;
+      }
+      const writeState = () => writeNotificationTabState(trimmedUserId);
+      const removeState = () => removeNotificationTabState(trimmedUserId);
+      writeState();
+      const intervalId = window.setInterval(writeState, ACTIVE_TAB_HEARTBEAT_MS);
+      window.addEventListener("focus", writeState);
+      window.addEventListener("blur", writeState);
+      window.addEventListener("pageshow", writeState);
+      window.addEventListener("pagehide", removeState);
+      document.addEventListener("visibilitychange", writeState);
+      return () => {
+        window.clearInterval(intervalId);
+        window.removeEventListener("focus", writeState);
+        window.removeEventListener("blur", writeState);
+        window.removeEventListener("pageshow", writeState);
+        window.removeEventListener("pagehide", removeState);
+        document.removeEventListener("visibilitychange", writeState);
+        removeState();
+      };
+    };
+    t18 = [canUseRts, trimmedUserId];
+    $[32] = canUseRts;
+    $[33] = trimmedUserId;
+    $[34] = t17;
+    $[35] = t18;
+  } else {
+    t17 = $[34];
+    t18 = $[35];
+  }
+  useEffect(t17, t18);
+  let t19;
+  let t20;
+  if ($[36] !== canUseRts || $[37] !== notifications || $[38] !== notificationsQuery.loading || $[39] !== toastOnNew || $[40] !== trimmedUserId) {
+    t19 = () => {
       if (!toastOnNew) {
         return;
       }
@@ -2561,83 +2870,80 @@ function NotificationsRealtimeProvider(t0) {
       if (!hasSeededToastIds.current) {
         hasSeededToastIds.current = true;
         lastToastIds.current = new Set(notifications.map(_temp5));
+        const eligible = notifications.filter((n_3) => {
+          const createdAtMs = Date.parse(n_3.createdAt);
+          if (!Number.isFinite(createdAtMs)) {
+            return false;
+          }
+          return createdAtMs >= toastStartMs.current - NEW_NOTIFICATION_START_TOLERANCE_MS;
+        });
+        if (eligible.length) {
+          showNotificationsForCurrentFocusState(eligible, trimmedUserId);
+        }
         return;
       }
-      const nextNew = notifications.filter((n_3) => !lastToastIds.current.has(n_3.id));
+      const nextNew = notifications.filter((n_4) => !lastToastIds.current.has(n_4.id));
       if (!nextNew.length) {
         return;
       }
-      for (const n_4 of nextNew) {
-        lastToastIds.current.add(n_4.id);
+      for (const n_5 of nextNew) {
+        lastToastIds.current.add(n_5.id);
       }
-      const isTabActive = typeof document !== "undefined" && document.visibilityState === "visible";
-      if (!isTabActive) {
-        return;
-      }
-      const eligible = nextNew.filter((n_5) => {
-        const createdAtMs = Date.parse(n_5.createdAt);
-        if (!Number.isFinite(createdAtMs)) {
+      const eligible_0 = nextNew.filter((n_6) => {
+        const createdAtMs_0 = Date.parse(n_6.createdAt);
+        if (!Number.isFinite(createdAtMs_0)) {
           return true;
         }
-        return createdAtMs >= toastStartMs.current;
+        return createdAtMs_0 >= toastStartMs.current;
       });
-      if (!eligible.length) {
-        return;
-      }
-      if (eligible.length > 3) {
-        toast(`${eligible.length} new notifications`, {
-          description: "Open the notifications drawer to view them."
-        });
+      if (!eligible_0.length) {
         return;
       }
-      for (const n_6 of eligible) {
-        toast(n_6.title, {
-          description: n_6.body
-        });
-      }
+      showNotificationsForCurrentFocusState(eligible_0, trimmedUserId);
     };
-    t18 = [canUseRts, notifications, notificationsQuery.loading, toastOnNew];
-    $[32] = canUseRts;
-    $[33] = notifications;
-    $[34] = notificationsQuery.loading;
-    $[35] = toastOnNew;
-    $[36] = t17;
-    $[37] = t18;
+    t20 = [canUseRts, notifications, notificationsQuery.loading, toastOnNew, trimmedUserId];
+    $[36] = canUseRts;
+    $[37] = notifications;
+    $[38] = notificationsQuery.loading;
+    $[39] = toastOnNew;
+    $[40] = trimmedUserId;
+    $[41] = t19;
+    $[42] = t20;
   } else {
-    t17 = $[36];
-    t18 = $[37];
+    t19 = $[41];
+    t20 = $[42];
   }
-  useEffect(t17, t18);
-  let t19;
-  if ($[38] !== notifications || $[39] !== notificationsQuery.error || $[40] !== notificationsQuery.loading || $[41] !== unreadCount || $[42] !== unseenCount) {
-    t19 = {
+  useEffect(t19, t20);
+  let t21;
+  if ($[43] !== notifications || $[44] !== notificationsQuery.error || $[45] !== notificationsQuery.loading || $[46] !== unreadCount || $[47] !== unseenCount) {
+    t21 = {
       notifications,
       unreadCount,
       unseenCount,
       loading: notificationsQuery.loading,
       error: notificationsQuery.error
     };
-    $[38] = notifications;
-    $[39] = notificationsQuery.error;
-    $[40] = notificationsQuery.loading;
-    $[41] = unreadCount;
-    $[42] = unseenCount;
-    $[43] = t19;
+    $[43] = notifications;
+    $[44] = notificationsQuery.error;
+    $[45] = notificationsQuery.loading;
+    $[46] = unreadCount;
+    $[47] = unseenCount;
+    $[48] = t21;
   } else {
-    t19 = $[43];
-  }
-  const value = t19;
-  const t20 = canUseRts ? value : null;
-  let t21;
-  if ($[44] !== children || $[45] !== t20) {
-    t21 = /* @__PURE__ */ jsx(NotificationsRealtimeContext.Provider, { value: t20, children });
-    $[44] = children;
-    $[45] = t20;
-    $[46] = t21;
+    t21 = $[48];
+  }
+  const value = t21;
+  const t22 = canUseRts ? value : null;
+  let t23;
+  if ($[49] !== children || $[50] !== t22) {
+    t23 = /* @__PURE__ */ jsx(NotificationsRealtimeContext.Provider, { value: t22, children });
+    $[49] = children;
+    $[50] = t22;
+    $[51] = t23;
   } else {
-    t21 = $[46];
+    t23 = $[51];
   }
-  return t21;
+  return t23;
 }
 function _temp5(n_2) {
   return n_2.id;