@liveblocks/react 2.0.5 → 2.1.0

package/dist/{chunk-RJICDM5G.mjs → chunk-D4UC2JLP.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.0.5";
+var PKG_VERSION = "2.1.0";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -79,12 +79,14 @@ function useInitialUnlessFunction(latestValue) {
 
 // src/liveblocks.tsx
 var ClientContext = createContext(null);
-var missingUserError = new Error(
-  "resolveUsers didn't return anything for this user ID."
-);
-var missingRoomInfoError = new Error(
-  "resolveRoomsInfo didn't return anything for this room ID."
-);
+function missingUserError(userId) {
+  return new Error(`resolveUsers didn't return anything for user '${userId}'`);
+}
+function missingRoomInfoError(roomId) {
+  return new Error(
+    `resolveRoomsInfo didn't return anything for room '${roomId}'`
+  );
+}
 var _extras = /* @__PURE__ */ new WeakMap();
 var _bundles = /* @__PURE__ */ new WeakMap();
 var POLLING_INTERVAL = 60 * 1e3;
@@ -166,7 +168,7 @@ function makeExtrasForClient(client) {
   const internals = client[kInternal];
   const store = internals.cacheStore;
   const notifications = internals.notifications;
-  let fetchInboxNotificationsRequest = null;
+  let fetchInboxNotifications$ = null;
   let lastRequestedAt;
   const poller = makePoller(
     () => notifications.getInboxNotifications({ since: lastRequestedAt }).then(
@@ -185,15 +187,15 @@ function makeExtrasForClient(client) {
     )
   );
   async function fetchInboxNotifications({ retryCount } = { retryCount: 0 }) {
-    if (fetchInboxNotificationsRequest !== null) {
-      return fetchInboxNotificationsRequest;
+    if (fetchInboxNotifications$ !== null) {
+      return fetchInboxNotifications$;
     }
     store.setQueryState(INBOX_NOTIFICATIONS_QUERY, {
       isLoading: true
     });
     try {
-      fetchInboxNotificationsRequest = notifications.getInboxNotifications();
-      const result = await fetchInboxNotificationsRequest;
+      fetchInboxNotifications$ = notifications.getInboxNotifications();
+      const result = await fetchInboxNotifications$;
       store.updateThreadsAndNotifications(
         result.threads,
         result.inboxNotifications,
@@ -206,7 +208,7 @@ function makeExtrasForClient(client) {
       }
       poller.start(POLLING_INTERVAL);
     } catch (er) {
-      fetchInboxNotificationsRequest = null;
+      fetchInboxNotifications$ = null;
       retryError(() => {
         void fetchInboxNotifications({
           retryCount: retryCount + 1
@@ -469,7 +471,7 @@ function useUser_withClient(client, userId) {
     isLoading: state.isLoading,
     user: state.data,
     // Return an error if `undefined` was returned by `resolveUsers` for this user ID
-    error: !state.isLoading && !state.data && !state.error ? missingUserError : state.error
+    error: !state.isLoading && !state.data && !state.error ? missingUserError(userId) : state.error
   } : { isLoading: true };
 }
 function useUserSuspense_withClient(client, userId) {
@@ -486,7 +488,7 @@ function useUserSuspense_withClient(client, userId) {
     throw userState.error;
   }
   if (!userState.data) {
-    throw missingUserError;
+    throw missingUserError(userId);
   }
   const state = useSyncExternalStore(
     usersStore.subscribe,
@@ -517,7 +519,7 @@ function useRoomInfo_withClient(client, roomId) {
     isLoading: state.isLoading,
     info: state.data,
     // Return an error if `undefined` was returned by `resolveRoomsInfo` for this room ID
-    error: !state.isLoading && !state.data && !state.error ? missingRoomInfoError : state.error
+    error: !state.isLoading && !state.data && !state.error ? missingRoomInfoError(roomId) : state.error
   } : { isLoading: true };
 }
 function useRoomInfoSuspense_withClient(client, roomId) {
@@ -534,7 +536,7 @@ function useRoomInfoSuspense_withClient(client, roomId) {
     throw roomInfoState.error;
   }
   if (!roomInfoState.data) {
-    throw missingRoomInfoError;
+    throw missingRoomInfoError(roomId);
   }
   const state = useSyncExternalStore(
     roomsInfoStore.subscribe,
@@ -646,9 +648,9 @@ function useRoomInfo(roomId) {
 function useRoomInfoSuspense(roomId) {
   return useRoomInfoSuspense_withClient(useClient(), roomId);
 }
-var __1 = useInboxNotificationThread;
-var __2 = useUser;
-var __3 = useUserSuspense;
+var _useInboxNotificationThread = useInboxNotificationThread;
+var _useUser = useUser;
+var _useUserSuspense = useUserSuspense;
 
 // src/comments/errors.ts
 var CreateThreadError = class extends Error {
@@ -820,6 +822,33 @@ function selectNotificationSettings(roomId, state) {
   return nn(notificationSettings[roomId]);
 }
 
+// src/lib/use-polyfill.ts
+var use = (
+  // React.use ||
+  (promise) => {
+    if (promise.status === "pending") {
+      throw promise;
+    } else if (promise.status === "fulfilled") {
+      return promise.value;
+    } else if (promise.status === "rejected") {
+      throw promise.reason;
+    } else {
+      promise.status = "pending";
+      promise.then(
+        (v) => {
+          promise.status = "fulfilled";
+          promise.value = v;
+        },
+        (e) => {
+          promise.status = "rejected";
+          promise.reason = e;
+        }
+      );
+      throw promise;
+    }
+  }
+);
+
 // src/use-scroll-to-comment-on-load-effect.ts
 import * as React3 from "react";
 function handleScrollToCommentOnLoad(shouldScrollOnLoad, state) {
@@ -1112,6 +1141,7 @@ function makeRoomContextBundle(client) {
     RoomProvider: RoomProvider_withImplicitLiveblocksProvider,
     useRoom,
     useStatus,
+    useStorageStatus,
     useBatch,
     useBroadcastEvent,
     useOthersListener,
@@ -1152,6 +1182,7 @@ function makeRoomContextBundle(client) {
       RoomProvider: RoomProvider_withImplicitLiveblocksProvider,
       useRoom,
       useStatus,
+      useStorageStatus: useStorageStatusSuspense,
       useBatch,
       useBroadcastEvent,
       useOthersListener,
@@ -1335,6 +1366,13 @@ function useStatus() {
   const getServerSnapshot = room.getStatus;
   return useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
 }
+function useStorageStatus() {
+  const room = useRoom();
+  const subscribe = room.events.storageStatus.subscribe;
+  const getSnapshot = room.getStorageStatus;
+  const getServerSnapshot = room.getStorageStatus;
+  return useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
+}
 function useBatch() {
   return useRoom().batch;
 }
@@ -2282,60 +2320,57 @@ function ensureNotServerSide() {
     );
   }
 }
-function useSuspendUntilPresenceLoaded() {
-  const room = useRoom();
-  if (room.getSelf() !== null) {
-    return;
-  }
+function useSuspendUntilPresenceReady() {
   ensureNotServerSide();
-  throw new Promise((res) => {
-    room.events.self.subscribeOnce(() => res());
-    room.events.status.subscribeOnce(() => res());
-  });
+  const room = useRoom();
+  use(room.waitUntilPresenceReady());
 }
 function useSelfSuspense(selector, isEqual) {
-  useSuspendUntilPresenceLoaded();
+  useSuspendUntilPresenceReady();
   return useSelf(
     selector,
     isEqual
   );
 }
 function useOthersSuspense(selector, isEqual) {
-  useSuspendUntilPresenceLoaded();
+  useSuspendUntilPresenceReady();
   return useOthers(
     selector,
     isEqual
   );
 }
 function useOthersConnectionIdsSuspense() {
-  useSuspendUntilPresenceLoaded();
+  useSuspendUntilPresenceReady();
   return useOthersConnectionIds();
 }
 function useOthersMappedSuspense(itemSelector, itemIsEqual) {
-  useSuspendUntilPresenceLoaded();
+  useSuspendUntilPresenceReady();
   return useOthersMapped(itemSelector, itemIsEqual);
 }
 function useOtherSuspense(connectionId, selector, isEqual) {
-  useSuspendUntilPresenceLoaded();
+  useSuspendUntilPresenceReady();
   return useOther(connectionId, selector, isEqual);
 }
-function useSuspendUntilStorageLoaded() {
-  const room = useRoom();
-  if (room.getStorageSnapshot() !== null) {
-    return;
-  }
+function useSuspendUntilStorageReady() {
   ensureNotServerSide();
-  throw new Promise((res) => {
-    room.events.storageDidLoad.subscribeOnce(() => res());
-  });
+  const room = useRoom();
+  use(room.waitUntilStorageReady());
 }
 function useStorageSuspense(selector, isEqual) {
-  useSuspendUntilStorageLoaded();
+  useSuspendUntilStorageReady();
   return useStorage(
     selector,
     isEqual
   );
 }
+function useStorageStatusSuspense() {
+  useSuspendUntilStorageReady();
+  const room = useRoom();
+  const subscribe = room.events.storageStatus.subscribe;
+  const getSnapshot = room.getStorageStatus;
+  const getServerSnapshot = room.getStorageStatus;
+  return useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot);
+}
 function useThreadsSuspense(options = {
   query: { metadata: {} }
 }) {
@@ -2434,13 +2469,21 @@ var _useOthersMappedSuspense = useOthersMappedSuspense;
 var _useThreads = useThreads;
 var _useThreadsSuspense = useThreadsSuspense;
 var _useOther = useOther;
-var _useOthers = useOthers;
+function _useOthers(...args) {
+  return useOthers(...args);
+}
 var _useOtherSuspense = useOtherSuspense;
-var _useOthersSuspense = useOthersSuspense;
+function _useOthersSuspense(...args) {
+  return useOthersSuspense(...args);
+}
 var _useStorage = useStorage;
 var _useStorageSuspense = useStorageSuspense;
-var _useSelf = useSelf;
-var _useSelfSuspense = useSelfSuspense;
+function _useSelf(...args) {
+  return useSelf(...args);
+}
+function _useSelfSuspense(...args) {
+  return useSelfSuspense(...args);
+}
 var _useStorageRoot = useStorageRoot;
 var _useUpdateMyPresence = useUpdateMyPresence;
 
@@ -2461,13 +2504,14 @@ export {
   useUnreadInboxNotificationsCountSuspense,
   useRoomInfo,
   useRoomInfoSuspense,
-  __1,
-  __2,
-  __3,
+  _useInboxNotificationThread,
+  _useUser,
+  _useUserSuspense,
   CreateThreadError,
   selectedThreads,
   RoomContext,
   useStatus,
+  useStorageStatus,
   useBatch,
   useLostConnectionListener,
   useErrorListener,
@@ -2487,6 +2531,7 @@ export {
   useRoomNotificationSettings,
   useUpdateRoomNotificationSettings,
   useOthersConnectionIdsSuspense,
+  useStorageStatusSuspense,
   createRoomContext,
   _RoomProvider,
   _useBroadcastEvent,
@@ -2514,4 +2559,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-RJICDM5G.mjs.map
+//# sourceMappingURL=chunk-D4UC2JLP.mjs.map