@liveblocks/react 2.0.0-alpha1 → 2.0.0-alpha2

package/dist/{chunk-HLKYTK7G.mjs → chunk-HZXXTIZ4.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.0.0-alpha1";
+var PKG_VERSION = "2.0.0-alpha2";
 var PKG_FORMAT = "esm";
 
 // 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 ? 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
-import { shallow } from "@liveblocks/client";
-import {
-  addReaction,
-  CommentsApiError,
-  console as console2,
-  deleteComment,
-  deprecateIf,
-  errorIf,
-  kInternal as kInternal2,
-  makeEventSource,
-  makePoller as makePoller2,
-  NotificationsApiError,
-  removeReaction,
-  ServerMsgCode,
-  stringify,
-  upsertComment
-} from "@liveblocks/core";
-import { nanoid as nanoid3 } from "nanoid";
-import * as React4 from "react";
-import { useSyncExternalStoreWithSelector as useSyncExternalStoreWithSelector2 } from "use-sync-external-store/shim/with-selector.js";
-
 // src/comments/errors.ts
 var CreateThreadError = class extends Error {
   constructor(cause, context) {
@@ -737,46 +714,20 @@ var UpdateNotificationSettingsError = class extends Error {
   }
 };
 
-// src/comments/lib/createIds.ts
-import { nanoid as nanoid2 } from "nanoid";
-var THREAD_ID_PREFIX = "th";
-var COMMENT_ID_PREFIX = "cm";
-function createOptimisticId(prefix) {
-  return `${prefix}_${nanoid2()}`;
-}
-function createThreadId() {
-  return createOptimisticId(THREAD_ID_PREFIX);
-}
-function createCommentId() {
-  return createOptimisticId(COMMENT_ID_PREFIX);
-}
-
-// src/comments/lib/select-notification-settings.ts
-import {
-  applyOptimisticUpdates as applyOptimisticUpdates2,
-  nn
-} from "@liveblocks/core";
-function selectNotificationSettings(roomId, state) {
-  const { notificationSettings } = applyOptimisticUpdates2(state);
-  return nn(notificationSettings[roomId]);
-}
-
 // src/comments/lib/selected-threads.ts
 import {
-  applyOptimisticUpdates as applyOptimisticUpdates3
+  applyOptimisticUpdates as applyOptimisticUpdates2
 } from "@liveblocks/core";
 function selectedThreads(roomId, state, options) {
-  const result = applyOptimisticUpdates3(state);
+  const result = applyOptimisticUpdates2(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
+import { shallow } from "@liveblocks/client";
+import {
+  addReaction,
+  CommentsApiError,
+  console as console2,
+  deleteComment,
+  deprecateIf,
+  errorIf,
+  kInternal as kInternal2,
+  makeEventSource,
+  makePoller as makePoller2,
+  NotificationsApiError,
+  removeReaction,
+  ServerMsgCode,
+  stringify,
+  upsertComment
+} from "@liveblocks/core";
+import { nanoid as nanoid3 } from "nanoid";
+import * as React4 from "react";
+import { useSyncExternalStoreWithSelector as useSyncExternalStoreWithSelector2 } from "use-sync-external-store/shim/with-selector.js";
+
+// src/comments/lib/createIds.ts
+import { nanoid as nanoid2 } from "nanoid";
+var THREAD_ID_PREFIX = "th";
+var COMMENT_ID_PREFIX = "cm";
+function createOptimisticId(prefix) {
+  return `${prefix}_${nanoid2()}`;
+}
+function createThreadId() {
+  return createOptimisticId(THREAD_ID_PREFIX);
+}
+function createCommentId() {
+  return createOptimisticId(COMMENT_ID_PREFIX);
+}
+
+// src/comments/lib/select-notification-settings.ts
+import {
+  applyOptimisticUpdates as applyOptimisticUpdates3,
+  nn
+} from "@liveblocks/core";
+function selectNotificationSettings(roomId, state) {
+  const { notificationSettings } = applyOptimisticUpdates3(state);
+  return nn(notificationSettings[roomId]);
+}
+
 // src/use-scroll-to-comment-on-load-effect.ts
 import * as React3 from "react";
 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[kInternal2].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 = requestStatusByRoom.get(room.id) ?? false;
-    if (isFetchingThreadsUpdates === true)
-      return;
+    if (isFetchingThreadsUpdates === true) return;
     try {
       requestStatusByRoom.set(room.id, true);
       const commentsAPI = room[kInternal2].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[kInternal2].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[kInternal2].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, kInternal2, {
     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 ServerMsgCode.COMMENT_REACTION_ADDED:
         case ServerMsgCode.COMMENT_REACTION_REMOVED:
         case ServerMsgCode.COMMENT_DELETED:
-          if (!existingThread)
-            break;
+          if (!existingThread) break;
           store.updateThreadAndNotification(thread, inboxNotification);
           break;
         case 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[kInternal2].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[kInternal2].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 = nanoid3();
       const now = /* @__PURE__ */ new Date();
       store.pushOptimisticUpdate({
@@ -2386,6 +2380,8 @@ export {
   __1,
   __2,
   __3,
+  CreateThreadError,
+  selectedThreads,
   RoomContext,
   useStatus,
   useBatch,
@@ -2397,6 +2393,7 @@ export {
   useCanUndo,
   useCanRedo,
   useOthersConnectionIds,
+  useCommentsErrorListener,
   useCreateComment,
   useEditComment,
   useDeleteComment,
@@ -2432,4 +2429,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-HLKYTK7G.mjs.map
+//# sourceMappingURL=chunk-HZXXTIZ4.mjs.map