@liveblocks/react 2.12.1-test1 → 2.12.1-test3

package/dist/{chunk-CX62YECU.mjs → chunk-SEMVNYPJ.mjs}

@@ -528,6 +528,7 @@ var UmbrellaStore = class {
     this._rawThreadsDB = new ThreadDB();
     this._store = createStore({
       optimisticUpdates: [],
+      permissionsByRoom: {},
       notificationsById: {},
       settingsByRoomId: {},
       versionsByRoomId: {}
@@ -656,6 +657,9 @@ var UmbrellaStore = class {
   subscribe(callback) {
     return this._store.subscribe(callback);
   }
+  _getPermissions(roomId) {
+    return this._store.get().permissionsByRoom[roomId];
+  }
   // Direct low-level cache mutations ------------------------------------------------- {{{
   mutateThreadsDB(mutate) {
     const db = this._rawThreadsDB;
@@ -954,17 +958,32 @@ var UmbrellaStore = class {
   waitUntilNotificationsLoaded() {
     return this._notifications.waitUntilLoaded();
   }
+  updateRoomPermissions(permissions) {
+    const permissionsByRoom = { ...this._store.get().permissionsByRoom };
+    Object.entries(permissions).forEach(([roomId, newPermissions]) => {
+      const existingPermissions = permissionsByRoom[roomId] ?? /* @__PURE__ */ new Set();
+      newPermissions.forEach(
+        (permission) => existingPermissions.add(permission)
+      );
+      permissionsByRoom[roomId] = existingPermissions;
+    });
+    this._store.set((state) => ({
+      ...state,
+      permissionsByRoom
+    }));
+  }
   waitUntilRoomThreadsLoaded(roomId, query) {
     const threadsFetcher = async (cursor) => {
-      const room = this._client.getRoom(roomId);
-      if (room === null) {
-        throw new HttpError(`Room '${roomId}' is not available on client`, 479);
-      }
-      const result = await room.getThreads({ cursor, query });
+      const result = await this._client[kInternal].httpClient.getThreads({
+        roomId,
+        cursor,
+        query
+      });
       this.updateThreadsAndNotifications(
         result.threads,
         result.inboxNotifications
       );
+      this.updateRoomPermissions(result.permissionHints);
       const lastRequestedAt = this._roomThreadsLastRequestedAtByRoom.get(roomId);
       if (lastRequestedAt === void 0 || lastRequestedAt > result.requestedAt) {
         this._roomThreadsLastRequestedAtByRoom.set(roomId, result.requestedAt);
@@ -991,11 +1010,8 @@ var UmbrellaStore = class {
     if (lastRequestedAt === void 0) {
       return;
     }
-    const room = nn(
-      this._client.getRoom(roomId),
-      `Room with id ${roomId} is not available on client`
-    );
-    const updates = await room.getThreadsSince({
+    const updates = await this._client[kInternal].httpClient.getThreadsSince({
+      roomId,
       since: lastRequestedAt,
       signal
     });
@@ -1005,6 +1021,7 @@ var UmbrellaStore = class {
       updates.threads.deleted,
       updates.inboxNotifications.deleted
     );
+    this.updateRoomPermissions(updates.permissionHints);
     if (lastRequestedAt < updates.requestedAt) {
       this._roomThreadsLastRequestedAtByRoom.set(roomId, updates.requestedAt);
     }
@@ -1012,7 +1029,7 @@ var UmbrellaStore = class {
   waitUntilUserThreadsLoaded(query) {
     const queryKey = makeUserThreadsQueryKey(query);
     const threadsFetcher = async (cursor) => {
-      const result = await this._client[kInternal].getUserThreads_experimental({
+      const result = await this._client[kInternal].httpClient.getUserThreads_experimental({
         cursor,
         query
       });
@@ -1020,6 +1037,7 @@ var UmbrellaStore = class {
         result.threads,
         result.inboxNotifications
       );
+      this.updateRoomPermissions(result.permissionHints);
       if (this._userThreadsLastRequestedAt === null) {
         this._userThreadsLastRequestedAt = result.requestedAt;
       }
@@ -1044,7 +1062,7 @@ var UmbrellaStore = class {
     if (lastRequestedAt === null) {
       return;
     }
-    const result = await this._client[kInternal].getUserThreadsSince_experimental({
+    const result = await this._client[kInternal].httpClient.getUserThreadsSince_experimental({
       since: lastRequestedAt,
       signal
     });
@@ -1057,6 +1075,7 @@ var UmbrellaStore = class {
       result.threads.deleted,
       result.inboxNotifications.deleted
     );
+    this.updateRoomPermissions(result.permissionHints);
   }
   waitUntilRoomVersionsLoaded(roomId) {
     const queryKey = makeVersionsQueryKey(roomId);
@@ -2367,13 +2386,12 @@ function makeMutationContext(room) {
     setMyPresence: room.updatePresence
   };
 }
-function getCurrentUserId(room) {
-  const self = room.getSelf();
-  if (self === null || self.id === void 0) {
+function getCurrentUserId(client) {
+  const userId = client[kInternal3].currentUserIdStore.get();
+  if (userId === void 0) {
     return "anonymous";
-  } else {
-    return self.id;
   }
+  return userId;
 }
 function handleApiError(err) {
   const message = `Request failed with status ${err.status}: ${err.message}`;
@@ -3020,8 +3038,10 @@ function useCommentsErrorListener(callback) {
   }, [savedCallback, commentsErrorEventSource]);
 }
 function useCreateThread() {
+  return useCreateRoomThread(useRoom().id);
+}
+function useCreateRoomThread(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (options) => {
       const body = options.body;
@@ -3033,10 +3053,10 @@ function useCreateThread() {
       const newComment = {
         id: commentId,
         threadId,
-        roomId: room.id,
+        roomId,
         createdAt,
         type: "comment",
-        userId: getCurrentUserId(room),
+        userId: getCurrentUserId(client),
         body,
         reactions: [],
         attachments: attachments ?? []
@@ -3046,7 +3066,7 @@ function useCreateThread() {
         type: "thread",
         createdAt,
         updatedAt: createdAt,
-        roomId: room.id,
+        roomId,
         metadata,
         comments: [newComment],
         resolved: false
@@ -3055,10 +3075,17 @@ function useCreateThread() {
       const optimisticUpdateId = store.addOptimisticUpdate({
         type: "create-thread",
         thread: newThread,
-        roomId: room.id
+        roomId
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      room.createThread({ threadId, commentId, body, metadata, attachmentIds }).then(
+      client[kInternal3].httpClient.createThread({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        metadata,
+        attachmentIds
+      }).then(
         (thread) => {
           store.createThread(optimisticUpdateId, thread);
         },
@@ -3066,7 +3093,7 @@ function useCreateThread() {
           err,
           optimisticUpdateId,
           (err2) => new CreateThreadError(err2, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId,
             body,
@@ -3076,43 +3103,47 @@ function useCreateThread() {
       );
       return newThread;
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useDeleteThread() {
+  return useDeleteRoomThread(useRoom().id);
+}
+function useDeleteRoomThread(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
-      const userId = getCurrentUserId(room);
+      const userId = getCurrentUserId(client);
       const existing = store.getFullState().threadsDB.get(threadId);
       if (existing?.comments?.[0]?.userId !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       const optimisticUpdateId = store.addOptimisticUpdate({
         type: "delete-thread",
-        roomId: room.id,
+        roomId,
         threadId,
         deletedAt: /* @__PURE__ */ new Date()
       });
-      room.deleteThread(threadId).then(
+      client[kInternal3].httpClient.deleteThread({ roomId, threadId }).then(
         () => {
           store.deleteThread(threadId, optimisticUpdateId);
         },
         (err) => onMutationFailure(
           err,
           optimisticUpdateId,
-          (err2) => new DeleteThreadError(err2, { roomId: room.id, threadId })
+          (err2) => new DeleteThreadError(err2, { roomId, threadId })
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useEditThreadMetadata() {
+  return useEditRoomThreadMetadata(useRoom().id);
+}
+function useEditRoomThreadMetadata(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (options) => {
       if (!options.metadata) {
@@ -3128,7 +3159,7 @@ function useEditThreadMetadata() {
         threadId,
         updatedAt
       });
-      room.editThreadMetadata({ threadId, metadata }).then(
+      client[kInternal3].httpClient.editThreadMetadata({ roomId, threadId, metadata }).then(
         (metadata2) => (
           // Replace the optimistic update by the real thing
           store.patchThread(
@@ -3142,19 +3173,21 @@ function useEditThreadMetadata() {
           err,
           optimisticUpdateId,
           (error) => new EditThreadMetadataError(error, {
-            roomId: room.id,
+            roomId,
             threadId,
             metadata
           })
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useCreateComment() {
+  return useCreateRoomComment(useRoom().id);
+}
+function useCreateRoomComment(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     ({ threadId, body, attachments }) => {
       const commentId = createCommentId();
@@ -3162,10 +3195,10 @@ function useCreateComment() {
       const comment = {
         id: commentId,
         threadId,
-        roomId: room.id,
+        roomId,
         type: "comment",
         createdAt,
-        userId: getCurrentUserId(room),
+        userId: getCurrentUserId(client),
         body,
         reactions: [],
         attachments: attachments ?? []
@@ -3176,7 +3209,7 @@ function useCreateComment() {
         comment
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      room.createComment({ threadId, commentId, body, attachmentIds }).then(
+      client[kInternal3].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.createComment(newComment, optimisticUpdateId);
         },
@@ -3184,7 +3217,7 @@ function useCreateComment() {
           err,
           optimisticUpdateId,
           (err2) => new CreateCommentError(err2, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId,
             body
@@ -3193,12 +3226,14 @@ function useCreateComment() {
       );
       return comment;
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useEditComment() {
+  return useEditRoomComment(useRoom().id);
+}
+function useEditRoomComment(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     ({ threadId, commentId, body, attachments }) => {
       const editedAt = /* @__PURE__ */ new Date();
@@ -3229,7 +3264,7 @@ function useEditComment() {
         }
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      room.editComment({ threadId, commentId, body, attachmentIds }).then(
+      client[kInternal3].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticUpdateId, editedComment);
         },
@@ -3237,7 +3272,7 @@ function useEditComment() {
           err,
           optimisticUpdateId,
           (error) => new EditCommentError(error, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId,
             body
@@ -3245,12 +3280,14 @@ function useEditComment() {
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useDeleteComment() {
+  return useDeleteRoomComment(useRoom().id);
+}
+function useDeleteRoomComment(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     ({ threadId, commentId }) => {
       const deletedAt = /* @__PURE__ */ new Date();
@@ -3260,9 +3297,9 @@ function useDeleteComment() {
         threadId,
         commentId,
         deletedAt,
-        roomId: room.id
+        roomId
       });
-      room.deleteComment({ threadId, commentId }).then(
+      client[kInternal3].httpClient.deleteComment({ roomId, threadId, commentId }).then(
         () => {
           store.deleteComment(
             threadId,
@@ -3275,23 +3312,25 @@ function useDeleteComment() {
           err,
           optimisticUpdateId,
           (error) => new DeleteCommentError(error, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId
           })
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useAddReaction() {
+  return useAddRoomCommentReaction(useRoom().id);
+}
+function useAddRoomCommentReaction(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
       const createdAt = /* @__PURE__ */ new Date();
-      const userId = getCurrentUserId(room);
+      const userId = getCurrentUserId(client);
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticUpdateId = store.addOptimisticUpdate({
         type: "add-reaction",
@@ -3303,7 +3342,7 @@ function useAddReaction() {
           createdAt
         }
       });
-      room.addReaction({ threadId, commentId, emoji }).then(
+      client[kInternal3].httpClient.addReaction({ roomId, threadId, commentId, emoji }).then(
         (addedReaction) => {
           store.addReaction(
             threadId,
@@ -3317,7 +3356,7 @@ function useAddReaction() {
           err,
           optimisticUpdateId,
           (error) => new AddReactionError(error, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId,
             emoji
@@ -3325,15 +3364,17 @@ function useAddReaction() {
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useRemoveReaction() {
+  return useRemoveRoomCommentReaction(useRoom().id);
+}
+function useRemoveRoomCommentReaction(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     ({ threadId, commentId, emoji }) => {
-      const userId = getCurrentUserId(room);
+      const userId = getCurrentUserId(client);
       const removedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticUpdateId = store.addOptimisticUpdate({
@@ -3344,7 +3385,7 @@ function useRemoveReaction() {
         userId,
         removedAt
       });
-      room.removeReaction({ threadId, commentId, emoji }).then(
+      client[kInternal3].httpClient.removeReaction({ roomId, threadId, commentId, emoji }).then(
         () => {
           store.removeReaction(
             threadId,
@@ -3359,7 +3400,7 @@ function useRemoveReaction() {
           err,
           optimisticUpdateId,
           (error) => new RemoveReactionError(error, {
-            roomId: room.id,
+            roomId,
             threadId,
             commentId,
             emoji
@@ -3367,12 +3408,14 @@ function useRemoveReaction() {
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useMarkThreadAsRead() {
+  return useMarkRoomThreadAsRead(useRoom().id);
+}
+function useMarkRoomThreadAsRead(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (threadId) => {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
@@ -3388,7 +3431,10 @@ function useMarkThreadAsRead() {
         inboxNotificationId: inboxNotification.id,
         readAt: now
       });
-      room.markInboxNotificationAsRead(inboxNotification.id).then(
+      client[kInternal3].httpClient.markRoomInboxNotificationAsRead({
+        roomId,
+        inboxNotificationId: inboxNotification.id
+      }).then(
         () => {
           store.updateInboxNotification(
             inboxNotification.id,
@@ -3408,12 +3454,14 @@ function useMarkThreadAsRead() {
         }
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useMarkThreadAsResolved() {
+  return useMarkRoomThreadAsResolved(useRoom().id);
+}
+function useMarkRoomThreadAsResolved(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
@@ -3423,7 +3471,7 @@ function useMarkThreadAsResolved() {
         threadId,
         updatedAt
       });
-      room.markThreadAsResolved(threadId).then(
+      client[kInternal3].httpClient.markThreadAsResolved({ roomId, threadId }).then(
         () => {
           store.patchThread(
             threadId,
@@ -3436,18 +3484,20 @@ function useMarkThreadAsResolved() {
           err,
           optimisticUpdateId,
           (error) => new MarkThreadAsResolvedError(error, {
-            roomId: room.id,
+            roomId,
             threadId
           })
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useMarkThreadAsUnresolved() {
+  return useMarkRoomThreadAsUnresolved(useRoom().id);
+}
+function useMarkRoomThreadAsUnresolved(roomId) {
   const client = useClient();
-  const room = useRoom();
   return React4.useCallback(
     (threadId) => {
       const updatedAt = /* @__PURE__ */ new Date();
@@ -3457,7 +3507,7 @@ function useMarkThreadAsUnresolved() {
         threadId,
         updatedAt
       });
-      room.markThreadAsUnresolved(threadId).then(
+      client[kInternal3].httpClient.markThreadAsUnresolved({ roomId, threadId }).then(
         () => {
           store.patchThread(
             threadId,
@@ -3470,13 +3520,13 @@ function useMarkThreadAsUnresolved() {
           err,
           optimisticUpdateId,
           (error) => new MarkThreadAsUnresolvedError(error, {
-            roomId: room.id,
+            roomId,
             threadId
           })
         )
       );
     },
-    [client, room]
+    [client, roomId]
   );
 }
 function useThreadSubscription(threadId) {
@@ -3745,16 +3795,20 @@ function selectorFor_useAttachmentUrl(state) {
 }
 function useAttachmentUrl(attachmentId) {
   const room = useRoom();
-  const { attachmentUrlsStore } = room[kInternal3];
+  return useRoomAttachmentUrl(attachmentId, room.id);
+}
+function useRoomAttachmentUrl(attachmentId, roomId) {
+  const client = useClient();
+  const store = client[kInternal3].httpClient.getOrCreateAttachmentUrlsStore(roomId);
   const getAttachmentUrlState = React4.useCallback(
-    () => attachmentUrlsStore.getState(attachmentId),
-    [attachmentUrlsStore, attachmentId]
+    () => store.getState(attachmentId),
+    [store, attachmentId]
   );
   React4.useEffect(() => {
-    void attachmentUrlsStore.get(attachmentId);
-  }, [attachmentUrlsStore, attachmentId]);
+    void store.get(attachmentId);
+  }, [store, attachmentId]);
   return useSyncExternalStoreWithSelector2(
-    attachmentUrlsStore.subscribe,
+    store.subscribe,
     getAttachmentUrlState,
     getAttachmentUrlState,
     selectorFor_useAttachmentUrl,
@@ -3789,6 +3843,15 @@ function useAttachmentUrlSuspense(attachmentId) {
     error: void 0
   };
 }
+function useRoomPermissions(roomId) {
+  const client = useClient();
+  const store = getRoomExtrasForClient(client).store;
+  return useSyncExternalStore2(
+    store.subscribe,
+    React4.useCallback(() => store._getPermissions(roomId), [store, roomId]),
+    React4.useCallback(() => store._getPermissions(roomId), [store, roomId])
+  ) ?? /* @__PURE__ */ new Set();
+}
 function createRoomContext(client) {
   return getOrCreateRoomContextBundle(client);
 }
@@ -3833,6 +3896,7 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 export {
   RoomContext,
+  useRoomOrNull,
   ClientContext,
   getUmbrellaStoreForClient,
   useClient,
@@ -3867,20 +3931,33 @@ export {
   useCanRedo,
   useOthersConnectionIds,
   useCommentsErrorListener,
+  useCreateRoomThread,
+  useDeleteRoomThread,
+  useEditRoomThreadMetadata,
   useCreateComment,
+  useCreateRoomComment,
   useEditComment,
+  useEditRoomComment,
   useDeleteComment,
+  useDeleteRoomComment,
+  useAddRoomCommentReaction,
   useRemoveReaction,
+  useRemoveRoomCommentReaction,
   useMarkThreadAsRead,
+  useMarkRoomThreadAsRead,
   useMarkThreadAsResolved,
+  useMarkRoomThreadAsResolved,
   useMarkThreadAsUnresolved,
+  useMarkRoomThreadAsUnresolved,
   useThreadSubscription,
   useHistoryVersionData,
   useUpdateRoomNotificationSettings,
   useOthersConnectionIdsSuspense,
   useStorageStatusSuspense,
   useAttachmentUrl,
+  useRoomAttachmentUrl,
   useAttachmentUrlSuspense,
+  useRoomPermissions,
   createRoomContext,
   _RoomProvider,
   _useBroadcastEvent,
@@ -3913,4 +3990,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-CX62YECU.mjs.map
+//# sourceMappingURL=chunk-SEMVNYPJ.mjs.map