@liveblocks/react 3.14.1 → 3.15.0-feeds1

package/dist/{chunk-EB7KWKMS.js → chunk-JQZ4SSGD.js}

@@ -512,6 +512,12 @@ function makeAiChatsQueryKey(query) {
 function makeInboxNotificationsQueryKey(query) {
   return stableStringify(query ?? {});
 }
+function makeFeedsQueryKey(roomId, options) {
+  return stableStringify([roomId, options ?? {}]);
+}
+function makeFeedMessagesQueryKey(roomId, feedId, options) {
+  return stableStringify([roomId, feedId, options ?? {}]);
+}
 function usify(promise) {
   if ("status" in promise) {
     return promise;
@@ -979,6 +985,16 @@ var UmbrellaStore = class {
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
   // Notification Settings
   #notificationSettings;
+  // Feeds
+  #feedsByRoomId = /* @__PURE__ */ new Map();
+  #feedMessagesByFeedId = /* @__PURE__ */ new Map();
+  // Signals for feeds and feed messages to trigger reactivity
+  #feedsSignal = new MutableSignal3({
+    version: 0
+  });
+  #feedMessagesSignal = new MutableSignal3({
+    version: 0
+  });
   constructor(client) {
     this.#client = client[kInternal2].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -1350,6 +1366,91 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
+    const loadingFeeds = new DefaultMap(
+      (queryKey) => {
+        const [roomId, options] = JSON.parse(queryKey);
+        const resource = new PaginatedResource(async (cursor) => {
+          const room = this.#client.getRoom(roomId);
+          if (room === null) {
+            throw new Error(
+              `Room '${roomId}' is not available on client. Make sure you're calling useFeeds inside a RoomProvider.`
+            );
+          }
+          const result = await room.fetchFeeds({
+            cursor,
+            since: options?.since,
+            metadata: options?.metadata
+          });
+          this.upsertFeeds(roomId, result.feeds);
+          return result.nextCursor ?? null;
+        });
+        const signal = DerivedSignal.from(
+          resource.signal,
+          this.#feedsSignal,
+          (resourceResult, _signalState) => {
+            if (resourceResult.isLoading || resourceResult.error) {
+              return resourceResult;
+            }
+            const feedsMap = this.#feedsByRoomId.get(roomId);
+            const feeds = feedsMap ? Array.from(feedsMap.values()) : [];
+            const page = resourceResult.data;
+            return {
+              isLoading: false,
+              feeds,
+              hasFetchedAll: page.hasFetchedAll,
+              isFetchingMore: page.isFetchingMore,
+              fetchMoreError: page.fetchMoreError,
+              fetchMore: page.fetchMore
+            };
+          },
+          shallow2
+        );
+        return { signal, waitUntilLoaded: resource.waitUntilLoaded };
+      }
+    );
+    const loadingFeedMessages = new DefaultMap(
+      (queryKey) => {
+        const [roomId, feedId, options] = JSON.parse(queryKey);
+        const resource = new PaginatedResource(async (cursor) => {
+          const room = this.#client.getRoom(roomId);
+          if (room === null) {
+            throw new Error(
+              `Room '${roomId}' is not available on client. Make sure you're calling useFeedMessages inside a RoomProvider.`
+            );
+          }
+          const result = await room.fetchFeedMessages(feedId, {
+            cursor,
+            limit: options?.limit
+          });
+          this.upsertFeedMessages(roomId, feedId, result.messages);
+          return result.nextCursor ?? null;
+        });
+        const signal = DerivedSignal.from(
+          resource.signal,
+          this.#feedMessagesSignal,
+          (resourceResult, _signalState) => {
+            if (resourceResult.isLoading || resourceResult.error) {
+              return resourceResult;
+            }
+            const messagesMap = this.#feedMessagesByFeedId.get(feedId);
+            const messages = messagesMap ? Array.from(messagesMap.values()).sort(
+              (a, b) => a.timestamp - b.timestamp
+            ) : [];
+            const page = resourceResult.data;
+            return {
+              isLoading: false,
+              messages,
+              hasFetchedAll: page.hasFetchedAll,
+              isFetchingMore: page.isFetchingMore,
+              fetchMoreError: page.fetchMoreError,
+              fetchMore: page.fetchMore
+            };
+          },
+          shallow2
+        );
+        return { signal, waitUntilLoaded: resource.waitUntilLoaded };
+      }
+    );
     this.outputs = {
       threadifications,
       threads,
@@ -1365,7 +1466,9 @@ var UmbrellaStore = class {
       aiChats,
       messagesByChatId,
       aiChatById,
-      urlMetadataByUrl
+      urlMetadataByUrl,
+      loadingFeeds,
+      loadingFeedMessages
     };
     autobind(this);
   }
@@ -1586,6 +1689,64 @@ var UmbrellaStore = class {
       result.subscriptions.deleted
     );
   }
+  /**
+   * Upserts feeds in the cache (for list/added/updated operations).
+   */
+  upsertFeeds(roomId, feeds) {
+    let feedsMap = this.#feedsByRoomId.get(roomId);
+    if (!feedsMap) {
+      feedsMap = /* @__PURE__ */ new Map();
+      this.#feedsByRoomId.set(roomId, feedsMap);
+    }
+    for (const feed of feeds) {
+      feedsMap.set(feed.feedId, feed);
+    }
+    this.#feedsSignal.mutate((state) => {
+      state.version++;
+    });
+  }
+  /**
+   * Removes feeds from the cache (for deleted operations).
+   */
+  deleteFeeds(roomId, feeds) {
+    const feedsMap = this.#feedsByRoomId.get(roomId);
+    if (!feedsMap) return;
+    for (const feed of feeds) {
+      feedsMap.delete(feed.feedId);
+    }
+    this.#feedsSignal.mutate((state) => {
+      state.version++;
+    });
+  }
+  /**
+   * Upserts feed messages in the cache (for list/added/updated operations).
+   */
+  upsertFeedMessages(_roomId, feedId, messages) {
+    let messagesMap = this.#feedMessagesByFeedId.get(feedId);
+    if (!messagesMap) {
+      messagesMap = /* @__PURE__ */ new Map();
+      this.#feedMessagesByFeedId.set(feedId, messagesMap);
+    }
+    for (const message of messages) {
+      messagesMap.set(message.id, message);
+    }
+    this.#feedMessagesSignal.mutate((state) => {
+      state.version++;
+    });
+  }
+  /**
+   * Removes feed messages from the cache (for deleted operations).
+   */
+  deleteFeedMessages(_roomId, feedId, messages) {
+    const messagesMap = this.#feedMessagesByFeedId.get(feedId);
+    if (!messagesMap) return;
+    for (const message of messages) {
+      messagesMap.delete(message.id);
+    }
+    this.#feedMessagesSignal.mutate((state) => {
+      state.version++;
+    });
+  }
   async fetchUnreadNotificationsCount(queryKey, signal) {
     const query = JSON.parse(queryKey);
     const result = await this.#client.getUnreadInboxNotificationsCount({
@@ -3575,6 +3736,14 @@ function makeRoomContextBundle(client) {
     // prettier-ignore
     useMutation,
     useThreads,
+    useFeeds,
+    useFeedMessages,
+    useCreateFeed,
+    useDeleteFeed,
+    useUpdateFeedMetadata,
+    useCreateFeedMessage,
+    useDeleteFeedMessage,
+    useUpdateFeedMessage,
     useSearchComments,
     // prettier-ignore
     useCreateThread,
@@ -3624,6 +3793,14 @@ function makeRoomContextBundle(client) {
       // prettier-ignore
       useMutation,
       useThreads: useThreadsSuspense,
+      useFeeds: useFeedsSuspense,
+      useFeedMessages: useFeedMessagesSuspense,
+      useCreateFeed,
+      useDeleteFeed,
+      useUpdateFeedMetadata,
+      useCreateFeedMessage,
+      useDeleteFeedMessage,
+      useUpdateFeedMessage,
       // prettier-ignore
       useCreateThread,
       useDeleteThread,
@@ -3763,6 +3940,33 @@ function RoomProviderInner(props) {
       (message) => void handleCommentEvent(message)
     );
   }, [client, room]);
+  useEffect6(() => {
+    const { store } = getRoomExtrasForClient(client);
+    function handleFeedEvent(message) {
+      switch (message.type) {
+        case ServerMsgCode.FEEDS_ADDED:
+        case ServerMsgCode.FEEDS_UPDATED:
+          store.upsertFeeds(room.id, message.feeds);
+          break;
+        case ServerMsgCode.FEEDS_DELETED:
+          store.deleteFeeds(room.id, message.feeds);
+          break;
+        case ServerMsgCode.FEED_MESSAGES_ADDED:
+        case ServerMsgCode.FEED_MESSAGES_UPDATED:
+          store.upsertFeedMessages(room.id, message.feedId, message.messages);
+          break;
+        case ServerMsgCode.FEED_MESSAGES_DELETED:
+          store.deleteFeedMessages(room.id, message.feedId, message.messages);
+          break;
+        // FEEDS_LIST and FEED_MESSAGES_LIST are handled by fetch promise resolution in room.ts
+        default:
+          break;
+      }
+    }
+    return room.events.feeds.subscribe(
+      (message) => void handleFeedEvent(message)
+    );
+  }, [client, room]);
   useEffect6(() => {
     const pair = stableEnterRoom(roomId, frozenProps);
     setRoomLeavePair(pair);
@@ -4088,6 +4292,92 @@ function useThreads(options = {}) {
   useScrollToCommentOnLoadEffect(scrollOnLoad, result);
   return result;
 }
+function useFeeds(options) {
+  const room = useRoom();
+  const client = useClient();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeFeedsQueryKey(room.id, options);
+  const loadableResource = store.outputs.loadingFeeds.getOrCreate(queryKey);
+  useEffect6(() => {
+    void loadableResource.waitUntilLoaded();
+  });
+  return useSignal(loadableResource.signal);
+}
+function useFeedMessages(feedId, options) {
+  const room = useRoom();
+  const client = useClient();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeFeedMessagesQueryKey(room.id, feedId, options);
+  useEffect6(() => {
+    void store.outputs.loadingFeedMessages.getOrCreate(queryKey).waitUntilLoaded();
+  });
+  return useSignal(
+    store.outputs.loadingFeedMessages.getOrCreate(queryKey).signal
+  );
+}
+function useFeedsSuspense(options) {
+  ensureNotServerSide();
+  const client = useClient();
+  const room = useRoom();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeFeedsQueryKey(room.id, options);
+  use(store.outputs.loadingFeeds.getOrCreate(queryKey).waitUntilLoaded());
+  const result = useFeeds(options);
+  assert2(!result.error, "Did not expect error");
+  assert2(!result.isLoading, "Did not expect loading");
+  return result;
+}
+function useFeedMessagesSuspense(feedId, options) {
+  ensureNotServerSide();
+  const client = useClient();
+  const room = useRoom();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeFeedMessagesQueryKey(room.id, feedId, options);
+  use(store.outputs.loadingFeedMessages.getOrCreate(queryKey).waitUntilLoaded());
+  const result = useFeedMessages(feedId, options);
+  assert2(!result.error, "Did not expect error");
+  assert2(!result.isLoading, "Did not expect loading");
+  return result;
+}
+function useCreateFeed() {
+  const room = useRoom();
+  return useCallback3(
+    (feedId, options) => room.addFeed(feedId, options),
+    [room]
+  );
+}
+function useDeleteFeed() {
+  const room = useRoom();
+  return useCallback3((feedId) => room.deleteFeed(feedId), [room]);
+}
+function useUpdateFeedMetadata() {
+  const room = useRoom();
+  return useCallback3(
+    (feedId, metadata) => room.updateFeed(feedId, metadata),
+    [room]
+  );
+}
+function useCreateFeedMessage() {
+  const room = useRoom();
+  return useCallback3(
+    (feedId, data, options) => room.addFeedMessage(feedId, data, options),
+    [room]
+  );
+}
+function useDeleteFeedMessage() {
+  const room = useRoom();
+  return useCallback3(
+    (feedId, messageId) => room.deleteFeedMessage(feedId, messageId),
+    [room]
+  );
+}
+function useUpdateFeedMessage() {
+  const room = useRoom();
+  return useCallback3(
+    (feedId, messageId, data) => room.updateFeedMessage(feedId, messageId, data),
+    [room]
+  );
+}
 function useSearchComments(options) {
   const [result, setResult] = useState3({
     isLoading: true
@@ -5093,6 +5383,10 @@ var _useMyPresence = useMyPresence;
 var _useOthersMapped = useOthersMapped;
 var _useOthersMappedSuspense = useOthersMappedSuspense;
 var _useThreads = useThreads;
+var _useFeeds = useFeeds;
+var _useFeedMessages = useFeedMessages;
+var _useFeedsSuspense = useFeedsSuspense;
+var _useFeedMessagesSuspense = useFeedMessagesSuspense;
 var _useSearchComments = useSearchComments;
 var _useThreadsSuspense = useThreadsSuspense;
 var _useRoomSubscriptionSettings = useRoomSubscriptionSettings;
@@ -5179,6 +5473,12 @@ export {
   useCanUndo,
   useCanRedo,
   useOthersConnectionIds,
+  useCreateFeed,
+  useDeleteFeed,
+  useUpdateFeedMetadata,
+  useCreateFeedMessage,
+  useDeleteFeedMessage,
+  useUpdateFeedMessage,
   useCreateRoomThread,
   useDeleteRoomThread,
   useEditRoomThreadMetadata,
@@ -5225,6 +5525,10 @@ export {
   _useOthersMapped,
   _useOthersMappedSuspense,
   _useThreads,
+  _useFeeds,
+  _useFeedMessages,
+  _useFeedsSuspense,
+  _useFeedMessagesSuspense,
   _useSearchComments,
   _useThreadsSuspense,
   _useRoomSubscriptionSettings,
@@ -5242,4 +5546,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-EB7KWKMS.js.map
+//# sourceMappingURL=chunk-JQZ4SSGD.js.map