@liveblocks/react 2.0.0-alpha1 → 2.0.0-alpha3

package/dist/{chunk-RCQYZVO3.js → chunk-ZUMWKFSY.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.0.0-alpha1";
+var PKG_VERSION = "2.0.0-alpha3";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -10,7 +10,7 @@ function ClientSideSuspense(props) {
   React.useEffect(() => {
     setMounted(true);
   }, []);
-  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? props.children() : props.fallback);
+  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
 }
 
 // src/liveblocks.tsx
@@ -40,8 +40,7 @@ function selectedInboxNotifications(state) {
 var MAX_ERROR_RETRY_COUNT = 5;
 var ERROR_RETRY_INTERVAL = 5e3;
 function retryError(action, retryCount) {
-  if (retryCount >= MAX_ERROR_RETRY_COUNT)
-    return;
+  if (retryCount >= MAX_ERROR_RETRY_COUNT) return;
   const timeout = Math.pow(2, retryCount) * ERROR_RETRY_INTERVAL;
   setTimeout(() => {
     void action();
@@ -641,28 +640,6 @@ var __1 = useInboxNotificationThread;
 var __2 = useUser;
 var __3 = useUserSuspense;
 
-// src/room.tsx
-var _client = require('@liveblocks/client');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 // src/comments/errors.ts
 var CreateThreadError = class extends Error {
   constructor(cause, context) {
@@ -737,30 +714,6 @@ var UpdateNotificationSettingsError = class extends Error {
   }
 };
 
-// src/comments/lib/createIds.ts
-
-var THREAD_ID_PREFIX = "th";
-var COMMENT_ID_PREFIX = "cm";
-function createOptimisticId(prefix) {
-  return `${prefix}_${_nanoid.nanoid.call(void 0, )}`;
-}
-function createThreadId() {
-  return createOptimisticId(THREAD_ID_PREFIX);
-}
-function createCommentId() {
-  return createOptimisticId(COMMENT_ID_PREFIX);
-}
-
-// src/comments/lib/select-notification-settings.ts
-
-
-
-
-function selectNotificationSettings(roomId, state) {
-  const { notificationSettings } = _core.applyOptimisticUpdates.call(void 0, state);
-  return _core.nn.call(void 0, notificationSettings[roomId]);
-}
-
 // src/comments/lib/selected-threads.ts
 
 
@@ -769,14 +722,12 @@ function selectedThreads(roomId, state, options) {
   const result = _core.applyOptimisticUpdates.call(void 0, state);
   const threads = Object.values(result.threads).filter(
     (thread) => {
-      if (thread.roomId !== roomId)
-        return false;
+      if (thread.roomId !== roomId) return false;
       if (thread.deletedAt !== void 0) {
         return false;
       }
       const query = options.query;
-      if (!query)
-        return true;
+      if (!query) return true;
       for (const key in query.metadata) {
         const metadataValue = thread.metadata[key];
         const filterValue = query.metadata[key];
@@ -805,29 +756,69 @@ var assertMetadataValueIsString = (value) => {
   return typeof value === "string";
 };
 
+// src/room.tsx
+var _client = require('@liveblocks/client');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// src/comments/lib/createIds.ts
+
+var THREAD_ID_PREFIX = "th";
+var COMMENT_ID_PREFIX = "cm";
+function createOptimisticId(prefix) {
+  return `${prefix}_${_nanoid.nanoid.call(void 0, )}`;
+}
+function createThreadId() {
+  return createOptimisticId(THREAD_ID_PREFIX);
+}
+function createCommentId() {
+  return createOptimisticId(COMMENT_ID_PREFIX);
+}
+
+// src/comments/lib/select-notification-settings.ts
+
+
+
+
+function selectNotificationSettings(roomId, state) {
+  const { notificationSettings } = _core.applyOptimisticUpdates.call(void 0, state);
+  return _core.nn.call(void 0, notificationSettings[roomId]);
+}
+
 // src/use-scroll-to-comment-on-load-effect.ts
 
 function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
-  if (shouldScrollOnLoad === false)
-    return;
-  if (state.isLoading)
-    return;
+  if (shouldScrollOnLoad === false) return;
+  if (state.isLoading) return;
   const isWindowDefined = typeof window !== "undefined";
-  if (!isWindowDefined)
-    return;
+  if (!isWindowDefined) return;
   const hash = window.location.hash;
   const commentId = hash.slice(1);
-  if (!commentId.startsWith("cm_"))
-    return;
+  if (!commentId.startsWith("cm_")) return;
   const comment = document.getElementById(commentId);
-  if (comment === null)
-    return;
+  if (comment === null) return;
   const comments = state.threads.flatMap((thread) => thread.comments);
   const isCommentInThreads = comments.some(
     (comment2) => comment2.id === commentId
   );
-  if (!isCommentInThreads)
-    return;
+  if (!isCommentInThreads) return;
   comment.scrollIntoView();
 }
 function useScrollToCommentOnLoadEffect(shouldScrollOnLoad, state) {
@@ -948,8 +939,7 @@ function makeExtrasForClient2(client) {
     const requests = [];
     client[_core.kInternal].getRoomIds().map((roomId) => {
       const room = client.getRoom(roomId);
-      if (room === null)
-        return;
+      if (room === null) return;
       requests.push(getThreadsUpdates(room.id));
     });
     await Promise.allSettled(requests);
@@ -978,14 +968,11 @@ function makeExtrasForClient2(client) {
   }
   async function getThreadsUpdates(roomId) {
     const room = client.getRoom(roomId);
-    if (room === null)
-      return;
+    if (room === null) return;
     const since = lastRequestedAtByRoom.get(room.id);
-    if (since === void 0)
-      return;
+    if (since === void 0) return;
     const isFetchingThreadsUpdates = _nullishCoalesce(requestStatusByRoom.get(room.id), () => ( false));
-    if (isFetchingThreadsUpdates === true)
-      return;
+    if (isFetchingThreadsUpdates === true) return;
     try {
       requestStatusByRoom.set(room.id, true);
       const commentsAPI = room[_core.kInternal].comments;
@@ -1007,8 +994,7 @@ function makeExtrasForClient2(client) {
   }
   async function getThreadsAndInboxNotifications(room, queryKey, options, { retryCount } = { retryCount: 0 }) {
     const existingRequest = requestsByQuery.get(queryKey);
-    if (existingRequest !== void 0)
-      return existingRequest;
+    if (existingRequest !== void 0) return existingRequest;
     const commentsAPI = room[_core.kInternal].comments;
     const request = commentsAPI.getThreads(options);
     requestsByQuery.set(queryKey, request);
@@ -1045,8 +1031,7 @@ function makeExtrasForClient2(client) {
   }
   async function getInboxNotificationSettings(room, queryKey, { retryCount } = { retryCount: 0 }) {
     const existingRequest = requestsByQuery.get(queryKey);
-    if (existingRequest !== void 0)
-      return existingRequest;
+    if (existingRequest !== void 0) return existingRequest;
     try {
       const request = room[_core.kInternal].notifications.getRoomNotificationSettings();
       requestsByQuery.set(queryKey, request);
@@ -1091,6 +1076,7 @@ function makeExtrasForClient2(client) {
   return {
     store,
     incrementQuerySubscribers,
+    commentsErrorEventSource,
     getThreadsUpdates,
     getThreadsAndInboxNotifications,
     getInboxNotificationSettings,
@@ -1181,7 +1167,8 @@ function makeRoomContextBundle(client) {
       useRoomNotificationSettings: useRoomNotificationSettingsSuspense,
       useUpdateRoomNotificationSettings,
       ...shared.suspense
-    }
+    },
+    useCommentsErrorListener
   };
   return Object.defineProperty(bundle, _core.kInternal, {
     enumerable: false
@@ -1195,8 +1182,7 @@ function RoomProvider(props) {
   const stableEnterRoom = React4.useCallback(
     (roomId, options) => {
       const cached = cache.get(roomId);
-      if (cached)
-        return cached;
+      if (cached) return cached;
       const rv = client.enterRoom(roomId, options);
       const origLeave = rv.leave;
       rv.leave = () => {
@@ -1264,8 +1250,7 @@ function RoomProviderInner(props) {
         case _core.ServerMsgCode.COMMENT_REACTION_ADDED:
         case _core.ServerMsgCode.COMMENT_REACTION_REMOVED:
         case _core.ServerMsgCode.COMMENT_DELETED:
-          if (!existingThread)
-            break;
+          if (!existingThread) break;
           store.updateThreadAndNotification(thread, inboxNotification);
           break;
         case _core.ServerMsgCode.COMMENT_CREATED:
@@ -1579,6 +1564,14 @@ function useThreads(options = {
   useScrollToCommentOnLoadEffect(scrollOnLoad, state);
   return state;
 }
+function useCommentsErrorListener(callback) {
+  const client = useClient();
+  const savedCallback = useLatest(callback);
+  const { commentsErrorEventSource } = getExtrasForClient2(client);
+  React4.useEffect(() => {
+    return commentsErrorEventSource.subscribe(savedCallback.current);
+  }, [savedCallback, commentsErrorEventSource]);
+}
 function useCreateThread() {
   const client = useClient();
   const room = useRoom();
@@ -1613,7 +1606,8 @@ function useCreateThread() {
       store.pushOptimisticUpdate({
         type: "create-thread",
         thread: newThread,
-        id: optimisticUpdateId
+        id: optimisticUpdateId,
+        roomId: room.id
       });
       const commentsAPI = room[_core.kInternal].comments;
       commentsAPI.createThread({ threadId, commentId, body, metadata }).then(
@@ -1882,7 +1876,8 @@ function useDeleteComment() {
         threadId,
         commentId,
         deletedAt,
-        id: optimisticUpdateId
+        id: optimisticUpdateId,
+        roomId: room.id
       });
       room[_core.kInternal].comments.deleteComment({ threadId, commentId }).then(
         () => {
@@ -2056,8 +2051,7 @@ function useMarkThreadAsRead() {
       ).find(
         (inboxNotification2) => inboxNotification2.kind === "thread" && inboxNotification2.threadId === threadId
       );
-      if (!inboxNotification)
-        return;
+      if (!inboxNotification) return;
       const optimisticUpdateId = _nanoid.nanoid.call(void 0, );
       const now = /* @__PURE__ */ new Date();
       store.pushOptimisticUpdate({
@@ -2431,5 +2425,8 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; 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.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports.__1 = __1; exports.__2 = __2; exports.__3 = __3; exports.RoomContext = RoomContext; exports.useStatus = useStatus; 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.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; 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;
-//# sourceMappingURL=chunk-RCQYZVO3.js.map
+
+
+
+exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; 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.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports.__1 = __1; exports.__2 = __2; exports.__3 = __3; exports.CreateThreadError = CreateThreadError; exports.selectedThreads = selectedThreads; exports.RoomContext = RoomContext; exports.useStatus = useStatus; 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.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; 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;
+//# sourceMappingURL=chunk-ZUMWKFSY.js.map