@rpcbase/client 0.340.0 → 0.341.0

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export * from './ssrErrorState';
 export * from './components/SsrErrorFallback';
 export * from './components/RouteErrorBoundary';
 export * from './notifications';
+export * from './notificationsRealtime';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA"}

package/dist/index.js

@@ -1,12 +1,13 @@
-import { Toaster } from "sonner";
-import { toast } from "sonner";
+import { Toaster, toast } from "sonner";
+import { toast as toast2 } from "sonner";
 import env from "@rpcbase/env";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { StrictMode, useState, useEffect, useRef, useCallback, useLayoutEffect, useSyncExternalStore } from "react";
+import { StrictMode, useState, useEffect, useRef, useCallback, useLayoutEffect, useSyncExternalStore, createContext, useMemo, useContext } from "react";
 import posthog from "posthog-js";
 import { getNavigationGuards, createRoutesFromElements, createBrowserRouter, RouterProvider, useLocation, useRouteError, isRouteErrorResponse } from "@rpcbase/router";
 import { hydrateRoot } from "react-dom/client";
 import { PostHogProvider } from "posthog-js/react/dist/esm/index.js";
+import { m as useQuery } from "./useQuery-5oC6VOlA.js";
 let apiClient;
 const initApiClient = async (args) => {
   if (env.SSR) {
@@ -1930,7 +1931,133 @@ const runNotificationDigest = async ({ force = false } = {}) => {
   }
   return { sent: result.sent === true, skippedReason: result.skippedReason };
 };
+const NotificationsRealtimeContext = createContext(null);
+const toIso = (value) => {
+  if (value instanceof Date) return value.toISOString();
+  if (typeof value === "string") return value;
+  return void 0;
+};
+const toNotificationItem = (doc) => {
+  const id = typeof doc._id === "string" ? doc._id : String(doc._id ?? "");
+  if (!id) return null;
+  return {
+    id,
+    topic: typeof doc.topic === "string" ? doc.topic : void 0,
+    title: typeof doc.title === "string" ? doc.title : "",
+    body: typeof doc.body === "string" ? doc.body : void 0,
+    url: typeof doc.url === "string" ? doc.url : void 0,
+    createdAt: toIso(doc.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
+    seenAt: toIso(doc.seenAt),
+    readAt: toIso(doc.readAt),
+    archivedAt: toIso(doc.archivedAt),
+    metadata: typeof doc.metadata === "object" && doc.metadata !== null ? doc.metadata : void 0
+  };
+};
+const buildDisabledTopics = (settings) => {
+  const raw = settings?.topicPreferences;
+  if (!Array.isArray(raw) || raw.length === 0) return [];
+  return raw.map((pref) => {
+    if (!pref || typeof pref !== "object") return null;
+    const topic = typeof pref.topic === "string" ? pref.topic.trim() : "";
+    if (!topic) return null;
+    return pref.inApp === false ? topic : null;
+  }).filter((topic) => Boolean(topic));
+};
+function NotificationsRealtimeProvider({
+  userId,
+  limit = 200,
+  toastOnNew = true,
+  children
+}) {
+  const trimmedUserId = typeof userId === "string" ? userId.trim() : "";
+  const canUseRts = Boolean(trimmedUserId);
+  const settingsQuery = useQuery(
+    canUseRts ? "RBNotificationSettings" : "",
+    useMemo(() => canUseRts ? { userId: trimmedUserId } : {}, [canUseRts, trimmedUserId]),
+    useMemo(() => ({ key: "rb.notifications.settings", limit: 1 }), [])
+  );
+  const settings = settingsQuery.data?.[0] ?? null;
+  const disabledTopics = useMemo(() => buildDisabledTopics(settings), [settings]);
+  const query = useMemo(() => {
+    if (!canUseRts) return {};
+    const base = {
+      userId: trimmedUserId,
+      archivedAt: { $exists: false }
+    };
+    if (disabledTopics.length > 0) {
+      base.topic = { $nin: disabledTopics };
+    }
+    return base;
+  }, [canUseRts, disabledTopics, trimmedUserId]);
+  const notificationsQuery = useQuery(
+    canUseRts ? "RBNotification" : "",
+    query,
+    useMemo(() => ({
+      key: "rb.notifications",
+      sort: { createdAt: -1 },
+      limit
+    }), [limit])
+  );
+  const notifications = useMemo(() => {
+    const raw = notificationsQuery.data;
+    if (!Array.isArray(raw)) return [];
+    return raw.map((doc) => toNotificationItem(doc)).filter((n) => Boolean(n));
+  }, [notificationsQuery.data]);
+  const unreadCount = useMemo(() => notifications.reduce((acc, n) => acc + (n.readAt ? 0 : 1), 0), [notifications]);
+  const unseenCount = useMemo(() => notifications.reduce((acc, n) => acc + (n.seenAt ? 0 : 1), 0), [notifications]);
+  const lastToastIds = useRef(/* @__PURE__ */ new Set());
+  const hasSeededToastIds = useRef(false);
+  const toastStartMs = useRef(Date.now());
+  useEffect(() => {
+    hasSeededToastIds.current = false;
+    lastToastIds.current = /* @__PURE__ */ new Set();
+    toastStartMs.current = Date.now();
+  }, [trimmedUserId]);
+  useEffect(() => {
+    if (!toastOnNew) return;
+    if (!canUseRts) return;
+    if (notificationsQuery.loading) return;
+    if (!hasSeededToastIds.current) {
+      hasSeededToastIds.current = true;
+      lastToastIds.current = new Set(notifications.map((n) => n.id));
+      return;
+    }
+    const nextNew = notifications.filter((n) => !lastToastIds.current.has(n.id));
+    if (!nextNew.length) return;
+    for (const n of nextNew) {
+      lastToastIds.current.add(n.id);
+    }
+    const isTabActive = typeof document !== "undefined" && document.visibilityState === "visible";
+    if (!isTabActive) return;
+    const eligible = nextNew.filter((n) => {
+      const createdAtMs = Date.parse(n.createdAt);
+      if (!Number.isFinite(createdAtMs)) return true;
+      return createdAtMs >= toastStartMs.current;
+    });
+    if (!eligible.length) return;
+    if (eligible.length > 3) {
+      toast(`${eligible.length} new notifications`, { description: "Open the notifications drawer to view them." });
+      return;
+    }
+    for (const n of eligible) {
+      toast(n.title || "New notification", { description: n.body });
+    }
+  }, [canUseRts, notifications, notificationsQuery.loading, toastOnNew]);
+  const value = useMemo(() => ({
+    notifications,
+    unreadCount,
+    unseenCount,
+    loading: notificationsQuery.loading,
+    error: notificationsQuery.error
+  }), [notifications, notificationsQuery.error, notificationsQuery.loading, unreadCount, unseenCount]);
+  return /* @__PURE__ */ jsx(NotificationsRealtimeContext.Provider, { value: canUseRts ? value : null, children });
+}
+const useNotificationsRealtime = () => {
+  return useContext(NotificationsRealtimeContext);
+};
 export {
+  NotificationsRealtimeContext,
+  NotificationsRealtimeProvider,
   RootProvider,
   RouteErrorBoundary,
   SSR_ERROR_STATE_GLOBAL_KEY,
@@ -1948,8 +2075,9 @@ export {
   peekClientSsrErrorState,
   runNotificationDigest,
   serializeSsrErrorState,
-  toast,
+  toast2 as toast,
   updateNotificationSettings,
   useMediaQuery,
+  useNotificationsRealtime,
   useThrottledMeasure
 };

package/dist/notificationsRealtime.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { NotificationItem } from './notifications';
+export type NotificationsRealtimeState = {
+    notifications: NotificationItem[];
+    unreadCount: number;
+    unseenCount: number;
+    loading: boolean;
+    error: unknown;
+};
+export declare const NotificationsRealtimeContext: import('react').Context<NotificationsRealtimeState | null>;
+export declare function NotificationsRealtimeProvider({ userId, limit, toastOnNew, children, }: {
+    userId?: string;
+    limit?: number;
+    toastOnNew?: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useNotificationsRealtime: () => NotificationsRealtimeState | null;
+//# sourceMappingURL=notificationsRealtime.d.ts.map

package/dist/notificationsRealtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationsRealtime.d.ts","sourceRoot":"","sources":["../src/notificationsRealtime.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AA0BvD,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,gBAAgB,EAAE,CAAA;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,4BAA4B,4DAAyD,CAAA;AAwClG,wBAAgB,6BAA6B,CAAC,EAC5C,MAAM,EACN,KAAW,EACX,UAAiB,EACjB,QAAQ,GACT,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,2CA2GA;AAED,eAAO,MAAM,wBAAwB,QAAO,0BAA0B,GAAG,IAExE,CAAA"}