@liveblocks/react 3.7.0 → 3.7.1

package/dist/{chunk-OXA6JGB4.cjs → chunk-MEL5UMNW.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.7.0";
+var PKG_VERSION = "3.7.1";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-OXA6JGB4.cjs.map
+//# sourceMappingURL=chunk-MEL5UMNW.cjs.map

package/dist/{chunk-OXA6JGB4.cjs.map → chunk-MEL5UMNW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-OXA6JGB4.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,OAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-OXA6JGB4.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-MEL5UMNW.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,OAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-MEL5UMNW.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-WGUV4Z4E.js → chunk-OKYUUXNY.js}

@@ -324,15 +324,12 @@ function autobind(self) {
   } while ((obj = Reflect.getPrototypeOf(obj)) && obj !== Object.prototype);
 }
 
-// src/ThreadDB.ts
-import { batch, MutableSignal as MutableSignal2, SortedList } from "@liveblocks/core";
-
 // src/lib/querying.ts
 import { isStartsWithOperator } from "@liveblocks/core";
 function makeThreadsFilter(query) {
-  return (thread) => matchesQuery(thread, query) && matchesMetadata(thread, query);
+  return (thread) => matchesThreadsQuery(thread, query) && matchesMetadata(thread, query);
 }
-function matchesQuery(thread, q) {
+function matchesThreadsQuery(thread, q) {
   return q.resolved === void 0 || thread.resolved === q.resolved;
 }
 function matchesMetadata(thread, q) {
@@ -354,8 +351,15 @@ function matchesOperator(value, op) {
     return value === op;
   }
 }
+function makeInboxNotificationsFilter(query) {
+  return (inboxNotification) => matchesInboxNotificationsQuery(inboxNotification, query);
+}
+function matchesInboxNotificationsQuery(inboxNotification, q) {
+  return (q.roomId === void 0 || q.roomId === inboxNotification.roomId) && (q.kind === void 0 || q.kind === inboxNotification.kind);
+}
 
 // src/ThreadDB.ts
+import { batch, MutableSignal as MutableSignal2, SortedList } from "@liveblocks/core";
 function sanitizeThread(thread) {
   if (thread.deletedAt) {
     if (thread.comments.length > 0) {
@@ -1087,10 +1091,17 @@ var UmbrellaStore = class {
           if (result.isLoading || result.error) {
             return result;
           }
+          const crit = [];
+          if (query !== void 0) {
+            crit.push(makeInboxNotificationsFilter(query));
+          }
+          const inboxNotifications = this.outputs.notifications.get().sortedNotifications.filter(
+            (inboxNotification) => crit.every((pred) => pred(inboxNotification))
+          );
           const page = result.data;
           return {
             isLoading: false,
-            inboxNotifications: this.outputs.notifications.get().sortedNotifications,
+            inboxNotifications,
             hasFetchedAll: page.hasFetchedAll,
             isFetchingMore: page.isFetchingMore,
             fetchMoreError: page.fetchMoreError,
@@ -2128,7 +2139,7 @@ function makeLiveblocksContextBundle(client) {
   const bundle = {
     LiveblocksProvider: LiveblocksProvider2,
     useInboxNotifications: (options) => useInboxNotifications_withClient(client, identity2, shallow3, options),
-    useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCount_withClient(client),
+    useUnreadInboxNotificationsCount: (options) => useUnreadInboxNotificationsCount_withClient(client, options),
     useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
     useDeleteInboxNotification: useDeleteInboxNotification2,
@@ -2147,7 +2158,7 @@ function makeLiveblocksContextBundle(client) {
     suspense: {
       LiveblocksProvider: LiveblocksProvider2,
       useInboxNotifications: (options) => useInboxNotificationsSuspense_withClient(client, options),
-      useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCountSuspense_withClient(client),
+      useUnreadInboxNotificationsCount: (options) => useUnreadInboxNotificationsCountSuspense_withClient(client, options),
       useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
       useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
       useDeleteInboxNotification: useDeleteInboxNotification2,
@@ -2211,21 +2222,22 @@ function useInboxNotificationsSuspense_withClient(client, options) {
   assert(!result.isLoading, "Did not expect loading");
   return result;
 }
-function useUnreadInboxNotificationsCount_withClient(client) {
+function useUnreadInboxNotificationsCount_withClient(client, options) {
   return useInboxNotifications_withClient(
     client,
     selectorFor_useUnreadInboxNotificationsCount,
-    shallow3
+    shallow3,
+    options
   );
 }
-function useUnreadInboxNotificationsCountSuspense_withClient(client) {
+function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
   ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
-  const queryKey = makeInboxNotificationsQueryKey(void 0);
+  const queryKey = makeInboxNotificationsQueryKey(options?.query);
   use(
     store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
   );
-  const result = useUnreadInboxNotificationsCount_withClient(client);
+  const result = useUnreadInboxNotificationsCount_withClient(client, options);
   assert(!result.isLoading, "Did not expect loading");
   assert(!result.error, "Did not expect error");
   return result;
@@ -2947,11 +2959,14 @@ function useDeleteAllInboxNotifications() {
 function useDeleteInboxNotification() {
   return useDeleteInboxNotification_withClient(useClient());
 }
-function useUnreadInboxNotificationsCount() {
-  return useUnreadInboxNotificationsCount_withClient(useClient());
+function useUnreadInboxNotificationsCount(options) {
+  return useUnreadInboxNotificationsCount_withClient(useClient(), options);
 }
-function useUnreadInboxNotificationsCountSuspense() {
-  return useUnreadInboxNotificationsCountSuspense_withClient(useClient());
+function useUnreadInboxNotificationsCountSuspense(options) {
+  return useUnreadInboxNotificationsCountSuspense_withClient(
+    useClient(),
+    options
+  );
 }
 function useNotificationSettings() {
   return useNotificationSettings_withClient(useClient());
@@ -4783,4 +4798,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-WGUV4Z4E.js.map
+//# sourceMappingURL=chunk-OKYUUXNY.js.map