@liveblocks/react-lexical 1.12.0-lexical4 → 2.0.0-alpha2

package/dist/classnames.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function classNames(...args) {
+  return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
+}
+
+exports.classNames = classNames;
+//# sourceMappingURL=classnames.js.map

package/dist/classnames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classnames.js","sources":["../src/classnames.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":";;AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/dist/classnames.mjs

@@ -0,0 +1,6 @@
+function classNames(...args) {
+  return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
+}
+
+export { classNames };
+//# sourceMappingURL=classnames.mjs.map

package/dist/classnames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classnames.mjs","sources":["../src/classnames.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":"AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/dist/comments/ThreadPanel.js

@@ -1,21 +1,41 @@
 'use strict';
 
 var react = require('@liveblocks/react');
-var reactComments = require('@liveblocks/react-comments');
+var reactUi = require('@liveblocks/react-ui');
 var React = require('react');
+var commentPluginProvider = require('./comment-plugin-provider.js');
 
-const ThreadPanel = () => {
-  const { useThreads } = react.useRoomContextBundle();
-  const { threads } = useThreads();
+const DefaultThread = ({ thread, isActive }) => {
+  const onDeleteThread = React.useContext(commentPluginProvider.OnDeleteThreadCallback);
+  if (onDeleteThread === null) {
+    throw new Error("OnDeleteThreadCallback not provided");
+  }
+  const handleThreadDelete = React.useCallback(
+    (thread2) => {
+      onDeleteThread(thread2.id);
+    },
+    [onDeleteThread]
+  );
+  return /* @__PURE__ */ React.createElement(reactUi.Thread, {
+    thread,
+    "data-state": isActive ? "active" : null,
+    onThreadDelete: handleThreadDelete
+  });
+};
+const ThreadPanel = ({ renderThread }) => {
+  const { threads } = react.useThreads();
+  const isThreadActive = React.useContext(commentPluginProvider.IsActiveThreadContext);
+  const ThreadComponent = renderThread ?? DefaultThread;
   if (!threads || threads.length === 0) {
     return /* @__PURE__ */ React.createElement("div", {
-      className: "lb-lexical-threads-empty"
+      className: "lb-root lb-lexical-threads-empty"
     }, "No threads yet");
   }
   return /* @__PURE__ */ React.createElement("div", {
-    className: "lb-lexical-threads"
+    className: "lb-lexical-threads lb-root"
   }, threads.map((thread) => {
-    return /* @__PURE__ */ React.createElement(reactComments.Thread, {
+    return /* @__PURE__ */ React.createElement(ThreadComponent, {
+      isActive: isThreadActive(thread.id),
       key: thread.id,
       thread
     });

package/dist/comments/ThreadPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPanel.js","sources":["../../src/comments/ThreadPanel.tsx"],"sourcesContent":["\nimport { useRoomContextBundle } from \"@liveblocks/react\";\nimport { Thread } from \"@liveblocks/react-comments\";\nimport React from \"react\";\n\nconst ThreadPanel = () => {\n  const { useThreads } = useRoomContextBundle();\n  const { threads } = useThreads();\n\n  if (!threads || threads.length === 0) {\n    return <div className=\"lb-lexical-threads-empty\">No threads yet</div>;\n  }\n\n  return (\n    <div className=\"lb-lexical-threads\">\n      {threads.map((thread) => {\n        return <Thread key={thread.id} thread={thread} />;\n      })}\n    </div>\n  );\n}\n\nexport { ThreadPanel }"],"names":["useRoomContextBundle","Thread"],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;AACxB,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,0BAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,EAAA,CAAA;AAE/B,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACpC,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,0BAAA;AAAA,KAAA,EAA2B,gBAAc,CAAA,CAAA;AAAA,GACjE;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oBAAA;AAAA,GACZ,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MAAW,KAAA;AACvB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAC,oBAAA,EAAA;AAAA,MAAO,KAAK,MAAO,CAAA,EAAA;AAAA,MAAI,MAAA;AAAA,KAAgB,CAAA,CAAA;AAAA,GAChD,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ThreadPanel.js","sources":["../../src/comments/ThreadPanel.tsx"],"sourcesContent":["import type { BaseMetadata, ThreadData } from \"@liveblocks/core\";\nimport { useThreads } from \"@liveblocks/react\";\nimport { Thread } from \"@liveblocks/react-ui\";\nimport type { ComponentType } from \"react\";\nimport React, { useCallback, useContext } from \"react\";\n\nimport {\n  IsActiveThreadContext,\n  OnDeleteThreadCallback,\n} from \"./comment-plugin-provider\";\n\ntype ThreadProps = {\n  thread: ThreadData<BaseMetadata>;\n  isActive: boolean;\n};\n\ntype ThreadPanelProps = {\n  renderThread?: ComponentType<ThreadProps>;\n};\n\nconst DefaultThread = ({ thread, isActive }: ThreadProps) => {\n  const onDeleteThread = useContext(OnDeleteThreadCallback);\n  if (onDeleteThread === null) {\n    throw new Error(\"OnDeleteThreadCallback not provided\");\n  }\n  const handleThreadDelete = useCallback(\n    (thread: ThreadData<BaseMetadata>) => {\n      onDeleteThread(thread.id);\n    },\n    [onDeleteThread]\n  );\n\n  return (\n    <Thread\n      thread={thread}\n      data-state={isActive ? \"active\" : null}\n      onThreadDelete={handleThreadDelete}\n    />\n  );\n};\n\nconst ThreadPanel = ({ renderThread }: ThreadPanelProps) => {\n  const { threads } = useThreads();\n  const isThreadActive = useContext(IsActiveThreadContext);\n  const ThreadComponent = renderThread ?? DefaultThread;\n\n  if (!threads || threads.length === 0) {\n    return (\n      <div className=\"lb-root lb-lexical-threads-empty\">No threads yet</div>\n    );\n  }\n\n  return (\n    <div className=\"lb-lexical-threads lb-root\">\n      {threads.map((thread) => {\n        return (\n          <ThreadComponent\n            isActive={isThreadActive(thread.id)}\n            key={thread.id}\n            thread={thread}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport { ThreadPanel };\n"],"names":["useContext","OnDeleteThreadCallback","useCallback","thread","Thread","useThreads","IsActiveThreadContext"],"mappings":";;;;;;;AAoBA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAAQ,UAA4B,KAAA;AAC3D,EAAM,MAAA,cAAA,GAAiBA,iBAAWC,4CAAsB,CAAA,CAAA;AACxD,EAAA,IAAI,mBAAmB,IAAM,EAAA;AAC3B,IAAM,MAAA,IAAI,MAAM,qCAAqC,CAAA,CAAA;AAAA,GACvD;AACA,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAACC,OAAqC,KAAA;AACpC,MAAA,cAAA,CAAeA,QAAO,EAAE,CAAA,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,cAAc,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,YAAA,EAAY,WAAW,QAAW,GAAA,IAAA;AAAA,IAClC,cAAgB,EAAA,kBAAA;AAAA,GAClB,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,WAAc,GAAA,CAAC,EAAE,YAAA,EAAqC,KAAA;AAC1D,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIC,gBAAW,EAAA,CAAA;AAC/B,EAAM,MAAA,cAAA,GAAiBL,iBAAWM,2CAAqB,CAAA,CAAA;AACvD,EAAA,MAAM,kBAAkB,YAAgB,IAAA,aAAA,CAAA;AAExC,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACpC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,kCAAA;AAAA,KAAA,EAAmC,gBAAc,CAAA,CAAA;AAAA,GAEpE;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4BAAA;AAAA,GACZ,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MAAW,KAAA;AACvB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,MACC,QAAA,EAAU,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA;AAAA,MAClC,KAAK,MAAO,CAAA,EAAA;AAAA,MACZ,MAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/comments/ThreadPanel.mjs

@@ -1,19 +1,39 @@
-import { useRoomContextBundle } from '@liveblocks/react';
-import { Thread } from '@liveblocks/react-comments';
-import React__default from 'react';
+import { useThreads } from '@liveblocks/react';
+import { Thread } from '@liveblocks/react-ui';
+import React__default, { useContext, useCallback } from 'react';
+import { OnDeleteThreadCallback, IsActiveThreadContext } from './comment-plugin-provider.mjs';
 
-const ThreadPanel = () => {
-  const { useThreads } = useRoomContextBundle();
+const DefaultThread = ({ thread, isActive }) => {
+  const onDeleteThread = useContext(OnDeleteThreadCallback);
+  if (onDeleteThread === null) {
+    throw new Error("OnDeleteThreadCallback not provided");
+  }
+  const handleThreadDelete = useCallback(
+    (thread2) => {
+      onDeleteThread(thread2.id);
+    },
+    [onDeleteThread]
+  );
+  return /* @__PURE__ */ React__default.createElement(Thread, {
+    thread,
+    "data-state": isActive ? "active" : null,
+    onThreadDelete: handleThreadDelete
+  });
+};
+const ThreadPanel = ({ renderThread }) => {
   const { threads } = useThreads();
+  const isThreadActive = useContext(IsActiveThreadContext);
+  const ThreadComponent = renderThread ?? DefaultThread;
   if (!threads || threads.length === 0) {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: "lb-lexical-threads-empty"
+      className: "lb-root lb-lexical-threads-empty"
     }, "No threads yet");
   }
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: "lb-lexical-threads"
+    className: "lb-lexical-threads lb-root"
   }, threads.map((thread) => {
-    return /* @__PURE__ */ React__default.createElement(Thread, {
+    return /* @__PURE__ */ React__default.createElement(ThreadComponent, {
+      isActive: isThreadActive(thread.id),
       key: thread.id,
       thread
     });

package/dist/comments/ThreadPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPanel.mjs","sources":["../../src/comments/ThreadPanel.tsx"],"sourcesContent":["\nimport { useRoomContextBundle } from \"@liveblocks/react\";\nimport { Thread } from \"@liveblocks/react-comments\";\nimport React from \"react\";\n\nconst ThreadPanel = () => {\n  const { useThreads } = useRoomContextBundle();\n  const { threads } = useThreads();\n\n  if (!threads || threads.length === 0) {\n    return <div className=\"lb-lexical-threads-empty\">No threads yet</div>;\n  }\n\n  return (\n    <div className=\"lb-lexical-threads\">\n      {threads.map((thread) => {\n        return <Thread key={thread.id} thread={thread} />;\n      })}\n    </div>\n  );\n}\n\nexport { ThreadPanel }"],"names":["React"],"mappings":";;;;AAKA,MAAM,cAAc,MAAM;AACxB,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAC5C,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,EAAA,CAAA;AAE/B,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACpC,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,0BAAA;AAAA,KAAA,EAA2B,gBAAc,CAAA,CAAA;AAAA,GACjE;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oBAAA;AAAA,GACZ,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MAAW,KAAA;AACvB,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,MAAO,KAAK,MAAO,CAAA,EAAA;AAAA,MAAI,MAAA;AAAA,KAAgB,CAAA,CAAA;AAAA,GAChD,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ThreadPanel.mjs","sources":["../../src/comments/ThreadPanel.tsx"],"sourcesContent":["import type { BaseMetadata, ThreadData } from \"@liveblocks/core\";\nimport { useThreads } from \"@liveblocks/react\";\nimport { Thread } from \"@liveblocks/react-ui\";\nimport type { ComponentType } from \"react\";\nimport React, { useCallback, useContext } from \"react\";\n\nimport {\n  IsActiveThreadContext,\n  OnDeleteThreadCallback,\n} from \"./comment-plugin-provider\";\n\ntype ThreadProps = {\n  thread: ThreadData<BaseMetadata>;\n  isActive: boolean;\n};\n\ntype ThreadPanelProps = {\n  renderThread?: ComponentType<ThreadProps>;\n};\n\nconst DefaultThread = ({ thread, isActive }: ThreadProps) => {\n  const onDeleteThread = useContext(OnDeleteThreadCallback);\n  if (onDeleteThread === null) {\n    throw new Error(\"OnDeleteThreadCallback not provided\");\n  }\n  const handleThreadDelete = useCallback(\n    (thread: ThreadData<BaseMetadata>) => {\n      onDeleteThread(thread.id);\n    },\n    [onDeleteThread]\n  );\n\n  return (\n    <Thread\n      thread={thread}\n      data-state={isActive ? \"active\" : null}\n      onThreadDelete={handleThreadDelete}\n    />\n  );\n};\n\nconst ThreadPanel = ({ renderThread }: ThreadPanelProps) => {\n  const { threads } = useThreads();\n  const isThreadActive = useContext(IsActiveThreadContext);\n  const ThreadComponent = renderThread ?? DefaultThread;\n\n  if (!threads || threads.length === 0) {\n    return (\n      <div className=\"lb-root lb-lexical-threads-empty\">No threads yet</div>\n    );\n  }\n\n  return (\n    <div className=\"lb-lexical-threads lb-root\">\n      {threads.map((thread) => {\n        return (\n          <ThreadComponent\n            isActive={isThreadActive(thread.id)}\n            key={thread.id}\n            thread={thread}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport { ThreadPanel };\n"],"names":["thread","React"],"mappings":";;;;;AAoBA,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAAQ,UAA4B,KAAA;AAC3D,EAAM,MAAA,cAAA,GAAiB,WAAW,sBAAsB,CAAA,CAAA;AACxD,EAAA,IAAI,mBAAmB,IAAM,EAAA;AAC3B,IAAM,MAAA,IAAI,MAAM,qCAAqC,CAAA,CAAA;AAAA,GACvD;AACA,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAACA,OAAqC,KAAA;AACpC,MAAA,cAAA,CAAeA,QAAO,EAAE,CAAA,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,cAAc,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,uBACGC,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,YAAA,EAAY,WAAW,QAAW,GAAA,IAAA;AAAA,IAClC,cAAgB,EAAA,kBAAA;AAAA,GAClB,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,WAAc,GAAA,CAAC,EAAE,YAAA,EAAqC,KAAA;AAC1D,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,EAAA,CAAA;AAC/B,EAAM,MAAA,cAAA,GAAiB,WAAW,qBAAqB,CAAA,CAAA;AACvD,EAAA,MAAM,kBAAkB,YAAgB,IAAA,aAAA,CAAA;AAExC,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACpC,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,kCAAA;AAAA,KAAA,EAAmC,gBAAc,CAAA,CAAA;AAAA,GAEpE;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4BAAA;AAAA,GACZ,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,MAAW,KAAA;AACvB,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,MACC,QAAA,EAAU,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA;AAAA,MAClC,KAAK,MAAO,CAAA,EAAA;AAAA,MACZ,MAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/comments/comment-plugin-provider.js

@@ -7,11 +7,9 @@ var react = require('@liveblocks/react');
 var lexical = require('lexical');
 var React = require('react');
 var withSelector_js = require('use-sync-external-store/shim/with-selector.js');
-var activeSelection = require('../active-selection.js');
 var getThreadMarkIds = require('./get-thread-mark-ids.js');
 var threadMarkNode = require('./thread-mark-node.js');
 var unwrapThreadMarkNode = require('./unwrap-thread-mark-node.js');
-var wrapSelectionInThreadMarkNode = require('./wrap-selection-in-thread-mark-node.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -32,66 +30,16 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const ShowFloatingComposerContext = React__namespace.createContext(null);
-const ShowFloatingComposerProvider = ({ children }) => {
-  const [showFloatingComposer, setShowFloatingComposer] = React.useState(false);
-  return /* @__PURE__ */ React__namespace.createElement(ShowFloatingComposerContext.Provider, {
-    value: {
-      setShowFloatingComposer,
-      showFloatingComposer
-    }
-  }, children);
-};
-function useCreateThread() {
-  const context = React__namespace.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useCreateThread must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return () => {
-    context.setShowFloatingComposer(true);
-  };
-}
-function useShowFloatingComposer() {
-  const context = React__namespace.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useShowFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return context.showFloatingComposer;
-}
-function useHideFloatingComposer() {
-  const context = React__namespace.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useHideFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return () => {
-    context.setShowFloatingComposer(false);
-  };
-}
+const OnDeleteThreadCallback = React.createContext(null);
+const IsActiveThreadContext = React.createContext((_) => false);
 function CommentPluginProvider({ children }) {
   const [editor, context] = LexicalComposerContext.useLexicalComposerContext();
   const [threadToNodes, setThreadToNodes] = React.useState(
     /* @__PURE__ */ new Map()
   );
   const [activeThreads, setActiveThreads] = React.useState([]);
-  const [showActiveSelection, setShowActiveSelection] = React.useState(false);
   const client = react.useClient();
-  const {
-    useRoom,
-    [core.kInternal]: {
-      useCommentsErrorListener,
-      ThreadCreateCallbackProvider,
-      ThreadDeleteCallbackProvider,
-      ComposerFocusCallbackProvider,
-      IsThreadActiveCallbackProvider
-    }
-  } = react.useRoomContextBundle();
-  const room = useRoom();
+  const room = react.useRoom();
   React.useEffect(() => {
     if (!editor.hasNodes([threadMarkNode.ThreadMarkNode])) {
       throw new Error(
@@ -105,21 +53,6 @@ function CommentPluginProvider({ children }) {
     },
     [activeThreads]
   );
-  const handleThreadCreate = React.useCallback(
-    (threadId) => {
-      editor.update(() => {
-        const selection = lexical.$getSelection();
-        if (!lexical.$isRangeSelection(selection))
-          return;
-        if (selection.isCollapsed())
-          return;
-        const isBackward = selection.isBackward();
-        wrapSelectionInThreadMarkNode(selection, isBackward, threadId);
-        lexical.$setSelection(null);
-      });
-    },
-    [editor]
-  );
   const handleThreadDelete = React.useCallback(
     (threadId) => {
       editor.update(() => {
@@ -139,7 +72,7 @@ function CommentPluginProvider({ children }) {
     },
     [editor, threadToNodes]
   );
-  useCommentsErrorListener((error) => {
+  react.useCommentsErrorListener((error) => {
     if (error instanceof react.CreateThreadError) {
       handleThreadDelete(error.context.threadId);
     }
@@ -150,8 +83,8 @@ function CommentPluginProvider({ children }) {
     store.get,
     store.get,
     React.useCallback(
-      () => client[core.kInternal].comments.selectedThreads(room.id, store.get(), {}),
-      [client, room.id, store]
+      () => react.selectedThreads(room.id, store.get(), {}),
+      [room.id, store]
     )
   );
   React.useEffect(() => {
@@ -172,14 +105,16 @@ function CommentPluginProvider({ children }) {
     }
     const elements = getThreadMarkElements();
     const theme = context.getTheme();
-    if (theme === null || theme === void 0)
-      return;
+    const classNames = ["lb-thread-mark"];
+    if (theme && theme.liveblocks && "threadMark" in theme.liveblocks) {
+      classNames.push(theme.liveblocks.threadMark);
+    }
     elements.forEach((element) => {
-      utils.addClassNamesToElement(element, theme.threadMark);
+      utils.addClassNamesToElement(element, ...classNames);
     });
     return () => {
       elements.forEach((element) => {
-        utils.removeClassNamesFromElement(element, theme.threadMark);
+        utils.removeClassNamesFromElement(element, ...classNames);
       });
     };
   }, [context, editor, threadToNodes, threads]);
@@ -213,7 +148,6 @@ function CommentPluginProvider({ children }) {
     return editor.registerMutationListener(threadMarkNode.ThreadMarkNode, onMutation);
   }, [editor]);
   React.useEffect(() => {
-    const selectedThreads = client[core.kInternal].comments.selectedThreads;
     function $getThreadIds(selection) {
       if (selection === null)
         return [];
@@ -227,7 +161,7 @@ function CommentPluginProvider({ children }) {
     function $onStateRead() {
       const selection = lexical.$getSelection();
       const threadIds = $getThreadIds(selection).filter((id) => {
-        return selectedThreads(room.id, store.get(), {}).some(
+        return react.selectedThreads(room.id, store.get(), {}).some(
           (thread) => thread.id === id
         );
       });
@@ -287,36 +221,14 @@ function CommentPluginProvider({ children }) {
       }
     );
   }, [editor]);
-  const handleComposerFocus = React.useCallback(
-    (commentId, threadId) => {
-      if (commentId === void 0 && threadId === void 0) {
-        setShowActiveSelection(true);
-      } else {
-        setShowActiveSelection(false);
-      }
-    },
-    []
-  );
-  React.useEffect(() => {
-    return editor.registerUpdateListener(({ editorState: state, tags }) => {
-      if (tags.has("collaboration"))
-        return;
-      state.read(() => setShowActiveSelection(false));
-    });
-  }, [editor]);
-  return /* @__PURE__ */ React__namespace.createElement(ShowFloatingComposerProvider, null, /* @__PURE__ */ React__namespace.createElement(ThreadCreateCallbackProvider, {
-    value: handleThreadCreate
-  }, /* @__PURE__ */ React__namespace.createElement(ThreadDeleteCallbackProvider, {
+  return /* @__PURE__ */ React__namespace.createElement(OnDeleteThreadCallback.Provider, {
     value: handleThreadDelete
-  }, /* @__PURE__ */ React__namespace.createElement(ComposerFocusCallbackProvider, {
-    value: handleComposerFocus
-  }, /* @__PURE__ */ React__namespace.createElement(IsThreadActiveCallbackProvider, {
+  }, /* @__PURE__ */ React__namespace.createElement(IsActiveThreadContext.Provider, {
     value: isThreadActive
-  }, showActiveSelection && /* @__PURE__ */ React__namespace.createElement(activeSelection.ActiveSelection, null), children)))));
+  }, children));
 }
 
 exports.CommentPluginProvider = CommentPluginProvider;
-exports.useCreateThread = useCreateThread;
-exports.useHideFloatingComposer = useHideFloatingComposer;
-exports.useShowFloatingComposer = useShowFloatingComposer;
+exports.IsActiveThreadContext = IsActiveThreadContext;
+exports.OnDeleteThreadCallback = OnDeleteThreadCallback;
 //# sourceMappingURL=comment-plugin-provider.js.map

package/dist/comments/comment-plugin-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment-plugin-provider.js","sources":["../../src/comments/comment-plugin-provider.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  addClassNamesToElement,\n  registerNestedElementResolver,\n  removeClassNamesFromElement,\n} from \"@lexical/utils\";\nimport { kInternal } from \"@liveblocks/core\";\nimport {\n  CreateThreadError,\n  useClient,\n  useRoomContextBundle,\n} from \"@liveblocks/react\";\nimport type { BaseSelection, NodeKey, NodeMutation } from \"lexical\";\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n  $setSelection,\n} from \"lexical\";\nimport type { PropsWithChildren } from \"react\";\nimport * as React from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useSyncExternalStoreWithSelector } from \"use-sync-external-store/shim/with-selector.js\";\n\nimport { ActiveSelection } from \"../active-selection\";\nimport $getThreadMarkIds from \"./get-thread-mark-ids\";\nimport {\n  $createThreadMarkNode,\n  $isThreadMarkNode,\n  ThreadMarkNode,\n} from \"./thread-mark-node\";\nimport $unwrapThreadMarkNode from \"./unwrap-thread-mark-node\";\nimport $wrapSelectionInThreadMarkNode from \"./wrap-selection-in-thread-mark-node\";\n\ntype ThreadToNodesMap = Map<string, Set<NodeKey>>;\n\ntype ShowFloatingComposerContextType = {\n  showFloatingComposer: boolean;\n  setShowFloatingComposer: (show: boolean) => void;\n} | null;\nconst ShowFloatingComposerContext =\n  React.createContext<ShowFloatingComposerContextType>(null);\n\nconst ShowFloatingComposerProvider = ({ children }: PropsWithChildren) => {\n  const [showFloatingComposer, setShowFloatingComposer] = useState(false);\n  return (\n    <ShowFloatingComposerContext.Provider\n      value={{\n        setShowFloatingComposer,\n        showFloatingComposer,\n      }}\n    >\n      {children}\n    </ShowFloatingComposerContext.Provider>\n  );\n};\n\nexport function useCreateThread() {\n  const context = React.useContext(ShowFloatingComposerContext);\n  if (context === null) {\n    throw new Error(\n      \"useCreateThread must be used within a LiveblocksPluginProvider with comments enabled\"\n    );\n  }\n\n  return () => {\n    context.setShowFloatingComposer(true);\n  };\n}\n\nexport function useShowFloatingComposer() {\n  const context = React.useContext(ShowFloatingComposerContext);\n  if (context === null) {\n    throw new Error(\n      \"useShowFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled\"\n    );\n  }\n\n  return context.showFloatingComposer;\n}\n\nexport function useHideFloatingComposer() {\n  const context = React.useContext(ShowFloatingComposerContext);\n  if (context === null) {\n    throw new Error(\n      \"useHideFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled\"\n    );\n  }\n\n  return () => {\n    context.setShowFloatingComposer(false);\n  };\n}\n\nexport function CommentPluginProvider({ children }: PropsWithChildren) {\n  const [editor, context] = useLexicalComposerContext();\n\n  const [threadToNodes, setThreadToNodes] = useState<ThreadToNodesMap>(\n    new Map()\n  ); // A map from thread id to a set of (thread mark) node keys that are associated with the thread\n\n  const [activeThreads, setActiveThreads] = useState<string[]>([]); // The threads that are currently active (or selected) in the editor\n\n  const [showActiveSelection, setShowActiveSelection] = useState(false);\n\n  const client = useClient();\n  const {\n    useRoom,\n    [kInternal]: {\n      useCommentsErrorListener,\n      ThreadCreateCallbackProvider,\n      ThreadDeleteCallbackProvider,\n      ComposerFocusCallbackProvider,\n      IsThreadActiveCallbackProvider,\n    },\n  } = useRoomContextBundle();\n\n  const room = useRoom();\n\n  useEffect(() => {\n    if (!editor.hasNodes([ThreadMarkNode])) {\n      throw new Error(\n        \"CommentPluginProvider: ThreadMarkNode not registered on editor\"\n      );\n    }\n  }, [editor]);\n\n  const isThreadActive = useCallback(\n    (threadId: string) => {\n      return activeThreads.includes(threadId);\n    },\n    [activeThreads]\n  );\n\n  /**\n   * Create a new ThreadMarkNode and wrap the selected content in it.\n   * @param threadId The id of the thread to associate with the selected content\n   */\n  const handleThreadCreate = useCallback(\n    (threadId: string) => {\n      editor.update(() => {\n        const selection = $getSelection();\n        if (!$isRangeSelection(selection)) return;\n\n        // If the selection is collapsed, we do not create a new thread node in the editor.\n        if (selection.isCollapsed()) return;\n\n        const isBackward = selection.isBackward();\n        // Wrap content in a ThreadMarkNode\n        $wrapSelectionInThreadMarkNode(selection, isBackward, threadId);\n\n        // Clear the selection after wrapping\n        $setSelection(null);\n      });\n    },\n    [editor]\n  );\n\n  /**\n   * Remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads.\n   * @param threadId The id of the thread to remove\n   */\n  const handleThreadDelete = useCallback(\n    (threadId: string) => {\n      editor.update(() => {\n        // Retrieve node keys associated with the thread\n        const keys = threadToNodes.get(threadId);\n        if (keys === undefined) return;\n\n        // Iterate over each thread node and disassociate the thread if from the node and unwrap the node if it is no longer associated with any threads\n        for (const key of keys) {\n          const node = $getNodeByKey(key);\n          if (!$isThreadMarkNode(node)) continue;\n          node.deleteID(threadId);\n\n          if (node.getIDs().length === 0) {\n            $unwrapThreadMarkNode(node);\n          }\n        }\n      });\n    },\n    [editor, threadToNodes]\n  );\n\n  useCommentsErrorListener((error) => {\n    // If thread creation fails, we remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads\n    if (error instanceof CreateThreadError) {\n      handleThreadDelete(error.context.threadId);\n    }\n  });\n\n  const store = client[kInternal].cacheStore;\n\n  const threads = useSyncExternalStoreWithSelector(\n    store.subscribe,\n    store.get,\n    store.get,\n    useCallback(\n      () =>\n        client[kInternal].comments.selectedThreads(room.id, store.get(), {}),\n      [client, room.id, store]\n    )\n  );\n\n  /**\n   * Only add styles to the thread mark elements that currently have threads associated with them.\n   */\n  useEffect(() => {\n    function getThreadMarkElements() {\n      const activeElements = new Set<HTMLElement>();\n\n      for (const thread of threads) {\n        const keys = threadToNodes.get(thread.id);\n        if (keys === undefined) continue;\n\n        for (const key of keys) {\n          const element = editor.getElementByKey(key);\n          if (element === null) continue;\n          activeElements.add(element);\n        }\n      }\n      return activeElements;\n    }\n\n    const elements = getThreadMarkElements();\n\n    const theme = context.getTheme();\n    if (theme === null || theme === undefined) return;\n\n    elements.forEach((element) => {\n      addClassNamesToElement(element, theme.threadMark as string);\n    });\n\n    return () => {\n      elements.forEach((element) => {\n        removeClassNamesFromElement(element, theme.threadMark as string);\n      });\n    };\n  }, [context, editor, threadToNodes, threads]);\n\n  /**\n   * Register a mutation listener that listens for mutations on 'ThreadMarkNode's and updates the map of thread to node keys accordingly.\n   */\n  useEffect(() => {\n    function onMutation(mutations: Map<string, NodeMutation>) {\n      const state = editor.getEditorState();\n      setThreadToNodes((prev) => {\n        const updatedMap = new Map(prev);\n        state.read(() => {\n          for (const [key, mutation] of mutations) {\n            // If the node is destroyed, we remove its key from the map of thread to node keys\n            if (mutation === \"destroyed\") {\n              for (const [, nodes] of updatedMap) {\n                nodes.delete(key);\n              }\n            }\n            // Otherwise, if a new node is created or an existing node is updated, we update the map of thread to node keys to include the new/updated node\n            else if (mutation === \"created\" || mutation === \"updated\") {\n              const node = $getNodeByKey(key);\n              if (!$isThreadMarkNode(node)) continue;\n\n              const threadIds = node.getIDs();\n\n              for (const id of threadIds) {\n                const keys = updatedMap.get(id) ?? new Set();\n                keys.add(key);\n                updatedMap.set(id, keys);\n              }\n            }\n          }\n        });\n        return updatedMap;\n      });\n    }\n\n    return editor.registerMutationListener(ThreadMarkNode, onMutation);\n  }, [editor]);\n\n  /**\n   * Register an update listener that listens for changes in the selection and updates the active threads accordingly.\n   */\n  useEffect(() => {\n    const selectedThreads = client[kInternal].comments.selectedThreads;\n\n    function $getThreadIds(selection: BaseSelection | null): string[] {\n      if (selection === null) return [];\n\n      if (!$isRangeSelection(selection)) return [];\n\n      const anchor = selection.anchor.getNode();\n      if (!$isTextNode(anchor)) return [];\n\n      return $getThreadMarkIds(anchor, selection.anchor.offset) ?? [];\n    }\n\n    function $onStateRead() {\n      const selection = $getSelection();\n\n      const threadIds = $getThreadIds(selection).filter((id) => {\n        return selectedThreads(room.id, store.get(), {}).some(\n          (thread) => thread.id === id\n        );\n      });\n      setActiveThreads(threadIds);\n    }\n\n    const unsubscribeCache = store.subscribe(() => {\n      editor.getEditorState().read($onStateRead);\n    });\n\n    const unregisterUpdateListener = editor.registerUpdateListener(\n      ({ editorState: state }) => {\n        state.read($onStateRead);\n      }\n    );\n\n    return () => {\n      unregisterUpdateListener();\n      unsubscribeCache();\n    };\n  }, [editor, client, room.id, store]);\n\n  /**\n   * When active threads change, we add a data-state attribute and set it to \"active\" for all HTML elements that are associated with the active threads.\n   */\n  useEffect(() => {\n    function getActiveElements() {\n      const activeElements = new Set<HTMLElement>();\n\n      for (const thread of activeThreads) {\n        const keys = threadToNodes.get(thread);\n        if (keys === undefined) continue;\n\n        for (const key of keys) {\n          const element = editor.getElementByKey(key);\n          if (element === null) continue;\n          activeElements.add(element);\n        }\n      }\n      return activeElements;\n    }\n\n    const activeElements = getActiveElements();\n\n    activeElements.forEach((element) => {\n      element.setAttribute(\"data-state\", \"active\");\n    });\n\n    return () => {\n      activeElements.forEach((element) => {\n        element.removeAttribute(\"data-state\");\n      });\n    };\n  }, [activeThreads, editor, threadToNodes]);\n\n  useEffect(() => {\n    return registerNestedElementResolver<ThreadMarkNode>(\n      editor,\n      ThreadMarkNode,\n      (from: ThreadMarkNode) => {\n        return $createThreadMarkNode(from.getIDs());\n      },\n      (from: ThreadMarkNode, to: ThreadMarkNode) => {\n        const ids = from.getIDs();\n        ids.forEach((id) => {\n          to.addID(id);\n        });\n      }\n    );\n  }, [editor]);\n\n  const handleComposerFocus = useCallback(\n    (commentId: string | undefined, threadId: string | undefined) => {\n      if (commentId === undefined && threadId === undefined) {\n        setShowActiveSelection(true);\n      } else {\n        setShowActiveSelection(false);\n      }\n    },\n    []\n  );\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState: state, tags }) => {\n      // Ignore selection updates related to collaboration\n      if (tags.has(\"collaboration\")) return;\n      state.read(() => setShowActiveSelection(false));\n    });\n  }, [editor]);\n\n  return (\n    <ShowFloatingComposerProvider>\n      <ThreadCreateCallbackProvider value={handleThreadCreate}>\n        <ThreadDeleteCallbackProvider value={handleThreadDelete}>\n          <ComposerFocusCallbackProvider value={handleComposerFocus}>\n            <IsThreadActiveCallbackProvider value={isThreadActive}>\n              {showActiveSelection && <ActiveSelection />}\n              {children}\n            </IsThreadActiveCallbackProvider>\n          </ComposerFocusCallbackProvider>\n        </ThreadDeleteCallbackProvider>\n      </ThreadCreateCallbackProvider>\n    </ShowFloatingComposerProvider>\n  );\n}\n"],"names":["React","useState","useLexicalComposerContext","useClient","kInternal","useRoomContextBundle","useEffect","ThreadMarkNode","useCallback","$getSelection","$isRangeSelection","$wrapSelectionInThreadMarkNode","$setSelection","$getNodeByKey","$isThreadMarkNode","$unwrapThreadMarkNode","CreateThreadError","useSyncExternalStoreWithSelector","addClassNamesToElement","removeClassNamesFromElement","$isTextNode","$getThreadMarkIds","activeElements","registerNestedElementResolver","$createThreadMarkNode","ActiveSelection"],"mappings":"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"}
+{"version":3,"file":"comment-plugin-provider.js","sources":["../../src/comments/comment-plugin-provider.tsx"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n  addClassNamesToElement,\n  registerNestedElementResolver,\n  removeClassNamesFromElement,\n} from \"@lexical/utils\";\nimport { kInternal } from \"@liveblocks/core\";\nimport {\n  CreateThreadError,\n  selectedThreads,\n  useClient,\n  useCommentsErrorListener,\n  useRoom,\n} from \"@liveblocks/react\";\nimport type { BaseSelection, NodeKey, NodeMutation } from \"lexical\";\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isRangeSelection,\n  $isTextNode,\n} from \"lexical\";\nimport type { PropsWithChildren } from \"react\";\nimport * as React from \"react\";\nimport { createContext, useCallback, useEffect, useState } from \"react\";\nimport { useSyncExternalStoreWithSelector } from \"use-sync-external-store/shim/with-selector.js\";\n\nimport $getThreadMarkIds from \"./get-thread-mark-ids\";\nimport {\n  $createThreadMarkNode,\n  $isThreadMarkNode,\n  ThreadMarkNode,\n} from \"./thread-mark-node\";\nimport $unwrapThreadMarkNode from \"./unwrap-thread-mark-node\";\n\nexport const OnDeleteThreadCallback = createContext<\n  ((threadId: string) => void) | null\n>(null);\n\nexport const IsActiveThreadContext = createContext<\n  (threadId: string) => boolean\n>((_: string) => false);\n\ntype ThreadToNodesMap = Map<string, Set<NodeKey>>;\n\nexport function CommentPluginProvider({ children }: PropsWithChildren) {\n  const [editor, context] = useLexicalComposerContext();\n\n  const [threadToNodes, setThreadToNodes] = useState<ThreadToNodesMap>(\n    new Map()\n  ); // A map from thread id to a set of (thread mark) node keys that are associated with the thread\n\n  const [activeThreads, setActiveThreads] = useState<string[]>([]); // The threads that are currently active (or selected) in the editor\n\n  const client = useClient();\n\n  const room = useRoom();\n\n  useEffect(() => {\n    if (!editor.hasNodes([ThreadMarkNode])) {\n      throw new Error(\n        \"CommentPluginProvider: ThreadMarkNode not registered on editor\"\n      );\n    }\n  }, [editor]);\n\n  const isThreadActive = useCallback(\n    (threadId: string) => {\n      return activeThreads.includes(threadId);\n    },\n    [activeThreads]\n  );\n\n  /**\n   * Remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads.\n   * @param threadId The id of the thread to remove\n   */\n  const handleThreadDelete = useCallback(\n    (threadId: string) => {\n      editor.update(() => {\n        // Retrieve node keys associated with the thread\n        const keys = threadToNodes.get(threadId);\n        if (keys === undefined) return;\n\n        // Iterate over each thread node and disassociate the thread if from the node and unwrap the node if it is no longer associated with any threads\n        for (const key of keys) {\n          const node = $getNodeByKey(key);\n          if (!$isThreadMarkNode(node)) continue;\n          node.deleteID(threadId);\n\n          if (node.getIDs().length === 0) {\n            $unwrapThreadMarkNode(node);\n          }\n        }\n      });\n    },\n    [editor, threadToNodes]\n  );\n\n  useCommentsErrorListener((error) => {\n    // If thread creation fails, we remove the thread id from the associated nodes and unwrap the nodes if they are no longer associated with any threads\n    if (error instanceof CreateThreadError) {\n      handleThreadDelete(error.context.threadId);\n    }\n  });\n\n  const store = client[kInternal].cacheStore;\n\n  const threads = useSyncExternalStoreWithSelector(\n    store.subscribe,\n    store.get,\n    store.get,\n    useCallback(\n      () => selectedThreads(room.id, store.get(), {}),\n      [room.id, store]\n    )\n  );\n\n  /**\n   * Only add styles to the thread mark elements that currently have threads associated with them.\n   */\n  useEffect(() => {\n    function getThreadMarkElements() {\n      const activeElements = new Set<HTMLElement>();\n\n      for (const thread of threads) {\n        const keys = threadToNodes.get(thread.id);\n        if (keys === undefined) continue;\n\n        for (const key of keys) {\n          const element = editor.getElementByKey(key);\n          if (element === null) continue;\n          activeElements.add(element);\n        }\n      }\n      return activeElements;\n    }\n\n    const elements = getThreadMarkElements();\n\n    const theme = context.getTheme();\n\n    const classNames = [\"lb-thread-mark\"];\n    if (theme && theme.liveblocks && \"threadMark\" in theme.liveblocks) {\n      classNames.push((theme.liveblocks as { threadMark: string }).threadMark);\n    }\n\n    elements.forEach((element) => {\n      addClassNamesToElement(element, ...classNames);\n    });\n\n    return () => {\n      elements.forEach((element) => {\n        removeClassNamesFromElement(element, ...classNames);\n      });\n    };\n  }, [context, editor, threadToNodes, threads]);\n\n  /**\n   * Register a mutation listener that listens for mutations on 'ThreadMarkNode's and updates the map of thread to node keys accordingly.\n   */\n  useEffect(() => {\n    function onMutation(mutations: Map<string, NodeMutation>) {\n      const state = editor.getEditorState();\n      setThreadToNodes((prev) => {\n        const updatedMap = new Map(prev);\n        state.read(() => {\n          for (const [key, mutation] of mutations) {\n            // If the node is destroyed, we remove its key from the map of thread to node keys\n            if (mutation === \"destroyed\") {\n              for (const [, nodes] of updatedMap) {\n                nodes.delete(key);\n              }\n            }\n            // Otherwise, if a new node is created or an existing node is updated, we update the map of thread to node keys to include the new/updated node\n            else if (mutation === \"created\" || mutation === \"updated\") {\n              const node = $getNodeByKey(key);\n              if (!$isThreadMarkNode(node)) continue;\n\n              const threadIds = node.getIDs();\n\n              for (const id of threadIds) {\n                const keys = updatedMap.get(id) ?? new Set();\n                keys.add(key);\n                updatedMap.set(id, keys);\n              }\n            }\n          }\n        });\n        return updatedMap;\n      });\n    }\n\n    return editor.registerMutationListener(ThreadMarkNode, onMutation);\n  }, [editor]);\n\n  /**\n   * Register an update listener that listens for changes in the selection and updates the active threads accordingly.\n   */\n  useEffect(() => {\n    function $getThreadIds(selection: BaseSelection | null): string[] {\n      if (selection === null) return [];\n\n      if (!$isRangeSelection(selection)) return [];\n\n      const anchor = selection.anchor.getNode();\n      if (!$isTextNode(anchor)) return [];\n\n      return $getThreadMarkIds(anchor, selection.anchor.offset) ?? [];\n    }\n\n    function $onStateRead() {\n      const selection = $getSelection();\n\n      const threadIds = $getThreadIds(selection).filter((id) => {\n        return selectedThreads(room.id, store.get(), {}).some(\n          (thread) => thread.id === id\n        );\n      });\n      setActiveThreads(threadIds);\n    }\n\n    const unsubscribeCache = store.subscribe(() => {\n      editor.getEditorState().read($onStateRead);\n    });\n\n    const unregisterUpdateListener = editor.registerUpdateListener(\n      ({ editorState: state }) => {\n        state.read($onStateRead);\n      }\n    );\n\n    return () => {\n      unregisterUpdateListener();\n      unsubscribeCache();\n    };\n  }, [editor, client, room.id, store]);\n\n  /**\n   * When active threads change, we add a data-state attribute and set it to \"active\" for all HTML elements that are associated with the active threads.\n   */\n  useEffect(() => {\n    function getActiveElements() {\n      const activeElements = new Set<HTMLElement>();\n\n      for (const thread of activeThreads) {\n        const keys = threadToNodes.get(thread);\n        if (keys === undefined) continue;\n\n        for (const key of keys) {\n          const element = editor.getElementByKey(key);\n          if (element === null) continue;\n          activeElements.add(element);\n        }\n      }\n      return activeElements;\n    }\n\n    const activeElements = getActiveElements();\n\n    activeElements.forEach((element) => {\n      element.setAttribute(\"data-state\", \"active\");\n    });\n\n    return () => {\n      activeElements.forEach((element) => {\n        element.removeAttribute(\"data-state\");\n      });\n    };\n  }, [activeThreads, editor, threadToNodes]);\n\n  useEffect(() => {\n    return registerNestedElementResolver<ThreadMarkNode>(\n      editor,\n      ThreadMarkNode,\n      (from: ThreadMarkNode) => {\n        return $createThreadMarkNode(from.getIDs());\n      },\n      (from: ThreadMarkNode, to: ThreadMarkNode) => {\n        const ids = from.getIDs();\n        ids.forEach((id) => {\n          to.addID(id);\n        });\n      }\n    );\n  }, [editor]);\n\n  return (\n    <OnDeleteThreadCallback.Provider value={handleThreadDelete}>\n      <IsActiveThreadContext.Provider value={isThreadActive}>\n        {children}\n      </IsActiveThreadContext.Provider>\n    </OnDeleteThreadCallback.Provider>\n  );\n}\n"],"names":["createContext","useLexicalComposerContext","useState","useClient","useRoom","useEffect","ThreadMarkNode","useCallback","$getNodeByKey","$isThreadMarkNode","$unwrapThreadMarkNode","useCommentsErrorListener","CreateThreadError","kInternal","useSyncExternalStoreWithSelector","selectedThreads","addClassNamesToElement","removeClassNamesFromElement","$isRangeSelection","$isTextNode","$getThreadMarkIds","$getSelection","activeElements","registerNestedElementResolver","$createThreadMarkNode","React"],"mappings":"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"}

package/dist/comments/comment-plugin-provider.mjs

@@ -1,76 +1,24 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { addClassNamesToElement, removeClassNamesFromElement, registerNestedElementResolver } from '@lexical/utils';
 import { kInternal } from '@liveblocks/core';
-import { useClient, useRoomContextBundle, CreateThreadError } from '@liveblocks/react';
-import { $getSelection, $isRangeSelection, $setSelection, $getNodeByKey, $isTextNode } from 'lexical';
+import { useClient, useRoom, useCommentsErrorListener, CreateThreadError, selectedThreads } from '@liveblocks/react';
+import { $getNodeByKey, $isRangeSelection, $isTextNode, $getSelection } from 'lexical';
 import * as React from 'react';
-import { useState, useEffect, useCallback } from 'react';
+import { createContext, useState, useEffect, useCallback } from 'react';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
-import { ActiveSelection } from '../active-selection.mjs';
 import $getThreadMarkIds from './get-thread-mark-ids.mjs';
 import { ThreadMarkNode, $isThreadMarkNode, $createThreadMarkNode } from './thread-mark-node.mjs';
 import $unwrapThreadMarkNode from './unwrap-thread-mark-node.mjs';
-import $wrapSelectionInThreadMarkNode from './wrap-selection-in-thread-mark-node.mjs';
 
-const ShowFloatingComposerContext = React.createContext(null);
-const ShowFloatingComposerProvider = ({ children }) => {
-  const [showFloatingComposer, setShowFloatingComposer] = useState(false);
-  return /* @__PURE__ */ React.createElement(ShowFloatingComposerContext.Provider, {
-    value: {
-      setShowFloatingComposer,
-      showFloatingComposer
-    }
-  }, children);
-};
-function useCreateThread() {
-  const context = React.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useCreateThread must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return () => {
-    context.setShowFloatingComposer(true);
-  };
-}
-function useShowFloatingComposer() {
-  const context = React.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useShowFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return context.showFloatingComposer;
-}
-function useHideFloatingComposer() {
-  const context = React.useContext(ShowFloatingComposerContext);
-  if (context === null) {
-    throw new Error(
-      "useHideFloatingComposer must be used within a LiveblocksPluginProvider with comments enabled"
-    );
-  }
-  return () => {
-    context.setShowFloatingComposer(false);
-  };
-}
+const OnDeleteThreadCallback = createContext(null);
+const IsActiveThreadContext = createContext((_) => false);
 function CommentPluginProvider({ children }) {
   const [editor, context] = useLexicalComposerContext();
   const [threadToNodes, setThreadToNodes] = useState(
     /* @__PURE__ */ new Map()
   );
   const [activeThreads, setActiveThreads] = useState([]);
-  const [showActiveSelection, setShowActiveSelection] = useState(false);
   const client = useClient();
-  const {
-    useRoom,
-    [kInternal]: {
-      useCommentsErrorListener,
-      ThreadCreateCallbackProvider,
-      ThreadDeleteCallbackProvider,
-      ComposerFocusCallbackProvider,
-      IsThreadActiveCallbackProvider
-    }
-  } = useRoomContextBundle();
   const room = useRoom();
   useEffect(() => {
     if (!editor.hasNodes([ThreadMarkNode])) {
@@ -85,21 +33,6 @@ function CommentPluginProvider({ children }) {
     },
     [activeThreads]
   );
-  const handleThreadCreate = useCallback(
-    (threadId) => {
-      editor.update(() => {
-        const selection = $getSelection();
-        if (!$isRangeSelection(selection))
-          return;
-        if (selection.isCollapsed())
-          return;
-        const isBackward = selection.isBackward();
-        $wrapSelectionInThreadMarkNode(selection, isBackward, threadId);
-        $setSelection(null);
-      });
-    },
-    [editor]
-  );
   const handleThreadDelete = useCallback(
     (threadId) => {
       editor.update(() => {
@@ -130,8 +63,8 @@ function CommentPluginProvider({ children }) {
     store.get,
     store.get,
     useCallback(
-      () => client[kInternal].comments.selectedThreads(room.id, store.get(), {}),
-      [client, room.id, store]
+      () => selectedThreads(room.id, store.get(), {}),
+      [room.id, store]
     )
   );
   useEffect(() => {
@@ -152,14 +85,16 @@ function CommentPluginProvider({ children }) {
     }
     const elements = getThreadMarkElements();
     const theme = context.getTheme();
-    if (theme === null || theme === void 0)
-      return;
+    const classNames = ["lb-thread-mark"];
+    if (theme && theme.liveblocks && "threadMark" in theme.liveblocks) {
+      classNames.push(theme.liveblocks.threadMark);
+    }
     elements.forEach((element) => {
-      addClassNamesToElement(element, theme.threadMark);
+      addClassNamesToElement(element, ...classNames);
     });
     return () => {
       elements.forEach((element) => {
-        removeClassNamesFromElement(element, theme.threadMark);
+        removeClassNamesFromElement(element, ...classNames);
       });
     };
   }, [context, editor, threadToNodes, threads]);
@@ -193,7 +128,6 @@ function CommentPluginProvider({ children }) {
     return editor.registerMutationListener(ThreadMarkNode, onMutation);
   }, [editor]);
   useEffect(() => {
-    const selectedThreads = client[kInternal].comments.selectedThreads;
     function $getThreadIds(selection) {
       if (selection === null)
         return [];
@@ -267,33 +201,12 @@ function CommentPluginProvider({ children }) {
       }
     );
   }, [editor]);
-  const handleComposerFocus = useCallback(
-    (commentId, threadId) => {
-      if (commentId === void 0 && threadId === void 0) {
-        setShowActiveSelection(true);
-      } else {
-        setShowActiveSelection(false);
-      }
-    },
-    []
-  );
-  useEffect(() => {
-    return editor.registerUpdateListener(({ editorState: state, tags }) => {
-      if (tags.has("collaboration"))
-        return;
-      state.read(() => setShowActiveSelection(false));
-    });
-  }, [editor]);
-  return /* @__PURE__ */ React.createElement(ShowFloatingComposerProvider, null, /* @__PURE__ */ React.createElement(ThreadCreateCallbackProvider, {
-    value: handleThreadCreate
-  }, /* @__PURE__ */ React.createElement(ThreadDeleteCallbackProvider, {
+  return /* @__PURE__ */ React.createElement(OnDeleteThreadCallback.Provider, {
     value: handleThreadDelete
-  }, /* @__PURE__ */ React.createElement(ComposerFocusCallbackProvider, {
-    value: handleComposerFocus
-  }, /* @__PURE__ */ React.createElement(IsThreadActiveCallbackProvider, {
+  }, /* @__PURE__ */ React.createElement(IsActiveThreadContext.Provider, {
     value: isThreadActive
-  }, showActiveSelection && /* @__PURE__ */ React.createElement(ActiveSelection, null), children)))));
+  }, children));
 }
 
-export { CommentPluginProvider, useCreateThread, useHideFloatingComposer, useShowFloatingComposer };
+export { CommentPluginProvider, IsActiveThreadContext, OnDeleteThreadCallback };
 //# sourceMappingURL=comment-plugin-provider.mjs.map