@liveblocks/react 3.13.0-ack1 → 3.13.0-metadata1

package/dist/_private.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunkWH55MUS4cjs = require('./chunk-WH55MUS4.cjs');
+var _chunkUTYX6TS4cjs = require('./chunk-UTYX6TS4.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 = _chunkUTYX6TS4cjs.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 _chunkUTYX6TS4cjs.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 = _chunkUTYX6TS4cjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkUTYX6TS4cjs.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 = _chunkUTYX6TS4cjs.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 = _chunkUTYX6TS4cjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkUTYX6TS4cjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkUTYX6TS4cjs.useClientOrNull; exports.useCreateRoomComment = _chunkUTYX6TS4cjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkUTYX6TS4cjs.useCreateRoomThread; exports.useCreateTextMention = _chunkUTYX6TS4cjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkUTYX6TS4cjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkUTYX6TS4cjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkUTYX6TS4cjs.useDeleteTextMention; exports.useEditRoomComment = _chunkUTYX6TS4cjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkUTYX6TS4cjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkUTYX6TS4cjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkUTYX6TS4cjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkUTYX6TS4cjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkUTYX6TS4cjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkUTYX6TS4cjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkUTYX6TS4cjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkUTYX6TS4cjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkUTYX6TS4cjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkUTYX6TS4cjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkUTYX6TS4cjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkUTYX6TS4cjs.useRoomThreadSubscription; exports.useSignal = _chunkUTYX6TS4cjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkUTYX6TS4cjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkUTYX6TS4cjs.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-N2gjE_Co.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-N2gjE_Co.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-N2gjE_Co.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-N2gjE_Co.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-LGJ7R5KY.js";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-U3DNN4V2.cjs → chunk-43FP2UXY.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-metadata1";
 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-43FP2UXY.cjs.map

package/dist/chunk-43FP2UXY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-43FP2UXY.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-43FP2UXY.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-ONFO7EAV.js → chunk-5WSMZNJK.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-metadata1";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-ONFO7EAV.js.map
+//# sourceMappingURL=chunk-5WSMZNJK.js.map

package/dist/{chunk-ZDBJCDFH.js → chunk-LGJ7R5KY.js}

@@ -330,7 +330,7 @@ import {
   isStartsWithOperator
 } from "@liveblocks/core";
 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,
@@ -3682,6 +3742,7 @@ function RoomProviderInner(props) {
         case ServerMsgCode.COMMENT_REACTION_ADDED:
         case ServerMsgCode.COMMENT_REACTION_REMOVED:
         case ServerMsgCode.COMMENT_DELETED:
+        case ServerMsgCode.COMMENT_METADATA_UPDATED:
           if (!existingThread) break;
           store.updateThreadifications(
             [thread],
@@ -4089,6 +4150,7 @@ function useCreateRoomThread(roomId) {
     (options) => {
       const body = options.body;
       const metadata = options.metadata ?? {};
+      const commentMetadata = options.commentMetadata ?? {};
       const attachments = options.attachments;
       const threadId = createThreadId();
       const commentId = createCommentId();
@@ -4102,7 +4164,8 @@ function useCreateRoomThread(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: attachments ?? []
+        attachments: attachments ?? [],
+        metadata: commentMetadata
       };
       const newThread = {
         id: threadId,
@@ -4127,6 +4190,7 @@ function useCreateRoomThread(roomId) {
         commentId,
         body,
         metadata,
+        commentMetadata,
         attachmentIds
       }).then(
         (thread) => {
@@ -4140,7 +4204,8 @@ function useCreateRoomThread(roomId) {
             threadId,
             commentId,
             body,
-            metadata
+            metadata,
+            commentMetadata
           },
           err
         )
@@ -4223,13 +4288,65 @@ function useEditRoomThreadMetadata(roomId) {
     [client, roomId]
   );
 }
+function useEditCommentMetadata() {
+  return useEditRoomCommentMetadata(useRoom().id);
+}
+function useEditRoomCommentMetadata(roomId) {
+  const client = useClient();
+  return useCallback3(
+    (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[kInternal4].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 useCallback3(
-    ({ threadId, body, attachments }) => {
+    (options) => {
+      const { threadId, body } = options;
+      const metadata = options.metadata ?? {};
+      const attachments = options.attachments ?? [];
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -4241,7 +4358,8 @@ function useCreateRoomComment(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: attachments ?? []
+        attachments: attachments ?? [],
+        metadata
       };
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticId = store.optimisticUpdates.add({
@@ -4249,7 +4367,14 @@ function useCreateRoomComment(roomId) {
         comment
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      client[kInternal4].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[kInternal4].httpClient.createComment({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        metadata,
+        attachmentIds
+      }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
         },
@@ -4260,7 +4385,8 @@ function useCreateRoomComment(roomId) {
             roomId,
             threadId,
             commentId,
-            body
+            body,
+            metadata
           },
           err
         )
@@ -4276,7 +4402,13 @@ function useEditComment() {
 function useEditRoomComment(roomId) {
   const client = useClient();
   return useCallback3(
-    ({ 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 +4427,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: attachments ?? []
+          attachments: attachments ?? [],
+          metadata: updatedMetadata
         }
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      client[kInternal4].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[kInternal4].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 +5087,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;
@@ -5030,9 +5184,7 @@ export {
   useCreateRoomThread,
   useDeleteRoomThread,
   useEditRoomThreadMetadata,
-  useCreateComment,
   useCreateRoomComment,
-  useEditComment,
   useEditRoomComment,
   useDeleteComment,
   useDeleteRoomComment,
@@ -5067,6 +5219,9 @@ export {
   _useCreateThread,
   _useDeleteThread,
   _useEditThreadMetadata,
+  _useCreateComment,
+  _useEditComment,
+  _useEditCommentMetadata,
   _useEventListener,
   _useMyPresence,
   _useOthersMapped,
@@ -5089,4 +5244,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-ZDBJCDFH.js.map
+//# sourceMappingURL=chunk-LGJ7R5KY.js.map