@liveblocks/react 2.24.0 → 2.25.0-aiprivatebeta0

package/dist/_private.cjs

@@ -24,7 +24,7 @@
 
 
 
-var _chunk32HQP5F6cjs = require('./chunk-32HQP5F6.cjs');
+var _chunkZGVKI7OMcjs = require('./chunk-ZGVKI7OM.cjs');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -37,8 +37,8 @@ var MENTION_SUGGESTIONS_DEBOUNCE = 500;
 function useMentionSuggestions(roomId, search) {
   const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
   const lastInvokedAt = _react.useRef.call(void 0, );
-  const resolveMentionSuggestions = _chunk32HQP5F6cjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunk32HQP5F6cjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunkZGVKI7OMcjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkZGVKI7OMcjs.useMentionSuggestionsCache.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (search === void 0 || !resolveMentionSuggestions) {
       return;
@@ -89,7 +89,7 @@ function useMentionSuggestions(roomId, search) {
 
 
 function useSyncSource() {
-  const client = _chunk32HQP5F6cjs.useClient.call(void 0, );
+  const client = _chunkZGVKI7OMcjs.useClient.call(void 0, );
   const createSyncSource = client[_core.kInternal].createSyncSource;
   const [syncSource, setSyncSource] = _react.useState.call(void 0, );
   _react.useEffect.call(void 0, () => {
@@ -127,5 +127,5 @@ function useSyncSource() {
 
 
 
-exports.getUmbrellaStoreForClient = _chunk32HQP5F6cjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunk32HQP5F6cjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunk32HQP5F6cjs.useClientOrNull; exports.useCreateRoomComment = _chunk32HQP5F6cjs.useCreateRoomComment; exports.useCreateRoomThread = _chunk32HQP5F6cjs.useCreateRoomThread; exports.useCreateTextMention = _chunk32HQP5F6cjs.useCreateTextMention; exports.useDeleteRoomComment = _chunk32HQP5F6cjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunk32HQP5F6cjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunk32HQP5F6cjs.useDeleteTextMention; exports.useEditRoomComment = _chunk32HQP5F6cjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunk32HQP5F6cjs.useEditRoomThreadMetadata; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunk32HQP5F6cjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunk32HQP5F6cjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunk32HQP5F6cjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunk32HQP5F6cjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunk32HQP5F6cjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunk32HQP5F6cjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunk32HQP5F6cjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunk32HQP5F6cjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunk32HQP5F6cjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunk32HQP5F6cjs.useRoomThreadSubscription; exports.useSignal = _chunk32HQP5F6cjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunk32HQP5F6cjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunk32HQP5F6cjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunkZGVKI7OMcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkZGVKI7OMcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkZGVKI7OMcjs.useClientOrNull; exports.useCreateRoomComment = _chunkZGVKI7OMcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkZGVKI7OMcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkZGVKI7OMcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkZGVKI7OMcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkZGVKI7OMcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkZGVKI7OMcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkZGVKI7OMcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkZGVKI7OMcjs.useEditRoomThreadMetadata; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkZGVKI7OMcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkZGVKI7OMcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkZGVKI7OMcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkZGVKI7OMcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkZGVKI7OMcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkZGVKI7OMcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkZGVKI7OMcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkZGVKI7OMcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkZGVKI7OMcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkZGVKI7OMcjs.useRoomThreadSubscription; exports.useSignal = _chunkZGVKI7OMcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkZGVKI7OMcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkZGVKI7OMcjs.useYjsProvider;
 //# sourceMappingURL=_private.cjs.map

package/dist/_private.d.cts

@@ -1,5 +1,5 @@
 import { useLayoutEffect as useLayoutEffect$1 } from 'react';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-CqT08uWZ.cjs';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-DmsjrDvP.cjs';
 import { ISignal, SyncSource } from '@liveblocks/core';
 import 'react/jsx-runtime';
 import '@liveblocks/client';

package/dist/_private.d.ts

@@ -1,5 +1,5 @@
 import { useLayoutEffect as useLayoutEffect$1 } from 'react';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-CqT08uWZ.js';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-DmsjrDvP.js';
 import { ISignal, SyncSource } from '@liveblocks/core';
 import 'react/jsx-runtime';
 import '@liveblocks/client';

package/dist/_private.js

@@ -24,7 +24,7 @@ import {
   useSignal,
   useSyncExternalStoreWithSelector,
   useYjsProvider
-} from "./chunk-N6OQQVYV.js";
+} from "./chunk-E6PCFJWE.js";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-2GC6FA36.js → chunk-3FZLUESM.js}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.24.0";
+var PKG_VERSION = "2.25.0-aiprivatebeta0";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-2GC6FA36.js.map
+//# sourceMappingURL=chunk-3FZLUESM.js.map

package/dist/{chunk-N6OQQVYV.js → chunk-E6PCFJWE.js}

@@ -86,8 +86,14 @@ function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnaps
 }
 
 // src/use-signal.ts
+import { MutableSignal } from "@liveblocks/core";
 var identity = (value) => value;
 function useSignal(signal, selector, isEqual) {
+  if (signal instanceof MutableSignal) {
+    throw new Error(
+      "Using a mutable Signal with useSignal will likely not work as expected."
+    );
+  }
   return useSyncExternalStoreWithSelector(
     signal.subscribe,
     signal.get,
@@ -243,7 +249,7 @@ import {
   getMentionedIdsFromCommentBody,
   getSubscriptionKey,
   kInternal,
-  MutableSignal as MutableSignal2,
+  MutableSignal as MutableSignal3,
   nanoid,
   nn,
   patchNotificationSettings,
@@ -271,7 +277,7 @@ function autobind(self) {
 }
 
 // src/ThreadDB.ts
-import { batch, MutableSignal, SortedList } from "@liveblocks/core";
+import { batch, MutableSignal as MutableSignal2, SortedList } from "@liveblocks/core";
 
 // src/lib/querying.ts
 import { isStartsWithOperator } from "@liveblocks/core";
@@ -332,7 +338,7 @@ var ThreadDB = class _ThreadDB {
       return d2 < d1 ? true : d2 === d1 ? t2.id < t1.id : false;
     });
     this.#byId = /* @__PURE__ */ new Map();
-    this.signal = new MutableSignal(this);
+    this.signal = new MutableSignal2(this);
   }
   //
   // Public APIs
@@ -583,7 +589,7 @@ var SinglePageResource = class {
   }
 };
 function createStore_forNotifications() {
-  const signal = new MutableSignal2(/* @__PURE__ */ new Map());
+  const signal = new MutableSignal3(/* @__PURE__ */ new Map());
   function markRead(notificationId, readAt) {
     signal.mutate((lut) => {
       const existing = lut.get(notificationId);
@@ -659,7 +665,7 @@ function createStore_forNotifications() {
   };
 }
 function createStore_forSubscriptions(updates, threads) {
-  const baseSignal = new MutableSignal2(/* @__PURE__ */ new Map());
+  const baseSignal = new MutableSignal3(/* @__PURE__ */ new Map());
   function applyDelta(newSubscriptions, deletedSubscriptions) {
     baseSignal.mutate((lut) => {
       let mutated = false;
@@ -697,7 +703,7 @@ function createStore_forSubscriptions(updates, threads) {
   };
 }
 function createStore_forRoomSubscriptionSettings(updates) {
-  const baseSignal = new MutableSignal2(/* @__PURE__ */ new Map());
+  const baseSignal = new MutableSignal3(/* @__PURE__ */ new Map());
   function update(roomId, settings) {
     baseSignal.mutate((lut) => {
       lut.set(roomId, settings);
@@ -714,7 +720,7 @@ function createStore_forRoomSubscriptionSettings(updates) {
   };
 }
 function createStore_forHistoryVersions() {
-  const baseSignal = new MutableSignal2(
+  const baseSignal = new MutableSignal3(
     new DefaultMap(() => /* @__PURE__ */ new Map())
   );
   function update(roomId, versions) {
@@ -740,7 +746,7 @@ function createStore_forHistoryVersions() {
   };
 }
 function createStore_forPermissionHints() {
-  const signal = new MutableSignal2(
+  const signal = new MutableSignal3(
     new DefaultMap(() => /* @__PURE__ */ new Set())
   );
   function update(newHints) {
@@ -866,6 +872,8 @@ var UmbrellaStore = class {
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
   // Notification Settings
   #notificationSettings;
+  // Copilot chats
+  #aiChats;
   constructor(client) {
     this.#client = client[kInternal].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -895,6 +903,12 @@ var UmbrellaStore = class {
     this.#notificationSettings = new SinglePageResource(
       notificationSettingsFetcher
     );
+    this.#aiChats = new PaginatedResource(async (cursor) => {
+      const result = await this.#client[kInternal].ai.getChats({
+        cursor
+      });
+      return result.nextCursor;
+    });
     this.threads = new ThreadDB();
     this.subscriptions = createStore_forSubscriptions(
       this.optimisticUpdates.signal,
@@ -1101,6 +1115,43 @@ var UmbrellaStore = class {
       }, shallow),
       waitUntilLoaded: this.#notificationSettings.waitUntilLoaded
     };
+    const aiChats = {
+      signal: DerivedSignal.from(() => {
+        const result = this.#aiChats.get();
+        if (result.isLoading || result.error) {
+          return result;
+        }
+        return {
+          isLoading: false,
+          chats: this.#client[kInternal].ai.signals.chats\u03A3.get(),
+          hasFetchedAll: result.data.hasFetchedAll,
+          isFetchingMore: result.data.isFetchingMore,
+          fetchMore: result.data.fetchMore,
+          fetchMoreError: result.data.fetchMoreError
+        };
+      }, shallow),
+      waitUntilLoaded: this.#aiChats.waitUntilLoaded
+    };
+    const messagesByChatId = new DefaultMap((chatId) => {
+      const resource\u03A3 = new SinglePageResource(async () => {
+        await this.#client[kInternal].ai.getMessageTree(chatId);
+      });
+      return new DefaultMap(
+        (branch) => {
+          const signal = DerivedSignal.from(() => {
+            const result = resource\u03A3.get();
+            if (result.isLoading || result.error) {
+              return result;
+            }
+            return ASYNC_OK(
+              "messages",
+              this.#client[kInternal].ai.signals.getChatMessagesForBranch\u03A3(chatId, branch ?? void 0).get()
+            );
+          });
+          return { signal, waitUntilLoaded: resource\u03A3.waitUntilLoaded };
+        }
+      );
+    });
     this.outputs = {
       threadifications,
       threads,
@@ -1111,7 +1162,9 @@ var UmbrellaStore = class {
       roomSubscriptionSettingsByRoomId,
       versionsByRoomId,
       notificationSettings,
-      threadSubscriptions
+      threadSubscriptions,
+      aiChats,
+      messagesByChatId
     };
     autobind(this);
   }
@@ -1990,6 +2043,10 @@ function makeLiveblocksContextBundle(client) {
     useUpdateNotificationSettings: useUpdateNotificationSettings2,
     useInboxNotificationThread: useInboxNotificationThread2,
     useUserThreads_experimental,
+    useAiChats,
+    useAiChatMessages,
+    useCreateAiChat,
+    useDeleteAiChat,
     ...shared.classic,
     suspense: {
       LiveblocksProvider: LiveblocksProvider2,
@@ -2003,6 +2060,10 @@ function makeLiveblocksContextBundle(client) {
       useNotificationSettings: () => useNotificationSettingsSuspense_withClient(client),
       useUpdateNotificationSettings: useUpdateNotificationSettings2,
       useUserThreads_experimental: useUserThreadsSuspense_experimental,
+      useAiChats: useAiChatsSuspense,
+      useAiChatMessages: useAiChatMessagesSuspense,
+      useCreateAiChat,
+      useDeleteAiChat,
       ...shared.suspense
     }
   };
@@ -2375,6 +2436,88 @@ function useRoomInfoSuspense_withClient(client, roomId) {
     error: void 0
   };
 }
+function useAiChats() {
+  const client = useClient();
+  const store = getUmbrellaStoreForClient(client);
+  useEffect3(
+    () => void store.outputs.aiChats.waitUntilLoaded()
+    // NOTE: Deliberately *not* using a dependency array here!
+    //
+    // It is important to call waitUntil on *every* render.
+    // This is harmless though, on most renders, except:
+    // 1. The very first render, in which case we'll want to trigger the initial page fetch.
+    // 2. All other subsequent renders now "just" return the same promise (a quick operation).
+    // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
+    //    *next* render after that, a *new* fetch/promise will get created.
+  );
+  return useSignal(store.outputs.aiChats.signal, identity2, shallow3);
+}
+function useAiChatsSuspense() {
+  ensureNotServerSide();
+  const client = useClient();
+  const store = getUmbrellaStoreForClient(client);
+  use(store.outputs.aiChats.waitUntilLoaded());
+  const result = useAiChats();
+  assert(!result.error, "Did not expect error");
+  assert(!result.isLoading, "Did not expect loading");
+  return result;
+}
+function useAiChatMessages(chatId, branch) {
+  const client = useClient();
+  const store = getUmbrellaStoreForClient(client);
+  useEffect3(
+    () => void store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(branch ?? null).waitUntilLoaded()
+    // NOTE: Deliberately *not* using a dependency array here!
+    //
+    // It is important to call waitUntil on *every* render.
+    // This is harmless though, on most renders, except:
+    // 1. The very first render, in which case we'll want to trigger the initial page fetch.
+    // 2. All other subsequent renders now "just" return the same promise (a quick operation).
+    // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
+    //    *next* render after that, a *new* fetch/promise will get created.
+  );
+  return useSignal(
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(branch ?? null).signal
+  );
+}
+function useAiChatMessagesSuspense(chatId, branch) {
+  ensureNotServerSide();
+  const client = useClient();
+  const store = getUmbrellaStoreForClient(client);
+  use(
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(branch ?? null).waitUntilLoaded()
+  );
+  const result = useAiChatMessages(chatId, branch);
+  assert(!result.error, "Did not expect error");
+  assert(!result.isLoading, "Did not expect loading");
+  return result;
+}
+function useCreateAiChat() {
+  const client = useClient();
+  return useCallback2(
+    (options) => {
+      client[kInternal2].ai.createChat(options.id).catch((err) => {
+        console.error(
+          `Failed to create chat with ID "${options.id}": ${String(err)}`
+        );
+      });
+    },
+    [client]
+  );
+}
+function useDeleteAiChat() {
+  const client = useClient();
+  return useCallback2(
+    (chatId) => {
+      client[kInternal2].ai.deleteChat(chatId).catch((err) => {
+        console.error(
+          `Failed to delete chat with ID "${chatId}": ${String(err)}`
+        );
+      });
+    },
+    [client]
+  );
+}
 function createSharedContext(client) {
   const useClient2 = () => client;
   function useSyncStatus2(options) {
@@ -2445,6 +2588,12 @@ function LiveblocksProvider(props) {
     )
   };
   const client = useMemo2(() => createClient(options), []);
+  useEffect3(() => {
+    client[kInternal2].ai.connect();
+    return () => {
+      client[kInternal2].ai.disconnect();
+    };
+  }, [client]);
   return /* @__PURE__ */ jsx(LiveblocksProviderWithClient, { client, children });
 }
 function createLiveblocksContext(client) {
@@ -2545,6 +2694,10 @@ var _useUser = useUser;
 var _useUserSuspense = useUserSuspense;
 var _useUserThreads_experimental = useUserThreads_experimental;
 var _useUserThreadsSuspense_experimental = useUserThreadsSuspense_experimental;
+var _useAiChats = useAiChats;
+var _useAiChatsSuspense = useAiChatsSuspense;
+var _useAiChatMessages = useAiChatMessages;
+var _useAiChatMessagesSuspense = useAiChatMessagesSuspense;
 function useSyncStatus_withClient(client, options) {
   const smooth = useInitial(options?.smooth ?? false);
   if (smooth) {
@@ -4356,6 +4509,8 @@ export {
   useSignal,
   ClientContext,
   getUmbrellaStoreForClient,
+  useCreateAiChat,
+  useDeleteAiChat,
   useClientOrNull,
   useClient,
   LiveblocksProvider,
@@ -4378,6 +4533,10 @@ export {
   _useUserSuspense,
   _useUserThreads_experimental,
   _useUserThreadsSuspense_experimental,
+  _useAiChats,
+  _useAiChatsSuspense,
+  _useAiChatMessages,
+  _useAiChatMessagesSuspense,
   useSyncStatus,
   useErrorListener,
   useStatus,
@@ -4461,4 +4620,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-N6OQQVYV.js.map
+//# sourceMappingURL=chunk-E6PCFJWE.js.map