@liveblocks/react 1.12.0-test1 → 1.12.0

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.12.0-test1";
+var PKG_VERSION = "1.12.0";
 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";
@@ -2270,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,
@@ -2304,6 +2332,7 @@ function createLiveblocksContext(client) {
     useUnreadInboxNotificationsCount,
     useMarkInboxNotificationAsRead,
     useMarkAllInboxNotificationsAsRead,
+    useInboxNotificationThread,
     ...shared,
     suspense: {
       LiveblocksProvider,
@@ -2311,10 +2340,10 @@ function createLiveblocksContext(client) {
       useUnreadInboxNotificationsCount: useUnreadInboxNotificationsCountSuspense,
       useMarkInboxNotificationAsRead,
       useMarkAllInboxNotificationsAsRead,
+      useInboxNotificationThread,
       ...shared.suspense
     },
     [kInternal3]: {
-      useThreadFromCache,
       useCurrentUserId
     }
   };