@liveblocks/react 2.5.1 → 2.7.0-beta1

package/dist/{chunk-WI2VR5XA.mjs → chunk-YO5QDPOD.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.5.1";
+var PKG_VERSION = "2.7.0-beta1";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -174,6 +174,7 @@ var UpdateNotificationSettingsError = class extends Error {
 import { shallow as shallow2 } from "@liveblocks/client";
 import {
   addReaction,
+  assert as assert2,
   CommentsApiError,
   console as console2,
   createCommentId,
@@ -1460,6 +1461,7 @@ function makeRoomContextBundle(client) {
     useRemoveReaction,
     useMarkThreadAsRead,
     useThreadSubscription,
+    useAttachmentUrl,
     useRoomNotificationSettings,
     useUpdateRoomNotificationSettings,
     ...shared.classic,
@@ -1503,6 +1505,7 @@ function makeRoomContextBundle(client) {
       useRemoveReaction,
       useMarkThreadAsRead,
       useThreadSubscription,
+      useAttachmentUrl: useAttachmentUrlSuspense,
       useRoomNotificationSettings: useRoomNotificationSettingsSuspense,
       useUpdateRoomNotificationSettings,
       ...shared.suspense
@@ -1967,6 +1970,7 @@ function useCreateThread() {
     (options) => {
       const body = options.body;
       const metadata = options.metadata ?? {};
+      const attachments = options.attachments;
       const threadId = createThreadId();
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
@@ -1978,7 +1982,8 @@ function useCreateThread() {
         type: "comment",
         userId: getCurrentUserId(room),
         body,
-        reactions: []
+        reactions: [],
+        attachments: attachments ?? []
       };
       const newThread = {
         id: threadId,
@@ -1998,7 +2003,8 @@ function useCreateThread() {
         id: optimisticUpdateId,
         roomId: room.id
       });
-      room.createThread({ threadId, commentId, body, metadata }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.createThread({ threadId, commentId, body, metadata, attachmentIds }).then(
         (thread) => {
           store.set((state) => ({
             ...state,
@@ -2156,7 +2162,7 @@ function useCreateComment() {
   const client = useClient();
   const room = useRoom();
   return React4.useCallback(
-    ({ threadId, body }) => {
+    ({ threadId, body, attachments }) => {
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -2167,7 +2173,8 @@ function useCreateComment() {
         createdAt,
         userId: getCurrentUserId(room),
         body,
-        reactions: []
+        reactions: [],
+        attachments: attachments ?? []
       };
       const optimisticUpdateId = nanoid2();
       const { store, onMutationFailure } = getExtrasForClient2(client);
@@ -2176,7 +2183,8 @@ function useCreateComment() {
         comment,
         id: optimisticUpdateId
       });
-      room.createComment({ threadId, commentId, body }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.createComment({ threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.set((state) => {
             const existingThread = state.threads[threadId];
@@ -2234,7 +2242,7 @@ function useEditComment() {
   const client = useClient();
   const room = useRoom();
   return React4.useCallback(
-    ({ threadId, commentId, body }) => {
+    ({ threadId, commentId, body, attachments }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const optimisticUpdateId = nanoid2();
       const { store, onMutationFailure } = getExtrasForClient2(client);
@@ -2259,11 +2267,13 @@ function useEditComment() {
         comment: {
           ...comment,
           editedAt,
-          body
+          body,
+          attachments: attachments ?? []
         },
         id: optimisticUpdateId
       });
-      room.editComment({ threadId, commentId, body }).then(
+      const attachmentIds = attachments?.map((attachment) => attachment.id);
+      room.editComment({ threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.set((state) => {
             const existingThread = state.threads[threadId];
@@ -2856,6 +2866,65 @@ function useThreadsSuspense(options = {
   useScrollToCommentOnLoadEffect(scrollOnLoad, state);
   return state;
 }
+function selectorFor_useAttachmentUrl(state) {
+  if (state === void 0 || state?.isLoading) {
+    return state ?? { isLoading: true };
+  }
+  if (state.error) {
+    return state;
+  }
+  assert2(state.data !== void 0, "Unexpected missing attachment URL");
+  return {
+    isLoading: false,
+    url: state.data
+  };
+}
+function useAttachmentUrl(attachmentId) {
+  const room = useRoom();
+  const { attachmentUrlsStore } = room[kInternal2];
+  const getAttachmentUrlState = React4.useCallback(
+    () => attachmentUrlsStore.getState(attachmentId),
+    [attachmentUrlsStore, attachmentId]
+  );
+  React4.useEffect(() => {
+    void attachmentUrlsStore.get(attachmentId);
+  }, [attachmentUrlsStore, attachmentId]);
+  return useSyncExternalStoreWithSelector2(
+    attachmentUrlsStore.subscribe,
+    getAttachmentUrlState,
+    getAttachmentUrlState,
+    selectorFor_useAttachmentUrl,
+    shallow2
+  );
+}
+function useAttachmentUrlSuspense(attachmentId) {
+  const room = useRoom();
+  const { attachmentUrlsStore } = room[kInternal2];
+  const getAttachmentUrlState = React4.useCallback(
+    () => attachmentUrlsStore.getState(attachmentId),
+    [attachmentUrlsStore, attachmentId]
+  );
+  const attachmentUrlState = getAttachmentUrlState();
+  if (!attachmentUrlState || attachmentUrlState.isLoading) {
+    throw attachmentUrlsStore.get(attachmentId);
+  }
+  if (attachmentUrlState.error) {
+    throw attachmentUrlState.error;
+  }
+  const state = useSyncExternalStore2(
+    attachmentUrlsStore.subscribe,
+    getAttachmentUrlState,
+    getAttachmentUrlState
+  );
+  assert2(state !== void 0, "Unexpected missing state");
+  assert2(!state.isLoading, "Unexpected loading state");
+  assert2(!state.error, "Unexpected error state");
+  return {
+    isLoading: false,
+    url: state.data,
+    error: void 0
+  };
+}
 function useRoomNotificationSettingsSuspense() {
   const updateRoomNotificationSettings = useUpdateRoomNotificationSettings();
   const client = useClient();
@@ -2964,6 +3033,8 @@ export {
   useUpdateRoomNotificationSettings,
   useOthersConnectionIdsSuspense,
   useStorageStatusSuspense,
+  useAttachmentUrl,
+  useAttachmentUrlSuspense,
   createRoomContext,
   _RoomProvider,
   _useBroadcastEvent,
@@ -3011,4 +3082,4 @@ export {
   _useUserThreads_experimental,
   _useUserThreadsSuspense_experimental
 };
-//# sourceMappingURL=chunk-WI2VR5XA.mjs.map
+//# sourceMappingURL=chunk-YO5QDPOD.mjs.map