@liveblocks/react-tiptap 2.16.0-toolbars4 → 2.17.0-channels1

package/dist/index.d.ts

@@ -3,20 +3,10 @@ import { BaseMetadata, DM, ThreadData, HistoryVersion } from '@liveblocks/core';
 import { ThreadProps, ComposerProps } from '@liveblocks/react-ui';
 import { Editor } from '@tiptap/react';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ComponentProps, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes } from 'react';
 import { BaseMetadata as BaseMetadata$1 } from '@liveblocks/client';
 import { Extension, Content } from '@tiptap/core';
 
-type FloatingPosition = "top" | "bottom";
-type CommentsCommands<ReturnType> = {
-    /**
-     * Add a comment
-     */
-    addComment: (id: string) => ReturnType;
-    selectThread: (id: string | null) => ReturnType;
-    addPendingComment: () => ReturnType;
-};
-
 type AnchoredThreadsComponents = {
     Thread: ComponentType<ThreadProps>;
 };
@@ -36,9 +26,6 @@ interface AnchoredThreadsProps<M extends BaseMetadata = DM> extends Omit<Compone
 }
 declare function AnchoredThreads({ threads, components, className, style, editor, ...props }: AnchoredThreadsProps): react_jsx_runtime.JSX.Element | null;
 
-type FloatingComposerProps<M extends BaseMetadata$1 = DM> = Omit<ComposerProps<M>, "threadId" | "commentId"> & {
-    editor: Editor | null;
-};
 declare const FloatingComposer: react.ForwardRefExoticComponent<Omit<ComposerProps<BaseMetadata$1>, "threadId" | "commentId"> & {
     editor: Editor | null;
 } & react.RefAttributes<HTMLFormElement>>;
@@ -77,244 +64,6 @@ type LiveblocksExtensionOptions = {
 declare function useIsEditorReady(): boolean;
 declare const useLiveblocksExtension: (opts?: LiveblocksExtensionOptions) => Extension;
 
-interface ToolbarSlotProps {
-    editor: Editor;
-}
-type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;
-interface ToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The Tiptap editor.
-     */
-    editor: Editor | null;
-    /**
-     * The content of the toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the toolbar.
-     */
-    after?: ToolbarSlot;
-}
-interface ToolbarButtonProps extends ComponentProps<"button"> {
-    /**
-     * The name of this button displayed in its tooltip.
-     */
-    name: string;
-    /**
-     * An optional icon displayed in this button.
-     */
-    icon?: ReactNode;
-    /**
-     * An optional keyboard shortcut displayed in this button's tooltip.
-     *
-     * @example
-     * "Mod-Alt-B" → "⌘⌥B" in Apple environments, "⌃⌥B" otherwise
-     * "Ctrl-Shift-Escape" → "⌃⇧⎋"
-     * "Space" → "␣"
-     */
-    shortcut?: string;
-}
-interface ToolbarToggleProps extends ToolbarButtonProps {
-    /**
-     * Whether the button is toggled.
-     */
-    active: boolean;
-}
-interface ToolbarBlockSelectorItem {
-    /**
-     * The name of this block element, displayed as the label of this item.
-     */
-    name: string;
-    /**
-     * Optionally replace the name used as the label of this item by any content.
-     */
-    label?: ReactNode;
-    /**
-     * An optional icon displayed in this item.
-     */
-    icon?: ReactNode;
-    /**
-     * Whether this block element is currently active.
-     * Set to `"default"` to display this item when no other item is active.
-     */
-    isActive: ((editor: Editor) => boolean) | "default";
-    /**
-     * A callback invoked when this item is selected.
-     */
-    setActive: (editor: Editor) => void;
-}
-interface ToolbarBlockSelectorProps extends ComponentProps<"button"> {
-    /**
-     * The items displayed in this block selector.
-     * When provided as an array, the default items are overridden. To avoid this,
-     * a function can be provided instead and it will receive the default items.
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={[
-     *     {
-     *       name: "Text",
-     *       isActive: "default",
-     *       setActive: () => { ... },
-     *     },
-     *     {
-     *       name: "Heading 1",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={(defaultItems) => [
-     *     ...defaultItems,
-     *     {
-     *       name: "Custom block",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     */
-    items?: ToolbarBlockSelectorItem[] | ((defaultItems: ToolbarBlockSelectorItem[]) => ToolbarBlockSelectorItem[]);
-}
-type ToolbarSeparatorProps = ComponentProps<"div">;
-declare function ToolbarSectionHistory(): react_jsx_runtime.JSX.Element;
-declare function ToolbarSectionInline(): react_jsx_runtime.JSX.Element;
-declare function ToolbarSectionCollaboration(): react_jsx_runtime.JSX.Element;
-/**
- * A static toolbar containing actions and values related to the editor.
- *
- * @example
- * <Toolbar editor={editor} />
- *
- * @example
- * <Toolbar editor={editor}>
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </Toolbar>
- */
-declare const Toolbar: react.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A button for triggering actions.
-     *
-     * @example
-     * <Toolbar.Button name="Comment" shortcut="Mod-Shift-E" onClick={() => { ... }}>Comment</Toolbar.Button>
-     *
-     * @example
-     * <Toolbar.Button name="Mention someone" icon={<Icon.Mention />} onClick={() => { ... }} />
-     */
-    Button: react.ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A toggle button for values that can be active or inactive.
-     *
-     * @example
-     * <Toolbar.Toggle name="Bold" active={isBold}>Bold</Toolbar.Toggle>
-     *
-     * @example
-     * <Toolbar.Toggle name="Italic" icon={<Icon.Italic />} shortcut="Mod-I" active={isItalic} onClick={() => { ... }} />
-     */
-    Toggle: react.ForwardRefExoticComponent<Omit<ToolbarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A dropdown selector to switch between different block types.
-     *
-     * @example
-     * <Toolbar.BlockSelector />
-     */
-    BlockSelector: react.ForwardRefExoticComponent<Omit<ToolbarBlockSelectorProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A visual (and accessible) separator to separate sections in a toolbar.
-     */
-    Separator: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A section containing history actions. (e.g. undo, redo)
-     */
-    SectionHistory: typeof ToolbarSectionHistory;
-    /**
-     * A section containing inline formatting actions. (e.g. bold, italic, underline, ...)
-     */
-    SectionInline: typeof ToolbarSectionInline;
-    /**
-     * A section containing collaborative actions. (e.g. adding a comment)
-     */
-    SectionCollaboration: typeof ToolbarSectionCollaboration;
-};
-
-interface FloatingToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The Tiptap editor.
-     */
-    editor: Editor | null;
-    /**
-     * The vertical position of the floating toolbar.
-     */
-    position?: FloatingPosition;
-    /**
-     * The vertical offset of the floating toolbar from the selection.
-     */
-    offset?: number;
-    /**
-     * The content of the floating toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the floating toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the floating toolbar.
-     */
-    after?: ToolbarSlot;
-}
-/**
- * A floating toolbar attached to the selection and containing actions and values related to the editor.
- *
- * @example
- * <FloatingToolbar editor={editor} />
- *
- * @example
- * <FloatingToolbar editor={editor}>
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </FloatingToolbar>
- */
-declare const FloatingToolbar: react.ForwardRefExoticComponent<Omit<FloatingToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A component that can be wrapped around elements which are rendered outside of the floating
-     * toolbar (e.g. portals) to prevent the toolbar from closing when clicking/focusing within them.
-     *
-     * @example
-     * <FloatingToolbar editor={editor}>
-     *   <Popover.Root>
-     *     <Popover.Trigger asChild>
-     *       <Toolbar.Button>Open popover</Toolbar.Button>
-     *     </Popover.Trigger>
-     *     <Popover.Portal>
-     *       <FloatingToolbar.External>
-     *         <Popover.Content>
-     *           This popover is rendered outside of the floating toolbar, but the toolbar will not close when clicking/focusing within it.
-     *         </Popover.Content>
-     *       </FloatingToolbar.External>
-     *     </Popover.Portal>
-     *   </Popover.Root>
-     * </FloatingToolbar>
-     */
-    External: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
 interface HistoryVersionPreviewProps extends ComponentPropsWithoutRef<"div"> {
     version: HistoryVersion;
     editor: Editor;
@@ -330,8 +79,15 @@ declare const HistoryVersionPreview: react.ForwardRefExoticComponent<HistoryVers
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        comments: CommentsCommands<ReturnType>;
+        comments: {
+            /**
+             * Add a comment
+             */
+            addComment: (id: string) => ReturnType;
+            selectThread: (id: string | null) => ReturnType;
+            addPendingComment: () => ReturnType;
+        };
     }
 }
 
-export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, FloatingToolbar, FloatingToolbarProps, HistoryVersionPreview, HistoryVersionPreviewProps, Toolbar, ToolbarBlockSelectorItem, ToolbarBlockSelectorProps, ToolbarButtonProps, ToolbarProps, ToolbarSeparatorProps, ToolbarToggleProps, useIsEditorReady, useLiveblocksExtension };
+export { AnchoredThreads, FloatingComposer, FloatingThreads, HistoryVersionPreview, useIsEditorReady, useLiveblocksExtension };

package/dist/index.js

@@ -6,8 +6,6 @@ var AnchoredThreads = require('./comments/AnchoredThreads.js');
 var FloatingComposer = require('./comments/FloatingComposer.js');
 var FloatingThreads = require('./comments/FloatingThreads.js');
 var LiveblocksExtension = require('./LiveblocksExtension.js');
-var FloatingToolbar = require('./toolbar/FloatingToolbar.js');
-var Toolbar = require('./toolbar/Toolbar.js');
 var HistoryVersionPreview = require('./version-history/HistoryVersionPreview.js');
 
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
@@ -17,7 +15,5 @@ exports.FloatingComposer = FloatingComposer.FloatingComposer;
 exports.FloatingThreads = FloatingThreads.FloatingThreads;
 exports.useIsEditorReady = LiveblocksExtension.useIsEditorReady;
 exports.useLiveblocksExtension = LiveblocksExtension.useLiveblocksExtension;
-exports.FloatingToolbar = FloatingToolbar.FloatingToolbar;
-exports.Toolbar = Toolbar.Toolbar;
 exports.HistoryVersionPreview = HistoryVersionPreview.HistoryVersionPreview;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport type { CommentsCommands } from \"./types\";\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/AnchoredThreads\";\nexport { AnchoredThreads } from \"./comments/AnchoredThreads\";\nexport type { FloatingComposerProps } from \"./comments/FloatingComposer\";\nexport { FloatingComposer } from \"./comments/FloatingComposer\";\nexport type { FloatingThreadsProps } from \"./comments/FloatingThreads\";\nexport { FloatingThreads } from \"./comments/FloatingThreads\";\nexport { useLiveblocksExtension } from \"./LiveblocksExtension\";\nexport { useIsEditorReady } from \"./LiveblocksExtension\";\nexport type { FloatingToolbarProps } from \"./toolbar/FloatingToolbar\";\nexport { FloatingToolbar } from \"./toolbar/FloatingToolbar\";\nexport type {\n  ToolbarBlockSelectorItem,\n  ToolbarBlockSelectorProps,\n  ToolbarButtonProps,\n  ToolbarProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleProps,\n} from \"./toolbar/Toolbar\";\nexport { Toolbar } from \"./toolbar/Toolbar\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/HistoryVersionPreview\";\nexport { HistoryVersionPreview } from \"./version-history/HistoryVersionPreview\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    comments: CommentsCommands<ReturnType>;\n  }\n}\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;AAKAA,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 { AnchoredThreads } from \"./comments/AnchoredThreads\";\nexport { FloatingComposer } from \"./comments/FloatingComposer\";\nexport { FloatingThreads } from \"./comments/FloatingThreads\";\nexport { useLiveblocksExtension } from \"./LiveblocksExtension\";\nexport { useIsEditorReady } from \"./LiveblocksExtension\";\nexport { HistoryVersionPreview } from \"./version-history/HistoryVersionPreview\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    comments: {\n      /**\n       * Add a comment\n       */\n      addComment: (id: string) => ReturnType;\n      selectThread: (id: string | null) => ReturnType;\n      addPendingComment: () => ReturnType;\n    };\n  }\n}\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;"}

package/dist/index.mjs

@@ -4,8 +4,6 @@ export { AnchoredThreads } from './comments/AnchoredThreads.mjs';
 export { FloatingComposer } from './comments/FloatingComposer.mjs';
 export { FloatingThreads } from './comments/FloatingThreads.mjs';
 export { useIsEditorReady, useLiveblocksExtension } from './LiveblocksExtension.mjs';
-export { FloatingToolbar } from './toolbar/FloatingToolbar.mjs';
-export { Toolbar } from './toolbar/Toolbar.mjs';
 export { HistoryVersionPreview } from './version-history/HistoryVersionPreview.mjs';
 
 detectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport type { CommentsCommands } from \"./types\";\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/AnchoredThreads\";\nexport { AnchoredThreads } from \"./comments/AnchoredThreads\";\nexport type { FloatingComposerProps } from \"./comments/FloatingComposer\";\nexport { FloatingComposer } from \"./comments/FloatingComposer\";\nexport type { FloatingThreadsProps } from \"./comments/FloatingThreads\";\nexport { FloatingThreads } from \"./comments/FloatingThreads\";\nexport { useLiveblocksExtension } from \"./LiveblocksExtension\";\nexport { useIsEditorReady } from \"./LiveblocksExtension\";\nexport type { FloatingToolbarProps } from \"./toolbar/FloatingToolbar\";\nexport { FloatingToolbar } from \"./toolbar/FloatingToolbar\";\nexport type {\n  ToolbarBlockSelectorItem,\n  ToolbarBlockSelectorProps,\n  ToolbarButtonProps,\n  ToolbarProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleProps,\n} from \"./toolbar/Toolbar\";\nexport { Toolbar } from \"./toolbar/Toolbar\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/HistoryVersionPreview\";\nexport { HistoryVersionPreview } from \"./version-history/HistoryVersionPreview\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    comments: CommentsCommands<ReturnType>;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;AAKA,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 { AnchoredThreads } from \"./comments/AnchoredThreads\";\nexport { FloatingComposer } from \"./comments/FloatingComposer\";\nexport { FloatingThreads } from \"./comments/FloatingThreads\";\nexport { useLiveblocksExtension } from \"./LiveblocksExtension\";\nexport { useIsEditorReady } from \"./LiveblocksExtension\";\nexport { HistoryVersionPreview } from \"./version-history/HistoryVersionPreview\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    comments: {\n      /**\n       * Add a comment\n       */\n      addComment: (id: string) => ReturnType;\n      selectThread: (id: string | null) => ReturnType;\n      addPendingComment: () => ReturnType;\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/types.js

@@ -10,28 +10,24 @@ const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new state.PluginKey(
   "lb-plugin-mention-notify"
 );
 const LIVEBLOCKS_MENTION_TYPE = "liveblocksMention";
-const THREADS_ACTIVE_SELECTION_PLUGIN = new state.PluginKey(
-  "lb-threads-active-selection-plugin"
+const ACTIVE_SELECTION_PLUGIN = new state.PluginKey(
+  "lb-active-selection-plugin"
 );
 const THREADS_PLUGIN_KEY = new state.PluginKey(
   "lb-threads-plugin"
 );
-const AI_TOOLBAR_SELECTION_PLUGIN = new state.PluginKey(
-  "lb-ai-toolbar-selection-plugin"
-);
 const LIVEBLOCKS_COMMENT_MARK_TYPE = "liveblocksCommentMark";
 var ThreadPluginActions = /* @__PURE__ */ ((ThreadPluginActions2) => {
   ThreadPluginActions2["SET_SELECTED_THREAD_ID"] = "SET_SELECTED_THREAD_ID";
   return ThreadPluginActions2;
 })(ThreadPluginActions || {});
 
-exports.AI_TOOLBAR_SELECTION_PLUGIN = AI_TOOLBAR_SELECTION_PLUGIN;
+exports.ACTIVE_SELECTION_PLUGIN = ACTIVE_SELECTION_PLUGIN;
 exports.LIVEBLOCKS_COMMENT_MARK_TYPE = LIVEBLOCKS_COMMENT_MARK_TYPE;
 exports.LIVEBLOCKS_MENTION_KEY = LIVEBLOCKS_MENTION_KEY;
 exports.LIVEBLOCKS_MENTION_NOTIFIER_KEY = LIVEBLOCKS_MENTION_NOTIFIER_KEY;
 exports.LIVEBLOCKS_MENTION_PASTE_KEY = LIVEBLOCKS_MENTION_PASTE_KEY;
 exports.LIVEBLOCKS_MENTION_TYPE = LIVEBLOCKS_MENTION_TYPE;
-exports.THREADS_ACTIVE_SELECTION_PLUGIN = THREADS_ACTIVE_SELECTION_PLUGIN;
 exports.THREADS_PLUGIN_KEY = THREADS_PLUGIN_KEY;
 exports.ThreadPluginActions = ThreadPluginActions;
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import type { TextSelection } from \"@tiptap/pm/state\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\nexport type CommentsExtensionStorage = {\n  pendingCommentSelection: TextSelection | null;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type LiveblocksExtensionStorage = CommentsExtensionStorage;\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type CommentsCommands<ReturnType> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n"],"names":["PluginKey","ThreadPluginActions"],"mappings":";;;;AAKa,MAAA,sBAAA,GAAyB,IAAIA,eAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAIA,eAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AACO,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAIA,eAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAIA,eAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAM1B,IAAA,mBAAA,qBAAAC,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;;;;;;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import type { TextSelection } from \"@tiptap/pm/state\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n"],"names":["PluginKey","ThreadPluginActions"],"mappings":";;;;AAIa,MAAA,sBAAA,GAAyB,IAAIA,eAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAIA,eAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAIA,eAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AACO,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,0BAA0B,IAAIA,eAAA;AAAA,EACzC,4BAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAIA,eAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAM1B,IAAA,mBAAA,qBAAAC,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;;;;;;"}

package/dist/types.mjs

@@ -8,20 +8,17 @@ const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(
   "lb-plugin-mention-notify"
 );
 const LIVEBLOCKS_MENTION_TYPE = "liveblocksMention";
-const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(
-  "lb-threads-active-selection-plugin"
+const ACTIVE_SELECTION_PLUGIN = new PluginKey(
+  "lb-active-selection-plugin"
 );
 const THREADS_PLUGIN_KEY = new PluginKey(
   "lb-threads-plugin"
 );
-const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(
-  "lb-ai-toolbar-selection-plugin"
-);
 const LIVEBLOCKS_COMMENT_MARK_TYPE = "liveblocksCommentMark";
 var ThreadPluginActions = /* @__PURE__ */ ((ThreadPluginActions2) => {
   ThreadPluginActions2["SET_SELECTED_THREAD_ID"] = "SET_SELECTED_THREAD_ID";
   return ThreadPluginActions2;
 })(ThreadPluginActions || {});
 
-export { AI_TOOLBAR_SELECTION_PLUGIN, LIVEBLOCKS_COMMENT_MARK_TYPE, LIVEBLOCKS_MENTION_KEY, LIVEBLOCKS_MENTION_NOTIFIER_KEY, LIVEBLOCKS_MENTION_PASTE_KEY, LIVEBLOCKS_MENTION_TYPE, THREADS_ACTIVE_SELECTION_PLUGIN, THREADS_PLUGIN_KEY, ThreadPluginActions };
+export { ACTIVE_SELECTION_PLUGIN, LIVEBLOCKS_COMMENT_MARK_TYPE, LIVEBLOCKS_MENTION_KEY, LIVEBLOCKS_MENTION_NOTIFIER_KEY, LIVEBLOCKS_MENTION_PASTE_KEY, LIVEBLOCKS_MENTION_TYPE, THREADS_PLUGIN_KEY, ThreadPluginActions };
 //# sourceMappingURL=types.mjs.map

package/dist/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../src/types.ts"],"sourcesContent":["import type { TextSelection } from \"@tiptap/pm/state\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\nimport type { ChainedCommands, SingleCommands } from \"@tiptap/react\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const THREADS_ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-threads-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\nexport const AI_TOOLBAR_SELECTION_PLUGIN = new PluginKey(\n  \"lb-ai-toolbar-selection-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\nexport type CommentsExtensionStorage = {\n  pendingCommentSelection: TextSelection | null;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type LiveblocksExtensionStorage = CommentsExtensionStorage;\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n\nexport type FloatingPosition = \"top\" | \"bottom\";\n\nexport type ExtendedCommands<\n  T extends string,\n  A extends any[] = [],\n> = SingleCommands & Record<T, (...args: A) => boolean>;\n\nexport type ExtendedChainedCommands<\n  T extends string,\n  A extends any[] = [],\n> = ChainedCommands & Record<T, (...args: A) => ChainedCommands>;\n\nexport type CommentsCommands<ReturnType> = {\n  /**\n   * Add a comment\n   */\n  addComment: (id: string) => ReturnType;\n  selectThread: (id: string | null) => ReturnType;\n  addPendingComment: () => ReturnType;\n  /** @internal */\n  closePendingComment: () => ReturnType;\n};\n"],"names":["ThreadPluginActions"],"mappings":";;AAKa,MAAA,sBAAA,GAAyB,IAAI,SAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAI,SAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AACO,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,oCAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAI,SAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AACO,MAAM,8BAA8B,IAAI,SAAA;AAAA,EAC7C,gCAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAM1B,IAAA,mBAAA,qBAAAA,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../src/types.ts"],"sourcesContent":["import type { TextSelection } from \"@tiptap/pm/state\";\nimport { PluginKey } from \"@tiptap/pm/state\";\nimport type { DecorationSet } from \"@tiptap/pm/view\";\n\nexport const LIVEBLOCKS_MENTION_KEY = new PluginKey(\"lb-plugin-mention\");\nexport const LIVEBLOCKS_MENTION_PASTE_KEY = new PluginKey(\n  \"lb-plugin-mention-paste\"\n);\nexport const LIVEBLOCKS_MENTION_NOTIFIER_KEY = new PluginKey(\n  \"lb-plugin-mention-notify\"\n);\nexport const LIVEBLOCKS_MENTION_TYPE = \"liveblocksMention\";\n\nexport const ACTIVE_SELECTION_PLUGIN = new PluginKey(\n  \"lb-active-selection-plugin\"\n);\nexport const THREADS_PLUGIN_KEY = new PluginKey<ThreadPluginState>(\n  \"lb-threads-plugin\"\n);\n\nexport const LIVEBLOCKS_COMMENT_MARK_TYPE = \"liveblocksCommentMark\";\n\nexport type CommentsExtensionStorage = {\n  pendingComment: boolean;\n};\n\nexport const enum ThreadPluginActions {\n  SET_SELECTED_THREAD_ID = \"SET_SELECTED_THREAD_ID\",\n}\n\nexport type ThreadPluginState = {\n  threadPositions: Map<string, { from: number; to: number }>;\n  selectedThreadId: string | null;\n  selectedThreadPos: number | null;\n  decorations: DecorationSet;\n};\n"],"names":["ThreadPluginActions"],"mappings":";;AAIa,MAAA,sBAAA,GAAyB,IAAI,SAAA,CAAU,mBAAmB,EAAA;AAChE,MAAM,+BAA+B,IAAI,SAAA;AAAA,EAC9C,yBAAA;AACF,EAAA;AACO,MAAM,kCAAkC,IAAI,SAAA;AAAA,EACjD,0BAAA;AACF,EAAA;AACO,MAAM,uBAA0B,GAAA,oBAAA;AAEhC,MAAM,0BAA0B,IAAI,SAAA;AAAA,EACzC,4BAAA;AACF,EAAA;AACO,MAAM,qBAAqB,IAAI,SAAA;AAAA,EACpC,mBAAA;AACF,EAAA;AAEO,MAAM,4BAA+B,GAAA,wBAAA;AAM1B,IAAA,mBAAA,qBAAAA,oBAAX,KAAA;AACL,EAAAA,qBAAA,wBAAyB,CAAA,GAAA,wBAAA,CAAA;AADT,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;"}

package/dist/utils.js

@@ -40,24 +40,7 @@ const mapFragment = (fragment, callback) => {
   });
   return model.Fragment.from(content);
 };
-function getDomRangeFromTextSelection(selection, editor) {
-  const { from, to } = selection;
-  const fromPos = editor.view.domAtPos(from);
-  const endPos = editor.view.domAtPos(to);
-  const domRange = document.createRange();
-  domRange.setStart(fromPos.node, fromPos.offset);
-  domRange.setEnd(endPos.node, endPos.offset);
-  return domRange;
-}
-function compareTextSelections(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.eq(b);
-}
 
-exports.compareTextSelections = compareTextSelections;
-exports.getDomRangeFromTextSelection = getDomRangeFromTextSelection;
 exports.getMentionsFromNode = getMentionsFromNode;
 exports.getRectFromCoords = getRectFromCoords;
 exports.mapFragment = mapFragment;

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import type { ClientRectObject } from \"@floating-ui/react-dom\";\nimport type { Editor, Range } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport { Fragment } from \"@tiptap/pm/model\";\nimport type { TextSelection } from \"@tiptap/pm/state\";\n\nimport { LIVEBLOCKS_MENTION_TYPE } from \"./types\";\n\nexport const getRectFromCoords = (coords: {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n}): ClientRectObject => {\n  return {\n    ...coords,\n    x: coords.left,\n    y: coords.top,\n    width: coords.right - coords.left,\n    height: coords.bottom - coords.top,\n  };\n};\n\nexport const getMentionsFromNode = (\n  node: ProseMirrorNode,\n  range: Range\n): { notificationId: string; userId: string }[] => {\n  const result: { notificationId: string; userId: string }[] = [];\n  node.nodesBetween(range.from, range.to, (child) => {\n    if (child.type.name === LIVEBLOCKS_MENTION_TYPE) {\n      const mention = child.attrs as { id?: string; notificationId?: string };\n      if (mention.id && mention.notificationId) {\n        result.push({\n          notificationId: mention.notificationId,\n          userId: mention.id,\n        });\n      }\n    }\n  });\n  return result;\n};\n\n// How to modify data in transformPasted, inspired by: https://discuss.prosemirror.net/t/modify-specific-node-on-copy-and-paste-in-clipboard/4901/4\nexport const mapFragment = (\n  fragment: Fragment,\n  callback: (\n    node: ProseMirrorNode\n  ) => ProseMirrorNode | ProseMirrorNode[] | Fragment | null\n): Fragment => {\n  const content: ProseMirrorNode[] = [];\n  fragment.forEach((node) => {\n    if (node.content.childCount > 0) {\n      content.push(\n        node.type.create(node.attrs, mapFragment(node.content, callback))\n      );\n      return;\n    }\n    content.push(callback(node) as ProseMirrorNode);\n  });\n\n  return Fragment.from(content);\n};\n\nexport function getDomRangeFromTextSelection(\n  selection: TextSelection,\n  editor: Editor\n) {\n  const { from, to } = selection;\n  const fromPos = editor.view.domAtPos(from);\n  const endPos = editor.view.domAtPos(to);\n\n  const domRange = document.createRange();\n  domRange.setStart(fromPos.node, fromPos.offset);\n  domRange.setEnd(endPos.node, endPos.offset);\n\n  return domRange;\n}\n\nexport function compareTextSelections(\n  a: TextSelection | null | undefined,\n  b: TextSelection | null | undefined\n) {\n  if (!a || !b) {\n    return false;\n  }\n\n  return a.eq(b);\n}\n"],"names":["LIVEBLOCKS_MENTION_TYPE","Fragment"],"mappings":";;;;;AAQa,MAAA,iBAAA,GAAoB,CAAC,MAKV,KAAA;AACtB,EAAO,OAAA;AAAA,IACL,GAAG,MAAA;AAAA,IACH,GAAG,MAAO,CAAA,IAAA;AAAA,IACV,GAAG,MAAO,CAAA,GAAA;AAAA,IACV,KAAA,EAAO,MAAO,CAAA,KAAA,GAAQ,MAAO,CAAA,IAAA;AAAA,IAC7B,MAAA,EAAQ,MAAO,CAAA,MAAA,GAAS,MAAO,CAAA,GAAA;AAAA,GACjC,CAAA;AACF,EAAA;AAEa,MAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,KACiD,KAAA;AACjD,EAAA,MAAM,SAAuD,EAAC,CAAA;AAC9D,EAAA,IAAA,CAAK,aAAa,KAAM,CAAA,IAAA,EAAM,KAAM,CAAA,EAAA,EAAI,CAAC,KAAU,KAAA;AACjD,IAAI,IAAA,KAAA,CAAM,IAAK,CAAA,IAAA,KAASA,6BAAyB,EAAA;AAC/C,MAAA,MAAM,UAAU,KAAM,CAAA,KAAA,CAAA;AACtB,MAAI,IAAA,OAAA,CAAQ,EAAM,IAAA,OAAA,CAAQ,cAAgB,EAAA;AACxC,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,gBAAgB,OAAQ,CAAA,cAAA;AAAA,UACxB,QAAQ,OAAQ,CAAA,EAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAGa,MAAA,WAAA,GAAc,CACzB,QAAA,EACA,QAGa,KAAA;AACb,EAAA,MAAM,UAA6B,EAAC,CAAA;AACpC,EAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACzB,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,UAAA,GAAa,CAAG,EAAA;AAC/B,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,IAAA,CAAK,KAAK,MAAO,CAAA,IAAA,CAAK,OAAO,WAAY,CAAA,IAAA,CAAK,OAAS,EAAA,QAAQ,CAAC,CAAA;AAAA,OAClE,CAAA;AACA,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAoB,CAAA,CAAA;AAAA,GAC/C,CAAA,CAAA;AAED,EAAO,OAAAC,cAAA,CAAS,KAAK,OAAO,CAAA,CAAA;AAC9B,EAAA;AAEgB,SAAA,4BAAA,CACd,WACA,MACA,EAAA;AACA,EAAM,MAAA,EAAE,IAAM,EAAA,EAAA,EAAO,GAAA,SAAA,CAAA;AACrB,EAAA,MAAM,OAAU,GAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACzC,EAAA,MAAM,MAAS,GAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AAEtC,EAAM,MAAA,QAAA,GAAW,SAAS,WAAY,EAAA,CAAA;AACtC,EAAA,QAAA,CAAS,QAAS,CAAA,OAAA,CAAQ,IAAM,EAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAC9C,EAAA,QAAA,CAAS,MAAO,CAAA,MAAA,CAAO,IAAM,EAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAE1C,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEgB,SAAA,qBAAA,CACd,GACA,CACA,EAAA;AACA,EAAI,IAAA,CAAC,CAAK,IAAA,CAAC,CAAG,EAAA;AACZ,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAO,OAAA,CAAA,CAAE,GAAG,CAAC,CAAA,CAAA;AACf;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import type { ClientRectObject } from \"@floating-ui/react-dom\";\nimport type { Range } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport { Fragment } from \"@tiptap/pm/model\";\n\nimport { LIVEBLOCKS_MENTION_TYPE } from \"./types\";\n\nexport const getRectFromCoords = (coords: {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n}): ClientRectObject => {\n  return {\n    ...coords,\n    x: coords.left,\n    y: coords.top,\n    width: coords.right - coords.left,\n    height: coords.bottom - coords.top,\n  };\n};\n\nexport const getMentionsFromNode = (\n  node: ProseMirrorNode,\n  range: Range\n): { notificationId: string; userId: string }[] => {\n  const result: { notificationId: string; userId: string }[] = [];\n  node.nodesBetween(range.from, range.to, (child) => {\n    if (child.type.name === LIVEBLOCKS_MENTION_TYPE) {\n      const mention = child.attrs as { id?: string; notificationId?: string };\n      if (mention.id && mention.notificationId) {\n        result.push({\n          notificationId: mention.notificationId,\n          userId: mention.id,\n        });\n      }\n    }\n  });\n  return result;\n};\n\n// How to modify data in transformPasted, inspired by: https://discuss.prosemirror.net/t/modify-specific-node-on-copy-and-paste-in-clipboard/4901/4\nexport const mapFragment = (\n  fragment: Fragment,\n  callback: (\n    node: ProseMirrorNode\n  ) => ProseMirrorNode | ProseMirrorNode[] | Fragment | null\n): Fragment => {\n  const content: ProseMirrorNode[] = [];\n  fragment.forEach((node) => {\n    if (node.content.childCount > 0) {\n      content.push(\n        node.type.create(node.attrs, mapFragment(node.content, callback))\n      );\n      return;\n    }\n    content.push(callback(node) as ProseMirrorNode);\n  });\n\n  return Fragment.from(content);\n};\n"],"names":["LIVEBLOCKS_MENTION_TYPE","Fragment"],"mappings":";;;;;AAOa,MAAA,iBAAA,GAAoB,CAAC,MAKV,KAAA;AACtB,EAAO,OAAA;AAAA,IACL,GAAG,MAAA;AAAA,IACH,GAAG,MAAO,CAAA,IAAA;AAAA,IACV,GAAG,MAAO,CAAA,GAAA;AAAA,IACV,KAAA,EAAO,MAAO,CAAA,KAAA,GAAQ,MAAO,CAAA,IAAA;AAAA,IAC7B,MAAA,EAAQ,MAAO,CAAA,MAAA,GAAS,MAAO,CAAA,GAAA;AAAA,GACjC,CAAA;AACF,EAAA;AAEa,MAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,KACiD,KAAA;AACjD,EAAA,MAAM,SAAuD,EAAC,CAAA;AAC9D,EAAA,IAAA,CAAK,aAAa,KAAM,CAAA,IAAA,EAAM,KAAM,CAAA,EAAA,EAAI,CAAC,KAAU,KAAA;AACjD,IAAI,IAAA,KAAA,CAAM,IAAK,CAAA,IAAA,KAASA,6BAAyB,EAAA;AAC/C,MAAA,MAAM,UAAU,KAAM,CAAA,KAAA,CAAA;AACtB,MAAI,IAAA,OAAA,CAAQ,EAAM,IAAA,OAAA,CAAQ,cAAgB,EAAA;AACxC,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,gBAAgB,OAAQ,CAAA,cAAA;AAAA,UACxB,QAAQ,OAAQ,CAAA,EAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAGa,MAAA,WAAA,GAAc,CACzB,QAAA,EACA,QAGa,KAAA;AACb,EAAA,MAAM,UAA6B,EAAC,CAAA;AACpC,EAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACzB,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,UAAA,GAAa,CAAG,EAAA;AAC/B,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,IAAA,CAAK,KAAK,MAAO,CAAA,IAAA,CAAK,OAAO,WAAY,CAAA,IAAA,CAAK,OAAS,EAAA,QAAQ,CAAC,CAAA;AAAA,OAClE,CAAA;AACA,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAoB,CAAA,CAAA;AAAA,GAC/C,CAAA,CAAA;AAED,EAAO,OAAAC,cAAA,CAAS,KAAK,OAAO,CAAA,CAAA;AAC9B;;;;;;"}

package/dist/utils.mjs

@@ -38,21 +38,6 @@ const mapFragment = (fragment, callback) => {
   });
   return Fragment.from(content);
 };
-function getDomRangeFromTextSelection(selection, editor) {
-  const { from, to } = selection;
-  const fromPos = editor.view.domAtPos(from);
-  const endPos = editor.view.domAtPos(to);
-  const domRange = document.createRange();
-  domRange.setStart(fromPos.node, fromPos.offset);
-  domRange.setEnd(endPos.node, endPos.offset);
-  return domRange;
-}
-function compareTextSelections(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.eq(b);
-}
 
-export { compareTextSelections, getDomRangeFromTextSelection, getMentionsFromNode, getRectFromCoords, mapFragment };
+export { getMentionsFromNode, getRectFromCoords, mapFragment };
 //# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../src/utils.ts"],"sourcesContent":["import type { ClientRectObject } from \"@floating-ui/react-dom\";\nimport type { Editor, Range } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport { Fragment } from \"@tiptap/pm/model\";\nimport type { TextSelection } from \"@tiptap/pm/state\";\n\nimport { LIVEBLOCKS_MENTION_TYPE } from \"./types\";\n\nexport const getRectFromCoords = (coords: {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n}): ClientRectObject => {\n  return {\n    ...coords,\n    x: coords.left,\n    y: coords.top,\n    width: coords.right - coords.left,\n    height: coords.bottom - coords.top,\n  };\n};\n\nexport const getMentionsFromNode = (\n  node: ProseMirrorNode,\n  range: Range\n): { notificationId: string; userId: string }[] => {\n  const result: { notificationId: string; userId: string }[] = [];\n  node.nodesBetween(range.from, range.to, (child) => {\n    if (child.type.name === LIVEBLOCKS_MENTION_TYPE) {\n      const mention = child.attrs as { id?: string; notificationId?: string };\n      if (mention.id && mention.notificationId) {\n        result.push({\n          notificationId: mention.notificationId,\n          userId: mention.id,\n        });\n      }\n    }\n  });\n  return result;\n};\n\n// How to modify data in transformPasted, inspired by: https://discuss.prosemirror.net/t/modify-specific-node-on-copy-and-paste-in-clipboard/4901/4\nexport const mapFragment = (\n  fragment: Fragment,\n  callback: (\n    node: ProseMirrorNode\n  ) => ProseMirrorNode | ProseMirrorNode[] | Fragment | null\n): Fragment => {\n  const content: ProseMirrorNode[] = [];\n  fragment.forEach((node) => {\n    if (node.content.childCount > 0) {\n      content.push(\n        node.type.create(node.attrs, mapFragment(node.content, callback))\n      );\n      return;\n    }\n    content.push(callback(node) as ProseMirrorNode);\n  });\n\n  return Fragment.from(content);\n};\n\nexport function getDomRangeFromTextSelection(\n  selection: TextSelection,\n  editor: Editor\n) {\n  const { from, to } = selection;\n  const fromPos = editor.view.domAtPos(from);\n  const endPos = editor.view.domAtPos(to);\n\n  const domRange = document.createRange();\n  domRange.setStart(fromPos.node, fromPos.offset);\n  domRange.setEnd(endPos.node, endPos.offset);\n\n  return domRange;\n}\n\nexport function compareTextSelections(\n  a: TextSelection | null | undefined,\n  b: TextSelection | null | undefined\n) {\n  if (!a || !b) {\n    return false;\n  }\n\n  return a.eq(b);\n}\n"],"names":[],"mappings":";;;AAQa,MAAA,iBAAA,GAAoB,CAAC,MAKV,KAAA;AACtB,EAAO,OAAA;AAAA,IACL,GAAG,MAAA;AAAA,IACH,GAAG,MAAO,CAAA,IAAA;AAAA,IACV,GAAG,MAAO,CAAA,GAAA;AAAA,IACV,KAAA,EAAO,MAAO,CAAA,KAAA,GAAQ,MAAO,CAAA,IAAA;AAAA,IAC7B,MAAA,EAAQ,MAAO,CAAA,MAAA,GAAS,MAAO,CAAA,GAAA;AAAA,GACjC,CAAA;AACF,EAAA;AAEa,MAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,KACiD,KAAA;AACjD,EAAA,MAAM,SAAuD,EAAC,CAAA;AAC9D,EAAA,IAAA,CAAK,aAAa,KAAM,CAAA,IAAA,EAAM,KAAM,CAAA,EAAA,EAAI,CAAC,KAAU,KAAA;AACjD,IAAI,IAAA,KAAA,CAAM,IAAK,CAAA,IAAA,KAAS,uBAAyB,EAAA;AAC/C,MAAA,MAAM,UAAU,KAAM,CAAA,KAAA,CAAA;AACtB,MAAI,IAAA,OAAA,CAAQ,EAAM,IAAA,OAAA,CAAQ,cAAgB,EAAA;AACxC,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,gBAAgB,OAAQ,CAAA,cAAA;AAAA,UACxB,QAAQ,OAAQ,CAAA,EAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAGa,MAAA,WAAA,GAAc,CACzB,QAAA,EACA,QAGa,KAAA;AACb,EAAA,MAAM,UAA6B,EAAC,CAAA;AACpC,EAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACzB,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,UAAA,GAAa,CAAG,EAAA;AAC/B,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,IAAA,CAAK,KAAK,MAAO,CAAA,IAAA,CAAK,OAAO,WAAY,CAAA,IAAA,CAAK,OAAS,EAAA,QAAQ,CAAC,CAAA;AAAA,OAClE,CAAA;AACA,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAoB,CAAA,CAAA;AAAA,GAC/C,CAAA,CAAA;AAED,EAAO,OAAA,QAAA,CAAS,KAAK,OAAO,CAAA,CAAA;AAC9B,EAAA;AAEgB,SAAA,4BAAA,CACd,WACA,MACA,EAAA;AACA,EAAM,MAAA,EAAE,IAAM,EAAA,EAAA,EAAO,GAAA,SAAA,CAAA;AACrB,EAAA,MAAM,OAAU,GAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACzC,EAAA,MAAM,MAAS,GAAA,MAAA,CAAO,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AAEtC,EAAM,MAAA,QAAA,GAAW,SAAS,WAAY,EAAA,CAAA;AACtC,EAAA,QAAA,CAAS,QAAS,CAAA,OAAA,CAAQ,IAAM,EAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAC9C,EAAA,QAAA,CAAS,MAAO,CAAA,MAAA,CAAO,IAAM,EAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAE1C,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEgB,SAAA,qBAAA,CACd,GACA,CACA,EAAA;AACA,EAAI,IAAA,CAAC,CAAK,IAAA,CAAC,CAAG,EAAA;AACZ,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAO,OAAA,CAAA,CAAE,GAAG,CAAC,CAAA,CAAA;AACf;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../src/utils.ts"],"sourcesContent":["import type { ClientRectObject } from \"@floating-ui/react-dom\";\nimport type { Range } from \"@tiptap/core\";\nimport type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport { Fragment } from \"@tiptap/pm/model\";\n\nimport { LIVEBLOCKS_MENTION_TYPE } from \"./types\";\n\nexport const getRectFromCoords = (coords: {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n}): ClientRectObject => {\n  return {\n    ...coords,\n    x: coords.left,\n    y: coords.top,\n    width: coords.right - coords.left,\n    height: coords.bottom - coords.top,\n  };\n};\n\nexport const getMentionsFromNode = (\n  node: ProseMirrorNode,\n  range: Range\n): { notificationId: string; userId: string }[] => {\n  const result: { notificationId: string; userId: string }[] = [];\n  node.nodesBetween(range.from, range.to, (child) => {\n    if (child.type.name === LIVEBLOCKS_MENTION_TYPE) {\n      const mention = child.attrs as { id?: string; notificationId?: string };\n      if (mention.id && mention.notificationId) {\n        result.push({\n          notificationId: mention.notificationId,\n          userId: mention.id,\n        });\n      }\n    }\n  });\n  return result;\n};\n\n// How to modify data in transformPasted, inspired by: https://discuss.prosemirror.net/t/modify-specific-node-on-copy-and-paste-in-clipboard/4901/4\nexport const mapFragment = (\n  fragment: Fragment,\n  callback: (\n    node: ProseMirrorNode\n  ) => ProseMirrorNode | ProseMirrorNode[] | Fragment | null\n): Fragment => {\n  const content: ProseMirrorNode[] = [];\n  fragment.forEach((node) => {\n    if (node.content.childCount > 0) {\n      content.push(\n        node.type.create(node.attrs, mapFragment(node.content, callback))\n      );\n      return;\n    }\n    content.push(callback(node) as ProseMirrorNode);\n  });\n\n  return Fragment.from(content);\n};\n"],"names":[],"mappings":";;;AAOa,MAAA,iBAAA,GAAoB,CAAC,MAKV,KAAA;AACtB,EAAO,OAAA;AAAA,IACL,GAAG,MAAA;AAAA,IACH,GAAG,MAAO,CAAA,IAAA;AAAA,IACV,GAAG,MAAO,CAAA,GAAA;AAAA,IACV,KAAA,EAAO,MAAO,CAAA,KAAA,GAAQ,MAAO,CAAA,IAAA;AAAA,IAC7B,MAAA,EAAQ,MAAO,CAAA,MAAA,GAAS,MAAO,CAAA,GAAA;AAAA,GACjC,CAAA;AACF,EAAA;AAEa,MAAA,mBAAA,GAAsB,CACjC,IAAA,EACA,KACiD,KAAA;AACjD,EAAA,MAAM,SAAuD,EAAC,CAAA;AAC9D,EAAA,IAAA,CAAK,aAAa,KAAM,CAAA,IAAA,EAAM,KAAM,CAAA,EAAA,EAAI,CAAC,KAAU,KAAA;AACjD,IAAI,IAAA,KAAA,CAAM,IAAK,CAAA,IAAA,KAAS,uBAAyB,EAAA;AAC/C,MAAA,MAAM,UAAU,KAAM,CAAA,KAAA,CAAA;AACtB,MAAI,IAAA,OAAA,CAAQ,EAAM,IAAA,OAAA,CAAQ,cAAgB,EAAA;AACxC,QAAA,MAAA,CAAO,IAAK,CAAA;AAAA,UACV,gBAAgB,OAAQ,CAAA,cAAA;AAAA,UACxB,QAAQ,OAAQ,CAAA,EAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,EAAA;AAGa,MAAA,WAAA,GAAc,CACzB,QAAA,EACA,QAGa,KAAA;AACb,EAAA,MAAM,UAA6B,EAAC,CAAA;AACpC,EAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AACzB,IAAI,IAAA,IAAA,CAAK,OAAQ,CAAA,UAAA,GAAa,CAAG,EAAA;AAC/B,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,IAAA,CAAK,KAAK,MAAO,CAAA,IAAA,CAAK,OAAO,WAAY,CAAA,IAAA,CAAK,OAAS,EAAA,QAAQ,CAAC,CAAA;AAAA,OAClE,CAAA;AACA,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,IAAA,CAAK,QAAS,CAAA,IAAI,CAAoB,CAAA,CAAA;AAAA,GAC/C,CAAA,CAAA;AAED,EAAO,OAAA,QAAA,CAAS,KAAK,OAAO,CAAA,CAAA;AAC9B;;;;"}