@liveblocks/react-lexical 2.2.2 → 2.2.3-alpha2

package/dist/comments/floating-threads.js

@@ -0,0 +1,219 @@
+'use strict';
+
+var reactDom = require('@floating-ui/react-dom');
+var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
+var reactUi = require('@liveblocks/react-ui');
+var lexical = require('lexical');
+var React = require('react');
+var reactDom$1 = require('react-dom');
+var index_js = require('use-sync-external-store/shim/index.js');
+var classnames = require('../classnames.js');
+var anchoredThreads = require('./anchored-threads.js');
+var commentPluginProvider = require('./comment-plugin-provider.js');
+
+function FloatingThreads({
+  threads,
+  components,
+  ...divProps
+}) {
+  const activeThreads = useActiveThreads();
+  const Thread = components?.Thread ?? reactUi.Thread;
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const nodes = useThreadToNodes();
+  const [range, setRange] = React.useState(null);
+  const handleUpdateRange = React.useCallback(() => {
+    function getActiveRange() {
+      function getActiveElements() {
+        const activeElements2 = /* @__PURE__ */ new Set();
+        for (const thread of activeThreads) {
+          const keys = nodes.get(thread);
+          if (keys === void 0)
+            continue;
+          for (const key of keys) {
+            const element = editor.getElementByKey(key);
+            if (element === null)
+              continue;
+            activeElements2.add(element);
+          }
+        }
+        return activeElements2;
+      }
+      const activeElements = getActiveElements();
+      const sortedElements = Array.from(activeElements).sort(anchoredThreads.compareNodes);
+      if (sortedElements.length === 0)
+        return null;
+      const range3 = document.createRange();
+      range3.setStartBefore(sortedElements[0]);
+      range3.setEndAfter(sortedElements[sortedElements.length - 1]);
+      return range3;
+    }
+    const active = (threads ?? []).filter(
+      (thread) => activeThreads.includes(thread.id)
+    );
+    const range2 = getActiveRange();
+    if (range2 === null) {
+      setRange(null);
+      return;
+    }
+    setRange({ range: range2, threads: active });
+  }, [activeThreads, nodes, editor, threads]);
+  React.useEffect(() => {
+    handleUpdateRange();
+  }, [handleUpdateRange]);
+  React.useEffect(() => {
+    return editor.registerUpdateListener(handleUpdateRange);
+  }, [editor, handleUpdateRange]);
+  const handleEscapeKeydown = React.useCallback(() => {
+    if (range === null)
+      return false;
+    setRange(null);
+    return true;
+  }, [range]);
+  React.useEffect(() => {
+    return editor.registerCommand(
+      lexical.KEY_ESCAPE_COMMAND,
+      handleEscapeKeydown,
+      lexical.COMMAND_PRIORITY_HIGH
+    );
+  }, [editor, handleEscapeKeydown]);
+  const isCollapsed = useIsSelectionCollapsed();
+  if (range === null || isCollapsed === null || !isCollapsed)
+    return null;
+  return /* @__PURE__ */ React.createElement(FloatingThreadPortal, {
+    range: range.range,
+    container: document.body,
+    ...divProps
+  }, range.threads.map((thread) => /* @__PURE__ */ React.createElement(ThreadWrapper, {
+    key: thread.id,
+    thread,
+    Thread,
+    onEscapeKeydown: handleEscapeKeydown,
+    className: "lb-lexical-floating-threads-thread"
+  })));
+}
+const FLOATING_THREAD_COLLISION_PADDING = 10;
+function FloatingThreadPortal(props) {
+  const { container, range, children, className, style, ...divProps } = props;
+  const {
+    refs: { setReference, setFloating },
+    strategy,
+    x,
+    y
+  } = reactDom.useFloating({
+    strategy: "absolute",
+    placement: "bottom",
+    middleware: [
+      reactDom.flip({ padding: FLOATING_THREAD_COLLISION_PADDING, crossAxis: false }),
+      reactDom.offset(10),
+      reactDom.hide({ padding: FLOATING_THREAD_COLLISION_PADDING }),
+      reactDom.shift({
+        padding: FLOATING_THREAD_COLLISION_PADDING,
+        limiter: reactDom.limitShift()
+      }),
+      reactDom.size({
+        padding: FLOATING_THREAD_COLLISION_PADDING,
+        apply({ availableWidth, availableHeight, elements }) {
+          elements.floating.style.setProperty(
+            "--lb-lexical-floating-threads-available-width",
+            `${availableWidth}px`
+          );
+          elements.floating.style.setProperty(
+            "--lb-lexical-floating-threads-available-height",
+            `${availableHeight}px`
+          );
+        }
+      })
+    ],
+    whileElementsMounted: (...args) => {
+      return reactDom.autoUpdate(...args, {
+        animationFrame: true
+      });
+    }
+  });
+  React.useLayoutEffect(() => {
+    setReference({
+      getBoundingClientRect: () => range.getBoundingClientRect()
+    });
+  }, [setReference, range]);
+  return reactDom$1.createPortal(
+    /* @__PURE__ */ React.createElement("div", {
+      ref: setFloating,
+      ...divProps,
+      style: {
+        ...style,
+        position: strategy,
+        top: 0,
+        left: 0,
+        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
+        minWidth: "max-content"
+      },
+      className: classnames.classNames(
+        "lb-root lb-portal lb-elevation lb-lexical-floating lb-lexical-floating-threads",
+        className
+      )
+    }, children),
+    container
+  );
+}
+function ThreadWrapper({
+  thread,
+  Thread,
+  onEscapeKeydown,
+  onKeyDown,
+  ...threadProps
+}) {
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.key === "Escape") {
+        onEscapeKeydown();
+      }
+    },
+    [onEscapeKeydown, onKeyDown]
+  );
+  return /* @__PURE__ */ React.createElement(Thread, {
+    thread,
+    onKeyDown: handleKeyDown,
+    ...threadProps
+  });
+}
+function useThreadToNodes() {
+  const threadToNodes = React.useContext(commentPluginProvider.ThreadToNodesContext);
+  if (threadToNodes === null) {
+    throw new Error(
+      "FloatingThreads component must be used within a LiveblocksPlugin component."
+    );
+  }
+  return threadToNodes;
+}
+function useIsSelectionCollapsed() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const subscribe = React.useCallback(
+    (onStoreChange) => {
+      return editor.registerUpdateListener(onStoreChange);
+    },
+    [editor]
+  );
+  const getSnapshot = React.useCallback(() => {
+    return editor.getEditorState().read(() => {
+      const selection = lexical.$getSelection();
+      if (selection === null)
+        return null;
+      return selection.isCollapsed();
+    });
+  }, [editor]);
+  return index_js.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+function useActiveThreads() {
+  const activeThreads = React.useContext(commentPluginProvider.ActiveThreadsContext);
+  if (activeThreads === null) {
+    throw new Error(
+      "FloatingThreads component must be used within LiveblocksPlugin."
+    );
+  }
+  return activeThreads;
+}
+
+exports.FLOATING_THREAD_COLLISION_PADDING = FLOATING_THREAD_COLLISION_PADDING;
+exports.FloatingThreads = FloatingThreads;
+//# sourceMappingURL=floating-threads.js.map

package/dist/comments/floating-threads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-threads.js","sources":["../../src/comments/floating-threads.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { BaseMetadata, DM, ThreadData } from \"@liveblocks/core\";\nimport {\n  Thread as DefaultThread,\n  type ThreadProps,\n} from \"@liveblocks/react-ui\";\nimport {\n  $getSelection,\n  COMMAND_PRIORITY_HIGH,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport React, {\n  type ComponentType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nimport { classNames } from \"../classnames\";\nimport { compareNodes } from \"./anchored-threads\";\nimport {\n  ActiveThreadsContext,\n  type ThreadToNodesMap,\n} from \"./comment-plugin-provider\";\nimport { ThreadToNodesContext } from \"./comment-plugin-provider\";\n\ntype ThreadPanelComponents = {\n  Thread: ComponentType<ThreadProps>;\n};\n\nexport interface FloatingThreadsProps<M extends BaseMetadata = DM>\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * The threads to display.\n   */\n  threads: ThreadData<M>[];\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<ThreadPanelComponents>;\n}\n\nexport function FloatingThreads({\n  threads,\n  components,\n  ...divProps\n}: FloatingThreadsProps) {\n  const activeThreads = useActiveThreads();\n\n  const Thread = components?.Thread ?? DefaultThread;\n\n  const [editor] = useLexicalComposerContext();\n  const nodes = useThreadToNodes(); // A map of thread ids to a set of thread mark nodes associated with the thread\n\n  const [range, setRange] = useState<{\n    range: Range;\n    threads: ThreadData[];\n  } | null>(null);\n\n  const handleUpdateRange = useCallback(() => {\n    function getActiveRange(): Range | null {\n      function getActiveElements() {\n        const activeElements = new Set<HTMLElement>();\n\n        for (const thread of activeThreads) {\n          const keys = nodes.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      const sortedElements = Array.from(activeElements).sort(compareNodes);\n      if (sortedElements.length === 0) return null;\n\n      const range = document.createRange();\n      range.setStartBefore(sortedElements[0]);\n      range.setEndAfter(sortedElements[sortedElements.length - 1]);\n\n      return range;\n    }\n\n    const active = (threads ?? []).filter((thread) =>\n      activeThreads.includes(thread.id)\n    );\n\n    const range = getActiveRange();\n    if (range === null) {\n      setRange(null);\n      return;\n    }\n\n    setRange({ range, threads: active });\n  }, [activeThreads, nodes, editor, threads]);\n\n  useEffect(() => {\n    handleUpdateRange();\n  }, [handleUpdateRange]);\n\n  useEffect(() => {\n    return editor.registerUpdateListener(handleUpdateRange);\n  }, [editor, handleUpdateRange]);\n\n  const handleEscapeKeydown = useCallback((): boolean => {\n    if (range === null) return false;\n    setRange(null);\n    return true;\n  }, [range]);\n\n  useEffect(() => {\n    return editor.registerCommand(\n      KEY_ESCAPE_COMMAND,\n      handleEscapeKeydown,\n      COMMAND_PRIORITY_HIGH\n    );\n  }, [editor, handleEscapeKeydown]);\n\n  const isCollapsed = useIsSelectionCollapsed();\n\n  if (range === null || isCollapsed === null || !isCollapsed) return null;\n\n  return (\n    <FloatingThreadPortal\n      range={range.range}\n      container={document.body}\n      {...divProps}\n    >\n      {range.threads.map((thread) => (\n        <ThreadWrapper\n          key={thread.id}\n          thread={thread}\n          Thread={Thread}\n          onEscapeKeydown={handleEscapeKeydown}\n          className=\"lb-lexical-floating-threads-thread\"\n        />\n      ))}\n    </FloatingThreadPortal>\n  );\n}\n\ninterface FloatingThreadPortalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  range: Range;\n  container: HTMLElement;\n  children: ReactNode;\n}\n\nexport const FLOATING_THREAD_COLLISION_PADDING = 10;\n\nfunction FloatingThreadPortal(props: FloatingThreadPortalProps) {\n  const { container, range, children, className, style, ...divProps } = props;\n\n  const {\n    refs: { setReference, setFloating },\n    strategy,\n    x,\n    y,\n  } = useFloating({\n    strategy: \"absolute\",\n    placement: \"bottom\",\n    middleware: [\n      flip({ padding: FLOATING_THREAD_COLLISION_PADDING, crossAxis: false }),\n      offset(10),\n      hide({ padding: FLOATING_THREAD_COLLISION_PADDING }),\n      shift({\n        padding: FLOATING_THREAD_COLLISION_PADDING,\n        limiter: limitShift(),\n      }),\n      size({\n        padding: FLOATING_THREAD_COLLISION_PADDING,\n        apply({ availableWidth, availableHeight, elements }) {\n          elements.floating.style.setProperty(\n            \"--lb-lexical-floating-threads-available-width\",\n            `${availableWidth}px`\n          );\n          elements.floating.style.setProperty(\n            \"--lb-lexical-floating-threads-available-height\",\n            `${availableHeight}px`\n          );\n        },\n      }),\n    ],\n    whileElementsMounted: (...args) => {\n      return autoUpdate(...args, {\n        animationFrame: true,\n      });\n    },\n  });\n\n  useLayoutEffect(() => {\n    setReference({\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n    });\n  }, [setReference, range]);\n\n  return createPortal(\n    <div\n      ref={setFloating}\n      {...divProps}\n      style={{\n        ...style,\n        position: strategy,\n        top: 0,\n        left: 0,\n        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n        minWidth: \"max-content\",\n      }}\n      className={classNames(\n        \"lb-root lb-portal lb-elevation lb-lexical-floating lb-lexical-floating-threads\",\n        className\n      )}\n    >\n      {children}\n    </div>,\n    container\n  );\n}\n\ninterface ThreadWrapperProps extends ThreadProps {\n  thread: ThreadData;\n  Thread: ComponentType<ThreadProps>;\n  onEscapeKeydown: () => void;\n}\n\nfunction ThreadWrapper({\n  thread,\n  Thread,\n  onEscapeKeydown,\n  onKeyDown,\n  ...threadProps\n}: ThreadWrapperProps) {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n\n      // TODO: Add ability to preventDefault on keydown to override the default behavior, e.g. to show an alert dialog\n      if (event.key === \"Escape\") {\n        onEscapeKeydown();\n      }\n    },\n    [onEscapeKeydown, onKeyDown]\n  );\n\n  return <Thread thread={thread} onKeyDown={handleKeyDown} {...threadProps} />;\n}\n\nfunction useThreadToNodes(): ThreadToNodesMap {\n  const threadToNodes = useContext(ThreadToNodesContext);\n  if (threadToNodes === null) {\n    throw new Error(\n      \"FloatingThreads component must be used within a LiveblocksPlugin component.\"\n    );\n  }\n  return threadToNodes;\n}\n\nfunction useIsSelectionCollapsed(): boolean | null {\n  const [editor] = useLexicalComposerContext();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return editor.registerUpdateListener(onStoreChange);\n    },\n    [editor]\n  );\n\n  const getSnapshot = useCallback(() => {\n    return editor.getEditorState().read(() => {\n      const selection = $getSelection();\n      if (selection === null) return null;\n      return selection.isCollapsed();\n    });\n  }, [editor]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nfunction useActiveThreads() {\n  const activeThreads = useContext(ActiveThreadsContext);\n  if (activeThreads === null) {\n    throw new Error(\n      \"FloatingThreads component must be used within LiveblocksPlugin.\"\n    );\n  }\n\n  return activeThreads;\n}\n"],"names":["DefaultThread","useLexicalComposerContext","useState","useCallback","activeElements","compareNodes","range","useEffect","KEY_ESCAPE_COMMAND","COMMAND_PRIORITY_HIGH","useFloating","flip","offset","hide","shift","limitShift","size","autoUpdate","useLayoutEffect","createPortal","classNames","useContext","ThreadToNodesContext","$getSelection","useSyncExternalStore","ActiveThreadsContext"],"mappings":"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"}

package/dist/comments/floating-threads.mjs

@@ -0,0 +1,216 @@
+import { useFloating, flip, offset, hide, shift, limitShift, size, autoUpdate } from '@floating-ui/react-dom';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { Thread } from '@liveblocks/react-ui';
+import { KEY_ESCAPE_COMMAND, COMMAND_PRIORITY_HIGH, $getSelection } from 'lexical';
+import React__default, { useState, useCallback, useEffect, useLayoutEffect, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
+import { classNames } from '../classnames.mjs';
+import { compareNodes } from './anchored-threads.mjs';
+import { ThreadToNodesContext, ActiveThreadsContext } from './comment-plugin-provider.mjs';
+
+function FloatingThreads({
+  threads,
+  components,
+  ...divProps
+}) {
+  const activeThreads = useActiveThreads();
+  const Thread$1 = components?.Thread ?? Thread;
+  const [editor] = useLexicalComposerContext();
+  const nodes = useThreadToNodes();
+  const [range, setRange] = useState(null);
+  const handleUpdateRange = useCallback(() => {
+    function getActiveRange() {
+      function getActiveElements() {
+        const activeElements2 = /* @__PURE__ */ new Set();
+        for (const thread of activeThreads) {
+          const keys = nodes.get(thread);
+          if (keys === void 0)
+            continue;
+          for (const key of keys) {
+            const element = editor.getElementByKey(key);
+            if (element === null)
+              continue;
+            activeElements2.add(element);
+          }
+        }
+        return activeElements2;
+      }
+      const activeElements = getActiveElements();
+      const sortedElements = Array.from(activeElements).sort(compareNodes);
+      if (sortedElements.length === 0)
+        return null;
+      const range3 = document.createRange();
+      range3.setStartBefore(sortedElements[0]);
+      range3.setEndAfter(sortedElements[sortedElements.length - 1]);
+      return range3;
+    }
+    const active = (threads ?? []).filter(
+      (thread) => activeThreads.includes(thread.id)
+    );
+    const range2 = getActiveRange();
+    if (range2 === null) {
+      setRange(null);
+      return;
+    }
+    setRange({ range: range2, threads: active });
+  }, [activeThreads, nodes, editor, threads]);
+  useEffect(() => {
+    handleUpdateRange();
+  }, [handleUpdateRange]);
+  useEffect(() => {
+    return editor.registerUpdateListener(handleUpdateRange);
+  }, [editor, handleUpdateRange]);
+  const handleEscapeKeydown = useCallback(() => {
+    if (range === null)
+      return false;
+    setRange(null);
+    return true;
+  }, [range]);
+  useEffect(() => {
+    return editor.registerCommand(
+      KEY_ESCAPE_COMMAND,
+      handleEscapeKeydown,
+      COMMAND_PRIORITY_HIGH
+    );
+  }, [editor, handleEscapeKeydown]);
+  const isCollapsed = useIsSelectionCollapsed();
+  if (range === null || isCollapsed === null || !isCollapsed)
+    return null;
+  return /* @__PURE__ */ React__default.createElement(FloatingThreadPortal, {
+    range: range.range,
+    container: document.body,
+    ...divProps
+  }, range.threads.map((thread) => /* @__PURE__ */ React__default.createElement(ThreadWrapper, {
+    key: thread.id,
+    thread,
+    Thread: Thread$1,
+    onEscapeKeydown: handleEscapeKeydown,
+    className: "lb-lexical-floating-threads-thread"
+  })));
+}
+const FLOATING_THREAD_COLLISION_PADDING = 10;
+function FloatingThreadPortal(props) {
+  const { container, range, children, className, style, ...divProps } = props;
+  const {
+    refs: { setReference, setFloating },
+    strategy,
+    x,
+    y
+  } = useFloating({
+    strategy: "absolute",
+    placement: "bottom",
+    middleware: [
+      flip({ padding: FLOATING_THREAD_COLLISION_PADDING, crossAxis: false }),
+      offset(10),
+      hide({ padding: FLOATING_THREAD_COLLISION_PADDING }),
+      shift({
+        padding: FLOATING_THREAD_COLLISION_PADDING,
+        limiter: limitShift()
+      }),
+      size({
+        padding: FLOATING_THREAD_COLLISION_PADDING,
+        apply({ availableWidth, availableHeight, elements }) {
+          elements.floating.style.setProperty(
+            "--lb-lexical-floating-threads-available-width",
+            `${availableWidth}px`
+          );
+          elements.floating.style.setProperty(
+            "--lb-lexical-floating-threads-available-height",
+            `${availableHeight}px`
+          );
+        }
+      })
+    ],
+    whileElementsMounted: (...args) => {
+      return autoUpdate(...args, {
+        animationFrame: true
+      });
+    }
+  });
+  useLayoutEffect(() => {
+    setReference({
+      getBoundingClientRect: () => range.getBoundingClientRect()
+    });
+  }, [setReference, range]);
+  return createPortal(
+    /* @__PURE__ */ React__default.createElement("div", {
+      ref: setFloating,
+      ...divProps,
+      style: {
+        ...style,
+        position: strategy,
+        top: 0,
+        left: 0,
+        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
+        minWidth: "max-content"
+      },
+      className: classNames(
+        "lb-root lb-portal lb-elevation lb-lexical-floating lb-lexical-floating-threads",
+        className
+      )
+    }, children),
+    container
+  );
+}
+function ThreadWrapper({
+  thread,
+  Thread,
+  onEscapeKeydown,
+  onKeyDown,
+  ...threadProps
+}) {
+  const handleKeyDown = useCallback(
+    (event) => {
+      onKeyDown?.(event);
+      if (event.key === "Escape") {
+        onEscapeKeydown();
+      }
+    },
+    [onEscapeKeydown, onKeyDown]
+  );
+  return /* @__PURE__ */ React__default.createElement(Thread, {
+    thread,
+    onKeyDown: handleKeyDown,
+    ...threadProps
+  });
+}
+function useThreadToNodes() {
+  const threadToNodes = useContext(ThreadToNodesContext);
+  if (threadToNodes === null) {
+    throw new Error(
+      "FloatingThreads component must be used within a LiveblocksPlugin component."
+    );
+  }
+  return threadToNodes;
+}
+function useIsSelectionCollapsed() {
+  const [editor] = useLexicalComposerContext();
+  const subscribe = useCallback(
+    (onStoreChange) => {
+      return editor.registerUpdateListener(onStoreChange);
+    },
+    [editor]
+  );
+  const getSnapshot = useCallback(() => {
+    return editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      if (selection === null)
+        return null;
+      return selection.isCollapsed();
+    });
+  }, [editor]);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+function useActiveThreads() {
+  const activeThreads = useContext(ActiveThreadsContext);
+  if (activeThreads === null) {
+    throw new Error(
+      "FloatingThreads component must be used within LiveblocksPlugin."
+    );
+  }
+  return activeThreads;
+}
+
+export { FLOATING_THREAD_COLLISION_PADDING, FloatingThreads };
+//# sourceMappingURL=floating-threads.mjs.map

package/dist/comments/floating-threads.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-threads.mjs","sources":["../../src/comments/floating-threads.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  hide,\n  limitShift,\n  offset,\n  shift,\n  size,\n  useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { BaseMetadata, DM, ThreadData } from \"@liveblocks/core\";\nimport {\n  Thread as DefaultThread,\n  type ThreadProps,\n} from \"@liveblocks/react-ui\";\nimport {\n  $getSelection,\n  COMMAND_PRIORITY_HIGH,\n  KEY_ESCAPE_COMMAND,\n} from \"lexical\";\nimport React, {\n  type ComponentType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim/index.js\";\n\nimport { classNames } from \"../classnames\";\nimport { compareNodes } from \"./anchored-threads\";\nimport {\n  ActiveThreadsContext,\n  type ThreadToNodesMap,\n} from \"./comment-plugin-provider\";\nimport { ThreadToNodesContext } from \"./comment-plugin-provider\";\n\ntype ThreadPanelComponents = {\n  Thread: ComponentType<ThreadProps>;\n};\n\nexport interface FloatingThreadsProps<M extends BaseMetadata = DM>\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * The threads to display.\n   */\n  threads: ThreadData<M>[];\n\n  /**\n   * Override the component's components.\n   */\n  components?: Partial<ThreadPanelComponents>;\n}\n\nexport function FloatingThreads({\n  threads,\n  components,\n  ...divProps\n}: FloatingThreadsProps) {\n  const activeThreads = useActiveThreads();\n\n  const Thread = components?.Thread ?? DefaultThread;\n\n  const [editor] = useLexicalComposerContext();\n  const nodes = useThreadToNodes(); // A map of thread ids to a set of thread mark nodes associated with the thread\n\n  const [range, setRange] = useState<{\n    range: Range;\n    threads: ThreadData[];\n  } | null>(null);\n\n  const handleUpdateRange = useCallback(() => {\n    function getActiveRange(): Range | null {\n      function getActiveElements() {\n        const activeElements = new Set<HTMLElement>();\n\n        for (const thread of activeThreads) {\n          const keys = nodes.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      const sortedElements = Array.from(activeElements).sort(compareNodes);\n      if (sortedElements.length === 0) return null;\n\n      const range = document.createRange();\n      range.setStartBefore(sortedElements[0]);\n      range.setEndAfter(sortedElements[sortedElements.length - 1]);\n\n      return range;\n    }\n\n    const active = (threads ?? []).filter((thread) =>\n      activeThreads.includes(thread.id)\n    );\n\n    const range = getActiveRange();\n    if (range === null) {\n      setRange(null);\n      return;\n    }\n\n    setRange({ range, threads: active });\n  }, [activeThreads, nodes, editor, threads]);\n\n  useEffect(() => {\n    handleUpdateRange();\n  }, [handleUpdateRange]);\n\n  useEffect(() => {\n    return editor.registerUpdateListener(handleUpdateRange);\n  }, [editor, handleUpdateRange]);\n\n  const handleEscapeKeydown = useCallback((): boolean => {\n    if (range === null) return false;\n    setRange(null);\n    return true;\n  }, [range]);\n\n  useEffect(() => {\n    return editor.registerCommand(\n      KEY_ESCAPE_COMMAND,\n      handleEscapeKeydown,\n      COMMAND_PRIORITY_HIGH\n    );\n  }, [editor, handleEscapeKeydown]);\n\n  const isCollapsed = useIsSelectionCollapsed();\n\n  if (range === null || isCollapsed === null || !isCollapsed) return null;\n\n  return (\n    <FloatingThreadPortal\n      range={range.range}\n      container={document.body}\n      {...divProps}\n    >\n      {range.threads.map((thread) => (\n        <ThreadWrapper\n          key={thread.id}\n          thread={thread}\n          Thread={Thread}\n          onEscapeKeydown={handleEscapeKeydown}\n          className=\"lb-lexical-floating-threads-thread\"\n        />\n      ))}\n    </FloatingThreadPortal>\n  );\n}\n\ninterface FloatingThreadPortalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  range: Range;\n  container: HTMLElement;\n  children: ReactNode;\n}\n\nexport const FLOATING_THREAD_COLLISION_PADDING = 10;\n\nfunction FloatingThreadPortal(props: FloatingThreadPortalProps) {\n  const { container, range, children, className, style, ...divProps } = props;\n\n  const {\n    refs: { setReference, setFloating },\n    strategy,\n    x,\n    y,\n  } = useFloating({\n    strategy: \"absolute\",\n    placement: \"bottom\",\n    middleware: [\n      flip({ padding: FLOATING_THREAD_COLLISION_PADDING, crossAxis: false }),\n      offset(10),\n      hide({ padding: FLOATING_THREAD_COLLISION_PADDING }),\n      shift({\n        padding: FLOATING_THREAD_COLLISION_PADDING,\n        limiter: limitShift(),\n      }),\n      size({\n        padding: FLOATING_THREAD_COLLISION_PADDING,\n        apply({ availableWidth, availableHeight, elements }) {\n          elements.floating.style.setProperty(\n            \"--lb-lexical-floating-threads-available-width\",\n            `${availableWidth}px`\n          );\n          elements.floating.style.setProperty(\n            \"--lb-lexical-floating-threads-available-height\",\n            `${availableHeight}px`\n          );\n        },\n      }),\n    ],\n    whileElementsMounted: (...args) => {\n      return autoUpdate(...args, {\n        animationFrame: true,\n      });\n    },\n  });\n\n  useLayoutEffect(() => {\n    setReference({\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n    });\n  }, [setReference, range]);\n\n  return createPortal(\n    <div\n      ref={setFloating}\n      {...divProps}\n      style={{\n        ...style,\n        position: strategy,\n        top: 0,\n        left: 0,\n        transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n        minWidth: \"max-content\",\n      }}\n      className={classNames(\n        \"lb-root lb-portal lb-elevation lb-lexical-floating lb-lexical-floating-threads\",\n        className\n      )}\n    >\n      {children}\n    </div>,\n    container\n  );\n}\n\ninterface ThreadWrapperProps extends ThreadProps {\n  thread: ThreadData;\n  Thread: ComponentType<ThreadProps>;\n  onEscapeKeydown: () => void;\n}\n\nfunction ThreadWrapper({\n  thread,\n  Thread,\n  onEscapeKeydown,\n  onKeyDown,\n  ...threadProps\n}: ThreadWrapperProps) {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n\n      // TODO: Add ability to preventDefault on keydown to override the default behavior, e.g. to show an alert dialog\n      if (event.key === \"Escape\") {\n        onEscapeKeydown();\n      }\n    },\n    [onEscapeKeydown, onKeyDown]\n  );\n\n  return <Thread thread={thread} onKeyDown={handleKeyDown} {...threadProps} />;\n}\n\nfunction useThreadToNodes(): ThreadToNodesMap {\n  const threadToNodes = useContext(ThreadToNodesContext);\n  if (threadToNodes === null) {\n    throw new Error(\n      \"FloatingThreads component must be used within a LiveblocksPlugin component.\"\n    );\n  }\n  return threadToNodes;\n}\n\nfunction useIsSelectionCollapsed(): boolean | null {\n  const [editor] = useLexicalComposerContext();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return editor.registerUpdateListener(onStoreChange);\n    },\n    [editor]\n  );\n\n  const getSnapshot = useCallback(() => {\n    return editor.getEditorState().read(() => {\n      const selection = $getSelection();\n      if (selection === null) return null;\n      return selection.isCollapsed();\n    });\n  }, [editor]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nfunction useActiveThreads() {\n  const activeThreads = useContext(ActiveThreadsContext);\n  if (activeThreads === null) {\n    throw new Error(\n      \"FloatingThreads component must be used within LiveblocksPlugin.\"\n    );\n  }\n\n  return activeThreads;\n}\n"],"names":["Thread","DefaultThread","activeElements","range","React"],"mappings":"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"}

package/dist/index.d.mts

@@ -1,10 +1,25 @@
-import { BaseMetadata, DM } from '@liveblocks/core';
-import { ComposerProps } from '@liveblocks/react-ui';
+import { BaseMetadata, DM, ThreadData } from '@liveblocks/core';
+import { ThreadProps, ComposerProps } from '@liveblocks/react-ui';
+import React, { ComponentPropsWithoutRef, ComponentType, HTMLAttributes } from 'react';
 import * as lexical from 'lexical';
 import { LexicalCommand } from 'lexical';
-import React from 'react';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 
+declare type AnchoredThreadsComponents = {
+    Thread: ComponentType<ThreadProps>;
+};
+interface AnchoredThreadsProps<M extends BaseMetadata = DM> extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /**
+     * The threads to display.
+     */
+    threads: ThreadData<M>[];
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<AnchoredThreadsComponents>;
+}
+declare function AnchoredThreads({ threads, components, className, style, ...divProps }: AnchoredThreadsProps): React.JSX.Element;
+
 /**
  * Returns whether the associated thread annotation for the given thread id is selected or not in the editor.
  * @param threadId The id of the thread to check if the associated annotation is selected or not.
@@ -45,6 +60,21 @@ declare type FloatingComposerProps<M extends BaseMetadata = DM> = Omit<ComposerP
  */
 declare const FloatingComposer: React.ForwardRefExoticComponent<FloatingComposerProps<BaseMetadata> & React.RefAttributes<HTMLFormElement>>;
 
+declare type ThreadPanelComponents = {
+    Thread: ComponentType<ThreadProps>;
+};
+interface FloatingThreadsProps<M extends BaseMetadata = DM> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /**
+     * The threads to display.
+     */
+    threads: ThreadData<M>[];
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<ThreadPanelComponents>;
+}
+declare function FloatingThreads({ threads, components, ...divProps }: FloatingThreadsProps): React.JSX.Element | null;
+
 /**
  * Function that takes a Lexical editor config and modifies it to add the necessary
  * `nodes` and `theme` to make `LiveblocksPlugin` works correctly.
@@ -140,4 +170,4 @@ declare type LiveblocksPluginProps = {
  */
 declare const LiveblocksPlugin: ({ children, }: LiveblocksPluginProps) => JSX.Element;
 
-export { FloatingComposer, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsThreadActive };
+export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsThreadActive };

package/dist/index.d.ts

@@ -1,10 +1,25 @@
-import { BaseMetadata, DM } from '@liveblocks/core';
-import { ComposerProps } from '@liveblocks/react-ui';
+import { BaseMetadata, DM, ThreadData } from '@liveblocks/core';
+import { ThreadProps, ComposerProps } from '@liveblocks/react-ui';
+import React, { ComponentPropsWithoutRef, ComponentType, HTMLAttributes } from 'react';
 import * as lexical from 'lexical';
 import { LexicalCommand } from 'lexical';
-import React from 'react';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 
+declare type AnchoredThreadsComponents = {
+    Thread: ComponentType<ThreadProps>;
+};
+interface AnchoredThreadsProps<M extends BaseMetadata = DM> extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /**
+     * The threads to display.
+     */
+    threads: ThreadData<M>[];
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<AnchoredThreadsComponents>;
+}
+declare function AnchoredThreads({ threads, components, className, style, ...divProps }: AnchoredThreadsProps): React.JSX.Element;
+
 /**
  * Returns whether the associated thread annotation for the given thread id is selected or not in the editor.
  * @param threadId The id of the thread to check if the associated annotation is selected or not.
@@ -45,6 +60,21 @@ declare type FloatingComposerProps<M extends BaseMetadata = DM> = Omit<ComposerP
  */
 declare const FloatingComposer: React.ForwardRefExoticComponent<FloatingComposerProps<BaseMetadata> & React.RefAttributes<HTMLFormElement>>;
 
+declare type ThreadPanelComponents = {
+    Thread: ComponentType<ThreadProps>;
+};
+interface FloatingThreadsProps<M extends BaseMetadata = DM> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /**
+     * The threads to display.
+     */
+    threads: ThreadData<M>[];
+    /**
+     * Override the component's components.
+     */
+    components?: Partial<ThreadPanelComponents>;
+}
+declare function FloatingThreads({ threads, components, ...divProps }: FloatingThreadsProps): React.JSX.Element | null;
+
 /**
  * Function that takes a Lexical editor config and modifies it to add the necessary
  * `nodes` and `theme` to make `LiveblocksPlugin` works correctly.
@@ -140,4 +170,4 @@ declare type LiveblocksPluginProps = {
  */
 declare const LiveblocksPlugin: ({ children, }: LiveblocksPluginProps) => JSX.Element;
 
-export { FloatingComposer, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsThreadActive };
+export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsThreadActive };

package/dist/index.js

@@ -2,16 +2,20 @@
 
 var core = require('@liveblocks/core');
 var version = require('./version.js');
+var anchoredThreads = require('./comments/anchored-threads.js');
 var commentPluginProvider = require('./comments/comment-plugin-provider.js');
 var floatingComposer = require('./comments/floating-composer.js');
+var floatingThreads = require('./comments/floating-threads.js');
 var liveblocksConfig = require('./liveblocks-config.js');
 var liveblocksPluginProvider = require('./liveblocks-plugin-provider.js');
 
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
 
+exports.AnchoredThreads = anchoredThreads.AnchoredThreads;
 exports.useIsThreadActive = commentPluginProvider.useIsThreadActive;
 exports.FloatingComposer = floatingComposer.FloatingComposer;
 exports.OPEN_FLOATING_COMPOSER_COMMAND = floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND;
+exports.FloatingThreads = floatingThreads.FloatingThreads;
 exports.liveblocksConfig = liveblocksConfig.liveblocksConfig;
 exports.LiveblocksPlugin = liveblocksPluginProvider.LiveblocksPlugin;
 exports.useEditorStatus = liveblocksPluginProvider.useEditorStatus;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n} from \"./liveblocks-plugin-provider\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n} from \"./liveblocks-plugin-provider\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;"}

package/dist/index.mjs

@@ -1,7 +1,9 @@
 import { detectDupes } from '@liveblocks/core';
 import { PKG_NAME, PKG_VERSION, PKG_FORMAT } from './version.mjs';
+export { AnchoredThreads } from './comments/anchored-threads.mjs';
 export { useIsThreadActive } from './comments/comment-plugin-provider.mjs';
 export { FloatingComposer, OPEN_FLOATING_COMPOSER_COMMAND } from './comments/floating-composer.mjs';
+export { FloatingThreads } from './comments/floating-threads.mjs';
 export { liveblocksConfig } from './liveblocks-config.mjs';
 export { LiveblocksPlugin, useEditorStatus } from './liveblocks-plugin-provider.mjs';
 

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n} from \"./liveblocks-plugin-provider\";\n"],"names":[],"mappings":";;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n} from \"./liveblocks-plugin-provider\";\n"],"names":[],"mappings":";;;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}