@liveblocks/react 3.13.0-ack1 → 3.13.0-metadata2

package/dist/_private.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunkWH55MUS4cjs = require('./chunk-WH55MUS4.cjs');
+var _chunkLLFEY367cjs = require('./chunk-LLFEY367.cjs');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -50,7 +50,7 @@ function selectorFor_useGroup(state) {
   };
 }
 function useGroup(groupId) {
-  const client = _chunkWH55MUS4cjs.useClient.call(void 0, );
+  const client = _chunkLLFEY367cjs.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 _chunkWH55MUS4cjs.useSyncExternalStoreWithSelector.call(void 0, 
+  return _chunkLLFEY367cjs.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 = _chunkWH55MUS4cjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunkWH55MUS4cjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunkLLFEY367cjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkLLFEY367cjs.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 = _chunkWH55MUS4cjs.useClient.call(void 0, );
+  const client = _chunkLLFEY367cjs.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 = _chunkWH55MUS4cjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkWH55MUS4cjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkWH55MUS4cjs.useClientOrNull; exports.useCreateRoomComment = _chunkWH55MUS4cjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkWH55MUS4cjs.useCreateRoomThread; exports.useCreateTextMention = _chunkWH55MUS4cjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkWH55MUS4cjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkWH55MUS4cjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkWH55MUS4cjs.useDeleteTextMention; exports.useEditRoomComment = _chunkWH55MUS4cjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkWH55MUS4cjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkWH55MUS4cjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkWH55MUS4cjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkWH55MUS4cjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkWH55MUS4cjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkWH55MUS4cjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkWH55MUS4cjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkWH55MUS4cjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkWH55MUS4cjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkWH55MUS4cjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkWH55MUS4cjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkWH55MUS4cjs.useRoomThreadSubscription; exports.useSignal = _chunkWH55MUS4cjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkWH55MUS4cjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkWH55MUS4cjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunkLLFEY367cjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkLLFEY367cjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkLLFEY367cjs.useClientOrNull; exports.useCreateRoomComment = _chunkLLFEY367cjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkLLFEY367cjs.useCreateRoomThread; exports.useCreateTextMention = _chunkLLFEY367cjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkLLFEY367cjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkLLFEY367cjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkLLFEY367cjs.useDeleteTextMention; exports.useEditRoomComment = _chunkLLFEY367cjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkLLFEY367cjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkLLFEY367cjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkLLFEY367cjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkLLFEY367cjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkLLFEY367cjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkLLFEY367cjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkLLFEY367cjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkLLFEY367cjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkLLFEY367cjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkLLFEY367cjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkLLFEY367cjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkLLFEY367cjs.useRoomThreadSubscription; exports.useSignal = _chunkLLFEY367cjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkLLFEY367cjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkLLFEY367cjs.useYjsProvider;
 //# sourceMappingURL=_private.cjs.map

package/dist/_private.d.cts

@@ -1,5 +1,5 @@
-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 { G as GroupAsyncResult } from './room-BfuWPyZs.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-BfuWPyZs.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-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 { G as GroupAsyncResult } from './room-BfuWPyZs.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-BfuWPyZs.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-ZDBJCDFH.js";
+} from "./chunk-W4NENJZ5.js";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-ONFO7EAV.js → chunk-DJEC2TEZ.js}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.13.0-ack1";
+var PKG_VERSION = "3.13.0-metadata2";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-ONFO7EAV.js.map
+//# sourceMappingURL=chunk-DJEC2TEZ.js.map

package/dist/{chunk-U3DNN4V2.cjs → chunk-EF7B6QS4.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.13.0-ack1";
+var PKG_VERSION = "3.13.0-metadata2";
 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-U3DNN4V2.cjs.map
+//# sourceMappingURL=chunk-EF7B6QS4.cjs.map

package/dist/chunk-EF7B6QS4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-EF7B6QS4.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,kBAAA;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-EF7B6QS4.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-WH55MUS4.cjs → chunk-LLFEY367.cjs}

@@ -330,7 +330,7 @@ function find(it, predicate) {
 
 
 function makeThreadsFilter(query, subscriptions) {
-  return (thread) => matchesThreadsQuery(thread, query, subscriptions) && matchesMetadata(thread, query);
+  return (thread) => matchesThreadsQuery(thread, query, subscriptions) && matchesThreadMetadata(thread, query);
 }
 function matchesThreadsQuery(thread, q, subscriptions) {
   let subscription = void 0;
@@ -339,7 +339,7 @@ function matchesThreadsQuery(thread, q, subscriptions) {
   }
   return (q.resolved === void 0 || thread.resolved === q.resolved) && (q.subscribed === void 0 || q.subscribed === true && subscription !== void 0 || q.subscribed === false && subscription === void 0);
 }
-function matchesMetadata(thread, q) {
+function matchesThreadMetadata(thread, q) {
   const metadata = thread.metadata;
   return q.metadata === void 0 || Object.entries(q.metadata).every(
     ([key, op]) => (
@@ -1519,6 +1519,26 @@ var UmbrellaStore = class {
       (thread) => applyUpsertComment(thread, editedComment)
     );
   }
+  editCommentMetadata(threadId, commentId, optimisticId, updatedMetadata, updatedAt) {
+    return this.#updateThread(
+      threadId,
+      optimisticId,
+      (thread) => {
+        const comment = thread.comments.find((c) => c.id === commentId);
+        if (comment === void 0) {
+          return thread;
+        }
+        return {
+          ...thread,
+          updatedAt,
+          comments: thread.comments.map(
+            (c) => c.id === commentId ? { ...c, metadata: updatedMetadata } : c
+          )
+        };
+      },
+      updatedAt
+    );
+  }
   deleteComment(threadId, optimisticId, commentId, deletedAt) {
     return this.#updateThread(
       threadId,
@@ -1724,6 +1744,27 @@ function applyOptimisticUpdates_forThreadifications(baseThreadsDB, notifications
         threadsDB.upsert(applyUpsertComment(thread, optimisticUpdate.comment));
         break;
       }
+      case "edit-comment-metadata": {
+        const thread = threadsDB.get(optimisticUpdate.threadId);
+        if (thread === void 0) break;
+        if (thread.updatedAt > optimisticUpdate.updatedAt) {
+          break;
+        }
+        const existingComment = thread.comments.find(
+          (c) => c.id === optimisticUpdate.commentId
+        );
+        if (existingComment === void 0) break;
+        threadsDB.upsert(
+          applyUpsertComment(thread, {
+            ...existingComment,
+            metadata: {
+              ...existingComment.metadata,
+              ...optimisticUpdate.metadata
+            }
+          })
+        );
+        break;
+      }
       case "delete-comment": {
         const thread = threadsDB.get(optimisticUpdate.threadId);
         if (thread === void 0) break;
@@ -1930,7 +1971,20 @@ function applyUpsertComment(thread, comment) {
     return updatedThread;
   }
   if (existingComment.deletedAt !== void 0) {
-    return thread;
+    const updatedComment = {
+      ...existingComment,
+      metadata: {
+        ...existingComment.metadata,
+        ...comment.metadata
+      }
+    };
+    const updatedComments = thread.comments.map(
+      (c) => c.id === comment.id ? updatedComment : c
+    );
+    return {
+      ...thread,
+      comments: updatedComments
+    };
   }
   if (existingComment.editedAt === void 0 || comment.editedAt === void 0 || existingComment.editedAt <= comment.editedAt) {
     const updatedComments = thread.comments.map(
@@ -3521,9 +3575,11 @@ function makeRoomContextBundle(client) {
     useOthersMapped,
     useOthersConnectionIds,
     useOther,
+    // prettier-ignore
     useMutation,
     useThreads,
     useSearchComments,
+    // prettier-ignore
     useCreateThread,
     useDeleteThread,
     useEditThreadMetadata,
@@ -3533,6 +3589,7 @@ function makeRoomContextBundle(client) {
     useUnsubscribeFromThread,
     useCreateComment,
     useEditComment,
+    useEditCommentMetadata,
     useDeleteComment,
     useAddReaction,
     useRemoveReaction,
@@ -3567,8 +3624,10 @@ function makeRoomContextBundle(client) {
       useOthersMapped: useOthersMappedSuspense,
       useOthersConnectionIds: useOthersConnectionIdsSuspense,
       useOther: useOtherSuspense,
+      // prettier-ignore
       useMutation,
       useThreads: useThreadsSuspense,
+      // prettier-ignore
       useCreateThread,
       useDeleteThread,
       useEditThreadMetadata,
@@ -3578,6 +3637,7 @@ function makeRoomContextBundle(client) {
       useUnsubscribeFromThread,
       useCreateComment,
       useEditComment,
+      useEditCommentMetadata,
       useDeleteComment,
       useAddReaction,
       useRemoveReaction,
@@ -3646,7 +3706,8 @@ function RoomProviderInner(props) {
     {
       initialPresence: props.initialPresence,
       initialStorage: props.initialStorage,
-      autoConnect: _nullishCoalesce(props.autoConnect, () => ( typeof window !== "undefined"))
+      autoConnect: _nullishCoalesce(props.autoConnect, () => ( typeof window !== "undefined")),
+      engine: props.engine
     },
     roomId
   );
@@ -3682,6 +3743,7 @@ function RoomProviderInner(props) {
         case _core.ServerMsgCode.COMMENT_REACTION_ADDED:
         case _core.ServerMsgCode.COMMENT_REACTION_REMOVED:
         case _core.ServerMsgCode.COMMENT_DELETED:
+        case _core.ServerMsgCode.COMMENT_METADATA_UPDATED:
           if (!existingThread) break;
           store.updateThreadifications(
             [thread],
@@ -4089,6 +4151,7 @@ function useCreateRoomThread(roomId) {
     (options) => {
       const body = options.body;
       const metadata = _nullishCoalesce(options.metadata, () => ( {}));
+      const commentMetadata = _nullishCoalesce(options.commentMetadata, () => ( {}));
       const attachments = options.attachments;
       const threadId = _core.createThreadId.call(void 0, );
       const commentId = _core.createCommentId.call(void 0, );
@@ -4102,7 +4165,8 @@ function useCreateRoomThread(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: _nullishCoalesce(attachments, () => ( []))
+        attachments: _nullishCoalesce(attachments, () => ( [])),
+        metadata: commentMetadata
       };
       const newThread = {
         id: threadId,
@@ -4127,6 +4191,7 @@ function useCreateRoomThread(roomId) {
         commentId,
         body,
         metadata,
+        commentMetadata,
         attachmentIds
       }).then(
         (thread) => {
@@ -4140,7 +4205,8 @@ function useCreateRoomThread(roomId) {
             threadId,
             commentId,
             body,
-            metadata
+            metadata,
+            commentMetadata
           },
           err
         )
@@ -4223,13 +4289,65 @@ function useEditRoomThreadMetadata(roomId) {
     [client, roomId]
   );
 }
+function useEditCommentMetadata() {
+  return useEditRoomCommentMetadata(useRoom().id);
+}
+function useEditRoomCommentMetadata(roomId) {
+  const client = useClient();
+  return _react.useCallback.call(void 0, 
+    (options) => {
+      if (!options.metadata) {
+        return;
+      }
+      const threadId = options.threadId;
+      const commentId = options.commentId;
+      const metadata = options.metadata;
+      const updatedAt = /* @__PURE__ */ new Date();
+      const { store, onMutationFailure } = getRoomExtrasForClient(client);
+      const optimisticId = store.optimisticUpdates.add({
+        type: "edit-comment-metadata",
+        threadId,
+        commentId,
+        metadata,
+        updatedAt
+      });
+      client[_core.kInternal].httpClient.editCommentMetadata({ roomId, threadId, commentId, metadata }).then(
+        (updatedMetadata) => (
+          // Replace the optimistic update by the real thing
+          store.editCommentMetadata(
+            threadId,
+            commentId,
+            optimisticId,
+            updatedMetadata,
+            updatedAt
+          )
+        ),
+        (err) => onMutationFailure(
+          optimisticId,
+          {
+            type: "EDIT_COMMENT_METADATA_ERROR",
+            roomId,
+            threadId,
+            commentId,
+            metadata
+          },
+          err
+        )
+      );
+    },
+    [client, roomId]
+  );
+}
 function useCreateComment() {
   return useCreateRoomComment(useRoom().id);
 }
 function useCreateRoomComment(roomId) {
   const client = useClient();
   return _react.useCallback.call(void 0, 
-    ({ threadId, body, attachments }) => {
+    (options) => {
+      const { threadId, body } = options;
+      const metadata = _nullishCoalesce(options.metadata, () => ( {}));
+      const attachments = _nullishCoalesce(options.attachments, () => ( []));
       const commentId = _core.createCommentId.call(void 0, );
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -4241,7 +4359,8 @@ function useCreateRoomComment(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: _nullishCoalesce(attachments, () => ( []))
+        attachments: _nullishCoalesce(attachments, () => ( [])),
+        metadata
       };
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticId = store.optimisticUpdates.add({
@@ -4249,7 +4368,14 @@ function useCreateRoomComment(roomId) {
         comment
       });
       const attachmentIds = _optionalChain([attachments, 'optionalAccess', _57 => _57.map, 'call', _58 => _58((attachment) => attachment.id)]);
-      client[_core.kInternal].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[_core.kInternal].httpClient.createComment({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        metadata,
+        attachmentIds
+      }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
         },
@@ -4260,7 +4386,8 @@ function useCreateRoomComment(roomId) {
             roomId,
             threadId,
             commentId,
-            body
+            body,
+            metadata
           },
           err
         )
@@ -4276,7 +4403,13 @@ function useEditComment() {
 function useEditRoomComment(roomId) {
   const client = useClient();
   return _react.useCallback.call(void 0, 
-    ({ threadId, commentId, body, attachments }) => {
+    ({
+      threadId,
+      commentId,
+      body,
+      attachments,
+      metadata
+    }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const existing = store.outputs.threads.get().getEvenIfDeleted(threadId);
@@ -4295,23 +4428,42 @@ function useEditRoomComment(roomId) {
         );
         return;
       }
+      const updatedMetadata = metadata !== void 0 ? {
+        ...comment.metadata,
+        ...metadata
+      } : comment.metadata;
       const optimisticId = store.optimisticUpdates.add({
         type: "edit-comment",
         comment: {
           ...comment,
           editedAt,
           body,
-          attachments: _nullishCoalesce(attachments, () => ( []))
+          attachments: _nullishCoalesce(attachments, () => ( [])),
+          metadata: updatedMetadata
         }
       });
       const attachmentIds = _optionalChain([attachments, 'optionalAccess', _59 => _59.map, 'call', _60 => _60((attachment) => attachment.id)]);
-      client[_core.kInternal].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[_core.kInternal].httpClient.editComment({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        attachmentIds,
+        metadata
+      }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticId, editedComment);
         },
         (err) => onMutationFailure(
           optimisticId,
-          { type: "EDIT_COMMENT_ERROR", roomId, threadId, commentId, body },
+          {
+            type: "EDIT_COMMENT_ERROR",
+            roomId,
+            threadId,
+            commentId,
+            body,
+            metadata: updatedMetadata
+          },
           err
         )
       );
@@ -4936,6 +5088,9 @@ var _useMutation = useMutation;
 var _useCreateThread = useCreateThread;
 var _useDeleteThread = useDeleteThread;
 var _useEditThreadMetadata = useEditThreadMetadata;
+var _useCreateComment = useCreateComment;
+var _useEditComment = useEditComment;
+var _useEditCommentMetadata = useEditCommentMetadata;
 var _useEventListener = useEventListener;
 var _useMyPresence = useMyPresence;
 var _useOthersMapped = useOthersMapped;
@@ -5088,5 +5243,6 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 
-exports.ClientContext = ClientContext; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.RoomContext = RoomContext; exports.useLatest = useLatest; exports.RegisterAiKnowledge = RegisterAiKnowledge; exports.RegisterAiTool = RegisterAiTool; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useCreateAiChat = useCreateAiChat; exports.useDeleteAiChat = useDeleteAiChat; exports.useAiChatStatus = useAiChatStatus; exports.useSendAiMessage = useSendAiMessage; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useNotificationSettings = useNotificationSettings; exports.useNotificationSettingsSuspense = useNotificationSettingsSuspense; exports.useUpdateNotificationSettings = useUpdateNotificationSettings; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports.useGroupInfo = useGroupInfo; exports.useGroupInfoSuspense = useGroupInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports._useAiChats = _useAiChats; exports._useAiChatsSuspense = _useAiChatsSuspense; exports._useAiChat = _useAiChat; exports._useAiChatSuspense = _useAiChatSuspense; exports._useAiChatMessages = _useAiChatMessages; exports._useAiChatMessagesSuspense = _useAiChatMessagesSuspense; exports._useUrlMetadata = _useUrlMetadata; exports._useUrlMetadataSuspense = _useUrlMetadataSuspense; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateComment = useCreateComment; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditComment = useEditComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useSubscribeToThread = useSubscribeToThread; exports.useUnsubscribeFromThread = useUnsubscribeFromThread; exports.useThreadSubscription = useThreadSubscription; exports.useRoomThreadSubscription = useRoomThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomSubscriptionSettings = useUpdateRoomSubscriptionSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useSearchComments = _useSearchComments; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomSubscriptionSettings = _useRoomSubscriptionSettings; exports._useRoomSubscriptionSettingsSuspense = _useRoomSubscriptionSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
-//# sourceMappingURL=chunk-WH55MUS4.cjs.map
+
+exports.ClientContext = ClientContext; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.RoomContext = RoomContext; exports.useLatest = useLatest; exports.RegisterAiKnowledge = RegisterAiKnowledge; exports.RegisterAiTool = RegisterAiTool; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useCreateAiChat = useCreateAiChat; exports.useDeleteAiChat = useDeleteAiChat; exports.useAiChatStatus = useAiChatStatus; exports.useSendAiMessage = useSendAiMessage; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useNotificationSettings = useNotificationSettings; exports.useNotificationSettingsSuspense = useNotificationSettingsSuspense; exports.useUpdateNotificationSettings = useUpdateNotificationSettings; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports.useGroupInfo = useGroupInfo; exports.useGroupInfoSuspense = useGroupInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports._useAiChats = _useAiChats; exports._useAiChatsSuspense = _useAiChatsSuspense; exports._useAiChat = _useAiChat; exports._useAiChatSuspense = _useAiChatSuspense; exports._useAiChatMessages = _useAiChatMessages; exports._useAiChatMessagesSuspense = _useAiChatMessagesSuspense; exports._useUrlMetadata = _useUrlMetadata; exports._useUrlMetadataSuspense = _useUrlMetadataSuspense; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useSubscribeToThread = useSubscribeToThread; exports.useUnsubscribeFromThread = useUnsubscribeFromThread; exports.useThreadSubscription = useThreadSubscription; exports.useRoomThreadSubscription = useRoomThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomSubscriptionSettings = useUpdateRoomSubscriptionSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useCreateComment = _useCreateComment; exports._useEditComment = _useEditComment; exports._useEditCommentMetadata = _useEditCommentMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useSearchComments = _useSearchComments; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomSubscriptionSettings = _useRoomSubscriptionSettings; exports._useRoomSubscriptionSettingsSuspense = _useRoomSubscriptionSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
+//# sourceMappingURL=chunk-LLFEY367.cjs.map