@liveblocks/react 2.7.0-beta2 → 2.7.0-versions2

package/dist/{chunk-MREN32VN.js → chunk-YGRZXVI6.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.7.0-beta2";
+var PKG_VERSION = "2.7.0-versions2";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -191,7 +191,6 @@ var _client = require('@liveblocks/client');
 
 
 
-
 
 var _withselectorjs = require('use-sync-external-store/shim/with-selector.js');
 
@@ -1324,6 +1323,40 @@ function makeExtrasForClient2(client) {
       return;
     }
   }
+  async function getRoomVersions(room, { retryCount } = { retryCount: 0 }) {
+    const queryKey = getVersionsQueryKey(room.id);
+    const existingRequest = requestsByQuery.get(queryKey);
+    if (existingRequest !== void 0) return existingRequest;
+    const request = room[_core.kInternal].listTextVersions();
+    requestsByQuery.set(queryKey, request);
+    store.setQueryState(queryKey, {
+      isLoading: true
+    });
+    try {
+      const result = await request;
+      const data = await result.json();
+      const versions = data.versions.map(({ createdAt, ...version2 }) => {
+        return {
+          createdAt: new Date(createdAt),
+          ...version2
+        };
+      });
+      store.updateRoomVersions(room.id, versions, queryKey);
+      requestsByQuery.delete(queryKey);
+    } catch (err) {
+      requestsByQuery.delete(queryKey);
+      retryError(() => {
+        void getRoomVersions(room, {
+          retryCount: retryCount + 1
+        });
+      }, retryCount);
+      store.setQueryState(queryKey, {
+        isLoading: false,
+        error: err
+      });
+    }
+    return;
+  }
   async function getThreadsAndInboxNotifications(room, queryKey, options, { retryCount } = { retryCount: 0 }) {
     const existingRequest = requestsByQuery.get(queryKey);
     if (existingRequest !== void 0) return existingRequest;
@@ -1412,6 +1445,7 @@ function makeExtrasForClient2(client) {
     getThreadsUpdates,
     getThreadsAndInboxNotifications,
     getInboxNotificationSettings,
+    getRoomVersions,
     onMutationFailure
   };
 }
@@ -1461,7 +1495,8 @@ function makeRoomContextBundle(client) {
     useRemoveReaction,
     useMarkThreadAsRead,
     useThreadSubscription,
-    useAttachmentUrl,
+    useHistoryVersions,
+    useHistoryVersionData,
     useRoomNotificationSettings,
     useUpdateRoomNotificationSettings,
     ...shared.classic,
@@ -1505,7 +1540,8 @@ function makeRoomContextBundle(client) {
       useRemoveReaction,
       useMarkThreadAsRead,
       useThreadSubscription,
-      useAttachmentUrl: useAttachmentUrlSuspense,
+      // TODO: useHistoryVersionData: useHistoryVersionDataSuspense,
+      useHistoryVersions: useHistoryVersionsSuspense,
       useRoomNotificationSettings: useRoomNotificationSettingsSuspense,
       useUpdateRoomNotificationSettings,
       ...shared.suspense
@@ -1970,7 +2006,6 @@ function useCreateThread() {
     (options) => {
       const body = options.body;
       const metadata = _nullishCoalesce(options.metadata, () => ( {}));
-      const attachments = options.attachments;
       const threadId = _core.createThreadId.call(void 0, );
       const commentId = _core.createCommentId.call(void 0, );
       const createdAt = /* @__PURE__ */ new Date();
@@ -1982,8 +2017,7 @@ function useCreateThread() {
         type: "comment",
         userId: getCurrentUserId(room),
         body,
-        reactions: [],
-        attachments: _nullishCoalesce(attachments, () => ( []))
+        reactions: []
       };
       const newThread = {
         id: threadId,
@@ -2003,8 +2037,7 @@ function useCreateThread() {
         id: optimisticUpdateId,
         roomId: room.id
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _8 => _8.map, 'call', _9 => _9((attachment) => attachment.id)]);
-      room.createThread({ threadId, commentId, body, metadata, attachmentIds }).then(
+      room.createThread({ threadId, commentId, body, metadata }).then(
         (thread) => {
           store.set((state) => ({
             ...state,
@@ -2043,7 +2076,7 @@ function useDeleteThread() {
       const { store, onMutationFailure } = getExtrasForClient2(client);
       const thread = store.get().threads[threadId];
       const userId = getCurrentUserId(room);
-      if (_optionalChain([thread, 'optionalAccess', _10 => _10.comments, 'optionalAccess', _11 => _11[0], 'optionalAccess', _12 => _12.userId]) !== userId) {
+      if (_optionalChain([thread, 'optionalAccess', _8 => _8.comments, 'optionalAccess', _9 => _9[0], 'optionalAccess', _10 => _10.userId]) !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       store.pushOptimisticUpdate({
@@ -2162,7 +2195,7 @@ function useCreateComment() {
   const client = useClient();
   const room = useRoom();
   return React4.useCallback(
-    ({ threadId, body, attachments }) => {
+    ({ threadId, body }) => {
       const commentId = _core.createCommentId.call(void 0, );
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -2173,8 +2206,7 @@ function useCreateComment() {
         createdAt,
         userId: getCurrentUserId(room),
         body,
-        reactions: [],
-        attachments: _nullishCoalesce(attachments, () => ( []))
+        reactions: []
       };
       const optimisticUpdateId = _core.nanoid.call(void 0, );
       const { store, onMutationFailure } = getExtrasForClient2(client);
@@ -2183,8 +2215,7 @@ function useCreateComment() {
         comment,
         id: optimisticUpdateId
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _13 => _13.map, 'call', _14 => _14((attachment) => attachment.id)]);
-      room.createComment({ threadId, commentId, body, attachmentIds }).then(
+      room.createComment({ threadId, commentId, body }).then(
         (newComment) => {
           store.set((state) => {
             const existingThread = state.threads[threadId];
@@ -2242,7 +2273,7 @@ function useEditComment() {
   const client = useClient();
   const room = useRoom();
   return React4.useCallback(
-    ({ threadId, commentId, body, attachments }) => {
+    ({ threadId, commentId, body }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const optimisticUpdateId = _core.nanoid.call(void 0, );
       const { store, onMutationFailure } = getExtrasForClient2(client);
@@ -2267,13 +2298,11 @@ function useEditComment() {
         comment: {
           ...comment,
           editedAt,
-          body,
-          attachments: _nullishCoalesce(attachments, () => ( []))
+          body
         },
         id: optimisticUpdateId
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _15 => _15.map, 'call', _16 => _16((attachment) => attachment.id)]);
-      room.editComment({ threadId, commentId, body, attachmentIds }).then(
+      room.editComment({ threadId, commentId, body }).then(
         (editedComment) => {
           store.set((state) => {
             const existingThread = state.threads[threadId];
@@ -2734,6 +2763,68 @@ function useRoomNotificationSettings() {
     return [settings, updateRoomNotificationSettings];
   }, [settings, updateRoomNotificationSettings]);
 }
+function useHistoryVersionData(versionId) {
+  const [state, setState] = React4.useState({
+    isLoading: true
+  });
+  const room = useRoom();
+  React4.useEffect(() => {
+    setState({ isLoading: true });
+    const load = async () => {
+      try {
+        const response = await room[_core.kInternal].getTextVersion(versionId);
+        const buffer = await response.arrayBuffer();
+        const data = new Uint8Array(buffer);
+        setState({
+          isLoading: false,
+          data
+        });
+      } catch (error) {
+        setState({
+          isLoading: false,
+          error: error instanceof Error ? error : new Error(
+            "An unknown error occurred while loading this version"
+          )
+        });
+      }
+    };
+    void load();
+  }, [room, versionId]);
+  return state;
+}
+function useHistoryVersions() {
+  const client = useClient();
+  const room = useRoom();
+  const queryKey = getVersionsQueryKey(room.id);
+  const { store, getRoomVersions } = getExtrasForClient2(client);
+  React4.useEffect(() => {
+    void getRoomVersions(room);
+  }, [room]);
+  const selector = React4.useCallback(
+    (state2) => {
+      const query = state2.queries[queryKey];
+      if (query === void 0 || query.isLoading) {
+        return {
+          isLoading: true
+        };
+      }
+      return {
+        versions: state2.versions[room.id],
+        isLoading: false,
+        error: query.error
+      };
+    },
+    [room, queryKey]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const state = _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
+    store.subscribe,
+    store.get,
+    store.get,
+    selector
+  );
+  return state;
+}
 function useUpdateRoomNotificationSettings() {
   const client = useClient();
   const room = useRoom();
@@ -2866,64 +2957,35 @@ function useThreadsSuspense(options = {
   useScrollToCommentOnLoadEffect(scrollOnLoad, state);
   return state;
 }
-function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _17 => _17.isLoading])) {
-    return _nullishCoalesce(state, () => ( { isLoading: true }));
-  }
-  if (state.error) {
-    return state;
-  }
-  _core.assert.call(void 0, state.data !== void 0, "Unexpected missing attachment URL");
-  return {
-    isLoading: false,
-    url: state.data
-  };
-}
-function useAttachmentUrl(attachmentId) {
-  const room = useRoom();
-  const { attachmentUrlsStore } = room[_core.kInternal];
-  const getAttachmentUrlState = React4.useCallback(
-    () => attachmentUrlsStore.getState(attachmentId),
-    [attachmentUrlsStore, attachmentId]
-  );
-  React4.useEffect(() => {
-    void attachmentUrlsStore.get(attachmentId);
-  }, [attachmentUrlsStore, attachmentId]);
-  return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
-    attachmentUrlsStore.subscribe,
-    getAttachmentUrlState,
-    getAttachmentUrlState,
-    selectorFor_useAttachmentUrl,
-    _client.shallow
-  );
-}
-function useAttachmentUrlSuspense(attachmentId) {
+function useHistoryVersionsSuspense() {
+  const client = useClient();
   const room = useRoom();
-  const { attachmentUrlsStore } = room[_core.kInternal];
-  const getAttachmentUrlState = React4.useCallback(
-    () => attachmentUrlsStore.getState(attachmentId),
-    [attachmentUrlsStore, attachmentId]
-  );
-  const attachmentUrlState = getAttachmentUrlState();
-  if (!attachmentUrlState || attachmentUrlState.isLoading) {
-    throw attachmentUrlsStore.get(attachmentId);
+  const queryKey = getVersionsQueryKey(room.id);
+  const { store, getRoomVersions } = getExtrasForClient2(client);
+  const query = store.get().queries[queryKey];
+  if (query === void 0 || query.isLoading) {
+    throw getRoomVersions(room);
   }
-  if (attachmentUrlState.error) {
-    throw attachmentUrlState.error;
+  if (query.error) {
+    throw query.error;
   }
-  const state = useSyncExternalStore2(
-    attachmentUrlsStore.subscribe,
-    getAttachmentUrlState,
-    getAttachmentUrlState
+  const selector = React4.useCallback(
+    (state2) => {
+      return {
+        versions: state2.versions[room.id],
+        isLoading: false
+      };
+    },
+    [room, queryKey]
+    // eslint-disable-line react-hooks/exhaustive-deps
   );
-  _core.assert.call(void 0, state !== void 0, "Unexpected missing state");
-  _core.assert.call(void 0, !state.isLoading, "Unexpected loading state");
-  _core.assert.call(void 0, !state.error, "Unexpected error state");
-  return {
-    isLoading: false,
-    url: state.data,
-    error: void 0
-  };
+  const state = _withselectorjs.useSyncExternalStoreWithSelector.call(void 0, 
+    store.subscribe,
+    store.get,
+    store.get,
+    selector
+  );
+  return state;
 }
 function useRoomNotificationSettingsSuspense() {
   const updateRoomNotificationSettings = useUpdateRoomNotificationSettings();
@@ -2966,6 +3028,9 @@ function createRoomContext(client) {
 function generateQueryKey(roomId, options) {
   return `${roomId}-${_core.stringify.call(void 0, _nullishCoalesce(options, () => ( {})))}`;
 }
+function getVersionsQueryKey(roomId) {
+  return `${roomId}-VERSIONS`;
+}
 var _RoomProvider = RoomProvider;
 var _useBroadcastEvent = useBroadcastEvent;
 var _useOthersListener = useOthersListener;
@@ -2982,6 +3047,8 @@ var _useOthersMapped = useOthersMapped;
 var _useOthersMappedSuspense = useOthersMappedSuspense;
 var _useThreads = useThreads;
 var _useThreadsSuspense = useThreadsSuspense;
+var _useHistoryVersions = useHistoryVersions;
+var _useHistoryVersionsSuspense = useHistoryVersionsSuspense;
 var _useOther = useOther;
 function _useOthers(...args) {
   return useOthers(...args);
@@ -3081,5 +3148,6 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.selectedThreads = selectedThreads; exports.CreateThreadError = CreateThreadError; exports.RoomContext = RoomContext; exports.useStatus = useStatus; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useErrorListener = useErrorListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCommentsErrorListener = useCommentsErrorListener; exports.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence; exports.ClientContext = ClientContext; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental;
-//# sourceMappingURL=chunk-MREN32VN.js.map
+
+exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.selectedThreads = selectedThreads; exports.CreateThreadError = CreateThreadError; exports.RoomContext = RoomContext; exports.useStatus = useStatus; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useErrorListener = useErrorListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCommentsErrorListener = useCommentsErrorListener; exports.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence; exports.ClientContext = ClientContext; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental;
+//# sourceMappingURL=chunk-YGRZXVI6.js.map