@liveblocks/react 3.10.1 → 3.11.1

package/dist/_private.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunkNGMOQDHXcjs = require('./chunk-NGMOQDHX.cjs');
+var _chunkQT34ZNVCcjs = require('./chunk-QT34ZNVC.cjs');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -50,7 +50,7 @@ function selectorFor_useGroup(state) {
   };
 }
 function useGroup(groupId) {
-  const client = _chunkNGMOQDHXcjs.useClient.call(void 0, );
+  const client = _chunkQT34ZNVCcjs.useClient.call(void 0, );
   const store = client[_core.kInternal].httpClient.groupsStore;
   const getGroupState = _react.useCallback.call(void 0, 
     () => store.getItemState(groupId),
@@ -59,7 +59,7 @@ function useGroup(groupId) {
   _react.useEffect.call(void 0, () => {
     void store.enqueue(groupId);
   }, [store, groupId]);
-  return _chunkNGMOQDHXcjs.useSyncExternalStoreWithSelector.call(void 0, 
+  return _chunkQT34ZNVCcjs.useSyncExternalStoreWithSelector.call(void 0, 
     store.subscribe,
     getGroupState,
     getGroupState,
@@ -80,8 +80,8 @@ function normalizeMentionSuggestions(suggestions) {
 function useMentionSuggestions(roomId, search) {
   const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
   const lastInvokedAt = _react.useRef.call(void 0, );
-  const resolveMentionSuggestions = _chunkNGMOQDHXcjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunkNGMOQDHXcjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunkQT34ZNVCcjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkQT34ZNVCcjs.useMentionSuggestionsCache.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (search === void 0 || !resolveMentionSuggestions) {
       return;
@@ -136,7 +136,7 @@ function useMentionSuggestions(roomId, search) {
 
 
 function useSyncSource() {
-  const client = _chunkNGMOQDHXcjs.useClient.call(void 0, );
+  const client = _chunkQT34ZNVCcjs.useClient.call(void 0, );
   const createSyncSource = client[_core.kInternal].createSyncSource;
   const [syncSource, setSyncSource] = _react.useState.call(void 0, );
   _react.useEffect.call(void 0, () => {
@@ -176,5 +176,5 @@ function useSyncSource() {
 
 
 
-exports.getUmbrellaStoreForClient = _chunkNGMOQDHXcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkNGMOQDHXcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkNGMOQDHXcjs.useClientOrNull; exports.useCreateRoomComment = _chunkNGMOQDHXcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkNGMOQDHXcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkNGMOQDHXcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkNGMOQDHXcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkNGMOQDHXcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkNGMOQDHXcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkNGMOQDHXcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkNGMOQDHXcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkNGMOQDHXcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkNGMOQDHXcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkNGMOQDHXcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkNGMOQDHXcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkNGMOQDHXcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkNGMOQDHXcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkNGMOQDHXcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkNGMOQDHXcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkNGMOQDHXcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkNGMOQDHXcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkNGMOQDHXcjs.useRoomThreadSubscription; exports.useSignal = _chunkNGMOQDHXcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkNGMOQDHXcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkNGMOQDHXcjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunkQT34ZNVCcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkQT34ZNVCcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkQT34ZNVCcjs.useClientOrNull; exports.useCreateRoomComment = _chunkQT34ZNVCcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkQT34ZNVCcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkQT34ZNVCcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkQT34ZNVCcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkQT34ZNVCcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkQT34ZNVCcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkQT34ZNVCcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkQT34ZNVCcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkQT34ZNVCcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkQT34ZNVCcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkQT34ZNVCcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkQT34ZNVCcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkQT34ZNVCcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkQT34ZNVCcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkQT34ZNVCcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkQT34ZNVCcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkQT34ZNVCcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkQT34ZNVCcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkQT34ZNVCcjs.useRoomThreadSubscription; exports.useSignal = _chunkQT34ZNVCcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkQT34ZNVCcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkQT34ZNVCcjs.useYjsProvider;
 //# sourceMappingURL=_private.cjs.map

package/dist/_private.d.cts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-BZvk8RRP.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-BZvk8RRP.cjs';
+import { G as GroupAsyncResult } from './room-Bff8edwh.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-Bff8edwh.cjs';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.d.ts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-BZvk8RRP.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-BZvk8RRP.js';
+import { G as GroupAsyncResult } from './room-Bff8edwh.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-Bff8edwh.js';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.js

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

package/dist/{chunk-D6UAN4PO.cjs → chunk-DZM2OBXO.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.10.1";
+var PKG_VERSION = "3.11.1";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-D6UAN4PO.cjs.map
+//# sourceMappingURL=chunk-DZM2OBXO.cjs.map

package/dist/{chunk-D6UAN4PO.cjs.map → chunk-DZM2OBXO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-D6UAN4PO.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,QAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-D6UAN4PO.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-DZM2OBXO.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,QAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-DZM2OBXO.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-J2LMX3A6.js → chunk-JOZ4BQWH.js}

@@ -3302,7 +3302,8 @@ import {
   HttpError as HttpError2,
   kInternal as kInternal4,
   makePoller as makePoller2,
-  ServerMsgCode
+  ServerMsgCode,
+  stableStringify as stableStringify2
 } from "@liveblocks/core";
 import {
   useCallback as useCallback3,
@@ -3521,6 +3522,7 @@ function makeRoomContextBundle(client) {
     useOther,
     useMutation,
     useThreads,
+    useSearchComments,
     useCreateThread,
     useDeleteThread,
     useEditThreadMetadata,
@@ -4026,6 +4028,57 @@ function useThreads(options = {}) {
   useScrollToCommentOnLoadEffect(scrollOnLoad, result);
   return result;
 }
+function useSearchComments(options) {
+  const [result, setResult] = useState3({
+    isLoading: true
+  });
+  const currentRequestInfo = useRef3(null);
+  const timeout = useRef3(null);
+  const client = useClient();
+  const room = useRoom();
+  const queryKey = stableStringify2([room.id, options.query]);
+  useEffect6(() => {
+    const currentRequestId = (currentRequestInfo.current?.id ?? 0) + 1;
+    const controller = new AbortController();
+    currentRequestInfo.current = { id: currentRequestId, controller };
+    setResult((result2) => {
+      if (result2.isLoading) return result2;
+      return { isLoading: true };
+    });
+    timeout.current = window.setTimeout(
+      () => {
+        client[kInternal4].httpClient.searchComments(
+          {
+            roomId: room.id,
+            query: options.query
+          },
+          { signal: controller.signal }
+        ).then(({ data }) => {
+          if (controller.signal.aborted) return;
+          if (currentRequestInfo.current?.id !== currentRequestId) return;
+          setResult({ isLoading: false, results: data });
+          currentRequestInfo.current = null;
+        }).catch((err) => {
+          if (controller.signal.aborted) return;
+          if (currentRequestInfo.current?.id !== currentRequestId) return;
+          setResult({ isLoading: false, error: err });
+          currentRequestInfo.current = null;
+        });
+      },
+      300
+      /* debounce time */
+    );
+    return () => {
+      if (timeout.current !== null) {
+        window.clearTimeout(timeout.current);
+      }
+      if (currentRequestInfo.current !== null) {
+        currentRequestInfo.current.controller.abort();
+      }
+    };
+  }, [queryKey, client, room.id]);
+  return result;
+}
 function useCreateThread() {
   return useCreateRoomThread(useRoom().id);
 }
@@ -4887,6 +4940,7 @@ var _useMyPresence = useMyPresence;
 var _useOthersMapped = useOthersMapped;
 var _useOthersMappedSuspense = useOthersMappedSuspense;
 var _useThreads = useThreads;
+var _useSearchComments = useSearchComments;
 var _useThreadsSuspense = useThreadsSuspense;
 var _useRoomSubscriptionSettings = useRoomSubscriptionSettings;
 var _useRoomSubscriptionSettingsSuspense = useRoomSubscriptionSettingsSuspense;
@@ -5017,6 +5071,7 @@ export {
   _useOthersMapped,
   _useOthersMappedSuspense,
   _useThreads,
+  _useSearchComments,
   _useThreadsSuspense,
   _useRoomSubscriptionSettings,
   _useRoomSubscriptionSettingsSuspense,
@@ -5033,4 +5088,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-J2LMX3A6.js.map
+//# sourceMappingURL=chunk-JOZ4BQWH.js.map