@liveblocks/react 1.11.3 → 1.12.0-test2

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { detectDupes } from "@liveblocks/core";
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "1.11.3";
+var PKG_VERSION = "1.12.0-test2";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -194,7 +194,14 @@ function selectedThreads(roomId, state, options) {
     if (!query)
       return true;
     for (const key in query.metadata) {
-      if (thread.metadata[key] !== query.metadata[key]) {
+      const metadataValue = thread.metadata[key];
+      const filterValue = query.metadata[key];
+      if (assertFilterIsStartsWithOperator(filterValue) && assertMetadataValueIsString(metadataValue)) {
+        if (metadataValue.startsWith(filterValue.startsWith)) {
+          return true;
+        }
+      }
+      if (metadataValue !== filterValue) {
         return false;
       }
     }
@@ -202,6 +209,16 @@ function selectedThreads(roomId, state, options) {
   });
   return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
 }
+var assertFilterIsStartsWithOperator = (filter) => {
+  if (typeof filter === "object" && typeof filter.startsWith === "string") {
+    return true;
+  } else {
+    return false;
+  }
+};
+var assertMetadataValueIsString = (value) => {
+  return typeof value === "string";
+};
 
 // src/lib/use-initial.ts
 import { useState as useState2 } from "react";
@@ -1304,7 +1321,9 @@ function createRoomContext(client, options) {
               }
               const inboxNotification = Object.values(
                 state.inboxNotifications
-              ).find((notification) => notification.threadId === threadId);
+              ).find(
+                (notification) => notification.kind === "thread" && notification.threadId === threadId
+              );
               const updatedInboxNotifications = inboxNotification !== void 0 ? {
                 ...state.inboxNotifications,
                 [inboxNotification.id]: {
@@ -1520,7 +1539,7 @@ function createRoomContext(client, options) {
     const selector = React2.useCallback(
       (state) => {
         const inboxNotification = selectedInboxNotifications(state).find(
-          (inboxNotification2) => inboxNotification2.threadId === threadId
+          (inboxNotification2) => inboxNotification2.kind === "thread" && inboxNotification2.threadId === threadId
         );
         const thread = state.threads[threadId];
         if (inboxNotification === void 0 || thread === void 0) {
@@ -1548,7 +1567,9 @@ function createRoomContext(client, options) {
       (threadId) => {
         const inboxNotification = Object.values(
           store.get().inboxNotifications
-        ).find((inboxNotification2) => inboxNotification2.threadId === threadId);
+        ).find(
+          (inboxNotification2) => inboxNotification2.kind === "thread" && inboxNotification2.threadId === threadId
+        );
         if (!inboxNotification)
           return;
         const optimisticUpdateId = nanoid2();
@@ -2266,18 +2287,29 @@ function createLiveblocksContext(client) {
       );
     }, []);
   }
-  function useThreadFromCache(threadId) {
+  function useInboxNotificationThread(inboxNotificationId) {
     const selector = useCallback3(
       (state) => {
-        const thread = state.threads[threadId];
+        const inboxNotification = state.inboxNotifications[inboxNotificationId];
+        if (inboxNotification === void 0) {
+          throw new Error(
+            `Inbox notification with ID "${inboxNotificationId}" not found`
+          );
+        }
+        if (inboxNotification.kind !== "thread") {
+          throw new Error(
+            `Inbox notification with ID "${inboxNotificationId}" is not of kind "thread"`
+          );
+        }
+        const thread = state.threads[inboxNotification.threadId];
         if (thread === void 0) {
           throw new Error(
-            `Internal error: thread with id "${threadId}" not found in cache`
+            `Thread with ID "${inboxNotification.threadId}" not found, this inbox notification might not be of kind "thread"`
           );
         }
         return thread;
       },
-      [threadId]
+      [inboxNotificationId]
     );
     return useSyncExternalStoreWithSelector2(
       store.subscribe,
@@ -2300,6 +2332,7 @@ function createLiveblocksContext(client) {
     useUnreadInboxNotificationsCount,
     useMarkInboxNotificationAsRead,
     useMarkAllInboxNotificationsAsRead,
+    useInboxNotificationThread,
     ...shared,
     suspense: {
       LiveblocksProvider,
@@ -2307,10 +2340,10 @@ function createLiveblocksContext(client) {
       useUnreadInboxNotificationsCount: useUnreadInboxNotificationsCountSuspense,
       useMarkInboxNotificationAsRead,
       useMarkAllInboxNotificationsAsRead,
+      useInboxNotificationThread,
       ...shared.suspense
     },
     [kInternal3]: {
-      useThreadFromCache,
       useCurrentUserId
     }
   };