@liveblocks/react 2.4.0 → 2.4.1-test2

package/dist/{chunk-7KAWYNVI.mjs → chunk-U4TTA3CR.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.4.0";
+var PKG_VERSION = "2.4.1-test2";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -13,6 +13,63 @@ function ClientSideSuspense(props) {
   return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
 }
 
+// src/comments/lib/selected-threads.ts
+import {
+  applyOptimisticUpdates
+} from "@liveblocks/core";
+function selectedUserThreads(state) {
+  const result = applyOptimisticUpdates(state);
+  const threads = Object.values(result.threads).filter(
+    (thread) => {
+      if (thread.deletedAt !== void 0) {
+        return false;
+      }
+      return true;
+    }
+  );
+  return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
+}
+function selectedThreads(roomId, state, options) {
+  const result = applyOptimisticUpdates(state);
+  const threads = Object.values(result.threads).filter(
+    (thread) => {
+      if (thread.roomId !== roomId) return false;
+      if (thread.deletedAt !== void 0) {
+        return false;
+      }
+      const query = options.query;
+      if (!query) return true;
+      if (query.resolved !== void 0 && thread.resolved !== query.resolved) {
+        return false;
+      }
+      for (const key in query.metadata) {
+        const metadataValue = thread.metadata[key];
+        const filterValue = query.metadata[key];
+        if (assertFilterIsStartsWithOperator(filterValue) && assertMetadataValueIsString(metadataValue)) {
+          if (metadataValue.startsWith(filterValue.startsWith)) {
+            return true;
+          }
+        }
+        if (metadataValue !== filterValue) {
+          return false;
+        }
+      }
+      return true;
+    }
+  );
+  return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
+}
+var assertFilterIsStartsWithOperator = (filter) => {
+  if (typeof filter === "object" && typeof filter.startsWith === "string") {
+    return true;
+  } else {
+    return false;
+  }
+};
+var assertMetadataValueIsString = (value) => {
+  return typeof value === "string";
+};
+
 // src/liveblocks.tsx
 import {
   assert,
@@ -35,9 +92,9 @@ import { useSyncExternalStore } from "use-sync-external-store/shim/index.js";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector.js";
 
 // src/comments/lib/selected-inbox-notifications.ts
-import { applyOptimisticUpdates } from "@liveblocks/core";
+import { applyOptimisticUpdates as applyOptimisticUpdates2 } from "@liveblocks/core";
 function selectedInboxNotifications(state) {
-  const result = applyOptimisticUpdates(state);
+  const result = applyOptimisticUpdates2(state);
   return Object.values(result.inboxNotifications).sort(
     // Sort so that the most recent notifications are first
     (a, b) => b.notifiedAt.getTime() - a.notifiedAt.getTime()
@@ -144,6 +201,7 @@ var _extras = /* @__PURE__ */ new WeakMap();
 var _bundles = /* @__PURE__ */ new WeakMap();
 var POLLING_INTERVAL = 60 * 1e3;
 var INBOX_NOTIFICATIONS_QUERY = "INBOX_NOTIFICATIONS";
+var USER_THREADS_QUERY = "USER_THREADS";
 function selectorFor_useInboxNotifications(state) {
   const query = state.queries[INBOX_NOTIFICATIONS_QUERY];
   if (query === void 0 || query.isLoading) {
@@ -162,6 +220,25 @@ function selectorFor_useInboxNotifications(state) {
     isLoading: false
   };
 }
+function selectorFor_useUserThreads(state) {
+  const query = state.queries[USER_THREADS_QUERY];
+  if (query === void 0 || query.isLoading) {
+    return {
+      isLoading: true
+    };
+  }
+  if (query.error !== void 0) {
+    return {
+      threads: [],
+      error: query.error,
+      isLoading: false
+    };
+  }
+  return {
+    threads: selectedUserThreads(state),
+    isLoading: false
+  };
+}
 function selectUnreadInboxNotificationsCount(state) {
   let count = 0;
   for (const notification of selectedInboxNotifications(state)) {
@@ -321,11 +398,91 @@ function makeExtrasForClient(client) {
       };
     }, []);
   }
+  let userThreadsPollerSubscribers = 0;
+  const userThreadsPoller = makePoller(async () => {
+    try {
+      await waitUntilUserThreadsLoaded();
+      await fetchUserThreads();
+    } catch (err) {
+      console.warn(`Polling new user threads failed: ${String(err)}`);
+    }
+  });
+  let userThreadslastRequestedAt;
+  function loadUserThreads() {
+    void waitUntilUserThreadsLoaded().catch(() => {
+    });
+  }
+  const waitUntilUserThreadsLoaded = memoizeOnSuccess(async () => {
+    store.setQueryState(USER_THREADS_QUERY, {
+      isLoading: true
+    });
+    try {
+      await autoRetry(
+        () => fetchInboxNotifications(),
+        5,
+        [5e3, 5e3, 1e4, 15e3]
+      );
+    } catch (err) {
+      store.setQueryState(USER_THREADS_QUERY, {
+        isLoading: false,
+        error: err
+      });
+      throw err;
+    }
+  });
+  async function fetchUserThreads() {
+    if (userThreadslastRequestedAt === void 0) {
+      const result = await client[kInternal].getThreads();
+      store.updateThreadsAndNotifications(
+        result.threads,
+        result.inboxNotifications,
+        [],
+        [],
+        USER_THREADS_QUERY
+      );
+      userThreadslastRequestedAt = result.requestedAt;
+    } else {
+      const result = await client[kInternal].getThreadsSince({
+        since: userThreadslastRequestedAt
+      });
+      store.updateThreadsAndNotifications(
+        result.threads.updated,
+        result.inboxNotifications.updated,
+        result.threads.deleted,
+        result.inboxNotifications.deleted,
+        USER_THREADS_QUERY
+      );
+      if (userThreadslastRequestedAt < result.requestedAt) {
+        userThreadslastRequestedAt = result.requestedAt;
+      }
+    }
+  }
+  function useEnableUserThreadsPolling() {
+    useEffect3(() => {
+      userThreadsPollerSubscribers++;
+      userThreadsPoller.start(POLLING_INTERVAL);
+      return () => {
+        if (userThreadsPollerSubscribers <= 0) {
+          console.warn(
+            `Internal unexpected behavior. Cannot decrease subscriber count for query "${USER_THREADS_QUERY}"`
+          );
+          return;
+        }
+        userThreadsPollerSubscribers--;
+        if (userThreadsPollerSubscribers <= 0) {
+          userThreadsPoller.stop();
+        }
+      };
+    }, []);
+  }
   return {
     store,
     useEnableInboxNotificationsPolling,
     waitUntilInboxNotificationsLoaded,
-    loadInboxNotifications
+    loadInboxNotifications,
+    useEnableUserThreadsPolling,
+    waitUntilUserThreadsLoaded,
+    loadUserThreads
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -363,6 +520,28 @@ function makeLiveblocksContextBundle(client) {
   };
   return bundle;
 }
+function useUserThreads_withClient(client) {
+  const { loadUserThreads, store, useEnableUserThreadsPolling } = getExtrasForClient(client);
+  useEffect3(() => {
+    loadUserThreads();
+  }, [loadUserThreads]);
+  useEnableUserThreadsPolling();
+  return useSyncExternalStoreWithSelector(
+    store.subscribe,
+    store.get,
+    store.get,
+    selectorFor_useUserThreads,
+    shallow
+  );
+}
+function useUserThreadsSuspense_withClient(client) {
+  const { waitUntilUserThreadsLoaded } = getExtrasForClient(client);
+  use(waitUntilUserThreadsLoaded());
+  const result = useUserThreads_withClient(client);
+  assert(!result.error, "Did not expect error");
+  assert(!result.isLoading, "Did not expect loading");
+  return result;
+}
 function useInboxNotifications_withClient(client) {
   const { loadInboxNotifications, store, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
   useEffect3(() => {
@@ -766,6 +945,12 @@ function LiveblocksProvider(props) {
 function createLiveblocksContext(client) {
   return getOrCreateContextBundle(client);
 }
+function useUserThreads() {
+  return useUserThreads_withClient(useClient());
+}
+function useUserThreadsSuspense() {
+  return useUserThreadsSuspense_withClient(useClient());
+}
 function useInboxNotifications() {
   return useInboxNotifications_withClient(useClient());
 }
@@ -912,51 +1097,6 @@ var UpdateNotificationSettingsError = class extends Error {
   }
 };
 
-// src/comments/lib/selected-threads.ts
-import {
-  applyOptimisticUpdates as applyOptimisticUpdates2
-} from "@liveblocks/core";
-function selectedThreads(roomId, state, options) {
-  const result = applyOptimisticUpdates2(state);
-  const threads = Object.values(result.threads).filter(
-    (thread) => {
-      if (thread.roomId !== roomId) return false;
-      if (thread.deletedAt !== void 0) {
-        return false;
-      }
-      const query = options.query;
-      if (!query) return true;
-      if (query.resolved !== void 0 && thread.resolved !== query.resolved) {
-        return false;
-      }
-      for (const key in query.metadata) {
-        const metadataValue = thread.metadata[key];
-        const filterValue = query.metadata[key];
-        if (assertFilterIsStartsWithOperator(filterValue) && assertMetadataValueIsString(metadataValue)) {
-          if (metadataValue.startsWith(filterValue.startsWith)) {
-            return true;
-          }
-        }
-        if (metadataValue !== filterValue) {
-          return false;
-        }
-      }
-      return true;
-    }
-  );
-  return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
-}
-var assertFilterIsStartsWithOperator = (filter) => {
-  if (typeof filter === "object" && typeof filter.startsWith === "string") {
-    return true;
-  } else {
-    return false;
-  }
-};
-var assertMetadataValueIsString = (value) => {
-  return typeof value === "string";
-};
-
 // src/room.tsx
 import { shallow as shallow2 } from "@liveblocks/client";
 import {
@@ -2790,10 +2930,13 @@ export {
   PKG_VERSION,
   PKG_FORMAT,
   ClientSideSuspense,
+  selectedThreads,
   ClientContext,
   useClient,
   LiveblocksProvider,
   createLiveblocksContext,
+  useUserThreads,
+  useUserThreadsSuspense,
   useInboxNotifications,
   useInboxNotificationsSuspense,
   useMarkAllInboxNotificationsAsRead,
@@ -2808,7 +2951,6 @@ export {
   _useUser,
   _useUserSuspense,
   CreateThreadError,
-  selectedThreads,
   RoomContext,
   useStatus,
   useStorageStatus,
@@ -2861,4 +3003,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-7KAWYNVI.mjs.map
+//# sourceMappingURL=chunk-U4TTA3CR.mjs.map