@lobehub/editor 4.19.2 → 4.20.1

package/es/index.d.ts

@@ -34,6 +34,9 @@ import { bundledLanguagesInfo } from "./plugins/codeblock/index.js";
 import { INSERT_CODEMIRROR_COMMAND, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND } from "./plugins/codemirror-block/command/index.js";
 import { CodemirrorPlugin, CodemirrorPluginOptions } from "./plugins/codemirror-block/plugin/index.js";
 import { ReactCodemirrorPlugin } from "./plugins/codemirror-block/react/ReactCodemirrorNode.js";
+import { CollaborationUser } from "./plugins/collaboration/utils.js";
+import { CollaborationProviderFactory, EditorCollaborationConfig, ReactCollaborationPluginProps } from "./plugins/collaboration/react/type.js";
+import { ReactCollaborationPlugin } from "./plugins/collaboration/react/ReactCollaborationPlugin.js";
 import { INSERT_HEADING_COMMAND, INSERT_QUOTE_COMMAND } from "./plugins/common/command/index.js";
 import { $createCursorNode, $isCardLikeElementNode, $isCursorNode, CardLikeElementNode, cursorNodeSerialized } from "./plugins/common/node/cursor.js";
 import { CommonPlugin, CommonPluginOptions } from "./plugins/common/plugin/index.js";
@@ -122,4 +125,4 @@ declare function enableHotReload(): void;
  */
 declare function disableHotReload(): void;
 //#endregion
-export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockDragTarget, BlockMenuService, BlockMovePayload, BlockPlugin, BlockPluginOptions, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodeblockPluginOptions, CodemirrorPlugin, CodemirrorPluginOptions, CommonPlugin, CommonPluginOptions, ContentBlock, ContentBlocksDataSource, ContentBlocksPlugin, ContentBlocksPluginOptions, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, ExtractContentBlocksOptions, FileContentBlock, FileListItem, FilePlugin, FilePluginOptions, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HRPluginOptions, HeadlessDocumentType, HeadlessEditor, HeadlessEditorExport, HeadlessEditorExportOptions, HeadlessEditorHydrationInput, HeadlessEditorOptions, HeadlessLiteXMLBatchOperation, HeadlessLiteXMLInsertOperation, HeadlessLiteXMLOperation, HeadlessLiteXMLRemoveOperation, HeadlessLiteXMLReplaceOperation, HotkeyEnum, HotkeyId, HotkeyItem, HotkeyScopeEnum, HotkeyScopeId, IBlockActionButton, IBlockActionButtonIcon, IBlockMenuItem, IBlockMenuRenderContext, IBlockMenuService, IBlockSelectHandler, type IEditor, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodePluginOptions, INodeService, ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, ITableControllerMenuActionItem, ITableControllerMenuItem, ITableControllerMenuRenderContext, ITableControllerMenuSeparatorItem, ITableControllerMenuService, ITriggerContext, IUploadService, ImageContentBlock, ImageListItem, ImagePlugin, ImagePluginOptions, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkHighlightPluginOptions, LinkPlugin, LinkPluginOptions, ListPlugin, ListPluginOptions, LitexmlDataSource, LitexmlPlugin, LitexmlPluginOptions, LitexmlService, MARKDOWN_READER_LEVEL, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MediaLists, MentionPlugin, MentionPluginOptions, MenuRenderProps, ModifierCombination, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactBlockPluginProps, ReactCodePlugin, ReactCodeblockPlugin, ReactCodeblockPluginProps, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactEditorContentProps, ReactFilePlugin, ReactFilePluginProps, ReactHRPlugin, ReactHRPluginProps, ReactImagePlugin, ReactImagePluginProps, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactLinkPluginProps, ReactListPlugin, ReactListPluginProps, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactMentionPluginProps, ReactNodePlugin, ReactPlainText, ReactPlainTextProps, ReactSlashOption, ReactSlashOptionProps, ReactSlashPlugin, ReactSlashPluginProps, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SerializedMentionNode, SlashMenu, SlashMenuProps, SlashOptions, SlashPlugin, SlashPluginOptions, TableControllerMenuAxis, TableControllerMenuService, TablePlugin, TablePluginOptions, TextContentBlock, ToolbarCommandOptions, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, UploadPluginOptions, VirtualBlockPlugin, VirtualBlockPluginOptions, XMLReaderFunc, XMLReaderRecord, XMLWriterFunc, XMLWriterRecord, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };
+export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockDragTarget, BlockMenuService, BlockMovePayload, BlockPlugin, BlockPluginOptions, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodeblockPluginOptions, CodemirrorPlugin, CodemirrorPluginOptions, CollaborationProviderFactory, CollaborationUser, CommonPlugin, CommonPluginOptions, ContentBlock, ContentBlocksDataSource, ContentBlocksPlugin, ContentBlocksPluginOptions, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, EditorCollaborationConfig, ExtractContentBlocksOptions, FileContentBlock, FileListItem, FilePlugin, FilePluginOptions, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HRPluginOptions, HeadlessDocumentType, HeadlessEditor, HeadlessEditorExport, HeadlessEditorExportOptions, HeadlessEditorHydrationInput, HeadlessEditorOptions, HeadlessLiteXMLBatchOperation, HeadlessLiteXMLInsertOperation, HeadlessLiteXMLOperation, HeadlessLiteXMLRemoveOperation, HeadlessLiteXMLReplaceOperation, HotkeyEnum, HotkeyId, HotkeyItem, HotkeyScopeEnum, HotkeyScopeId, IBlockActionButton, IBlockActionButtonIcon, IBlockMenuItem, IBlockMenuRenderContext, IBlockMenuService, IBlockSelectHandler, type IEditor, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodePluginOptions, INodeService, ISlashDividerOption, ISlashMenuOption, ISlashOption, ISlashSectionOption, ISlashService, ITableControllerMenuActionItem, ITableControllerMenuItem, ITableControllerMenuRenderContext, ITableControllerMenuSeparatorItem, ITableControllerMenuService, ITriggerContext, IUploadService, ImageContentBlock, ImageListItem, ImagePlugin, ImagePluginOptions, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkHighlightPluginOptions, LinkPlugin, LinkPluginOptions, ListPlugin, ListPluginOptions, LitexmlDataSource, LitexmlPlugin, LitexmlPluginOptions, LitexmlService, MARKDOWN_READER_LEVEL, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MediaLists, MentionPlugin, MentionPluginOptions, MenuRenderProps, ModifierCombination, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactBlockPluginProps, ReactCodePlugin, ReactCodeblockPlugin, ReactCodeblockPluginProps, ReactCodemirrorPlugin, ReactCollaborationPlugin, ReactCollaborationPluginProps, ReactEditor, ReactEditorContent, ReactEditorContentProps, ReactFilePlugin, ReactFilePluginProps, ReactHRPlugin, ReactHRPluginProps, ReactImagePlugin, ReactImagePluginProps, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactLinkPluginProps, ReactListPlugin, ReactListPluginProps, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactMentionPluginProps, ReactNodePlugin, ReactPlainText, ReactPlainTextProps, ReactSlashOption, ReactSlashOptionProps, ReactSlashPlugin, ReactSlashPluginProps, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SerializedMentionNode, SlashMenu, SlashMenuProps, SlashOptions, SlashPlugin, SlashPluginOptions, TableControllerMenuAxis, TableControllerMenuService, TablePlugin, TablePluginOptions, TextContentBlock, ToolbarCommandOptions, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, UploadPluginOptions, VirtualBlockPlugin, VirtualBlockPluginOptions, XMLReaderFunc, XMLReaderRecord, XMLWriterFunc, XMLWriterRecord, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };

package/es/index.js

@@ -72,6 +72,7 @@ import { CodeblockPlugin } from "./plugins/codeblock/plugin/index.js";
 import ReactCodeblockPlugin from "./plugins/codeblock/react/ReactCodeblockPlugin.js";
 import { bundledLanguagesInfo } from "./plugins/codeblock/index.js";
 import ReactCodemirrorPlugin from "./plugins/codemirror-block/react/ReactCodemirrorNode.js";
+import ReactCollaborationPlugin from "./plugins/collaboration/react/ReactCollaborationPlugin.js";
 import { CONTENT_BLOCKS_DATA_TYPE } from "./plugins/content-blocks/types.js";
 import { extractContentBlocks } from "./plugins/content-blocks/utils/extract.js";
 import { ContentBlocksDataSource } from "./plugins/content-blocks/data-source/content-blocks-data-source.js";
@@ -128,4 +129,4 @@ function disableHotReload() {
 	}
 }
 //#endregion
-export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockMenuService, BlockPlugin, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodemirrorPlugin, CommonPlugin, ContentBlocksDataSource, ContentBlocksPlugin, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, FilePlugin, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HeadlessEditor, HotkeyEnum, HotkeyScopeEnum, IBlockMenuService, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodeService, ITableControllerMenuService, IUploadService, ImagePlugin, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkPlugin, ListPlugin, LitexmlDataSource, LitexmlPlugin, LitexmlService, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MentionPlugin, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactCodePlugin, ReactCodeblockPlugin, ReactCodemirrorPlugin, ReactEditor, ReactEditorContent, ReactFilePlugin, ReactHRPlugin, ReactImagePlugin, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactListPlugin, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactNodePlugin, ReactPlainText, ReactSlashOption, ReactSlashPlugin, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SlashMenu, SlashPlugin, TableControllerMenuService, TablePlugin, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, VirtualBlockPlugin, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };
+export { $closest, $closestNodeType, $createCursorNode, $getNearestNodeFromDOMNode, $getNodeFromDOMNode, $isCardLikeElementNode, $isCursorNode, ANCHOR_PADDING_CSS_VAR, AutoCompletePlugin, BlockMenuService, BlockPlugin, CONTENT_BLOCKS_DATA_TYPE, CardLikeElementNode, CodePlugin, CodeblockPlugin, CodemirrorPlugin, CommonPlugin, ContentBlocksDataSource, ContentBlocksPlugin, DEFAULT_BLOCK_ANCHOR_PADDING, DEFAULT_HEADLESS_EDITOR_PLUGINS, DOM_DOCUMENT_FRAGMENT_TYPE, DOM_DOCUMENT_TYPE, DOM_ELEMENT_TYPE, DOM_TEXT_TYPE, DataSource, DiffAction, EDITOR_THEME_KEY, FilePlugin, GET_MARKDOWN_SELECTION_COMMAND, HIDE_TOOLBAR_COMMAND, HOVER_COMMAND, HRPlugin, HeadlessEditor, HotkeyEnum, HotkeyScopeEnum, IBlockMenuService, ILinkService, ILitexmlService, IMarkdownShortCutService, INSERT_CHECK_LIST_COMMAND, INSERT_CODEINLINE_COMMAND, INSERT_CODEMIRROR_COMMAND, INSERT_FILE_COMMAND, INSERT_HEADING_COMMAND, INSERT_HORIZONTAL_RULE_COMMAND, INSERT_IMAGE_COMMAND, INSERT_LINK_COMMAND, INSERT_LINK_HIGHLIGHT_COMMAND, INSERT_MARKDOWN_COMMAND, INSERT_MATH_COMMAND, INSERT_MENTION_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_QUOTE_COMMAND, INSERT_TABLE_COLUMN_COMMAND, INSERT_TABLE_COMMAND, INSERT_TABLE_ROW_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INodePlugin, INodeService, ITableControllerMenuService, IUploadService, ImagePlugin, Kernel, KeyEnum, LITEXML_APPLY_COMMAND, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND, LexicalErrorBoundary, LexicalPortalContainer, LinkHighlightPlugin, LinkPlugin, ListPlugin, LitexmlDataSource, LitexmlPlugin, LitexmlService, MARKDOWN_READER_LEVEL_HIGH, MARKDOWN_READER_LEVEL_NORMAL, MARKDOWN_WRITER_LEVEL_MAX, MOVE_BLOCK_COMMAND, MarkdownPlugin, MathPlugin, MentionPlugin, REMOVE_LIST_COMMAND, ReactAutoCompletePlugin, ReactBlockPlugin, ReactCodePlugin, ReactCodeblockPlugin, ReactCodemirrorPlugin, ReactCollaborationPlugin, ReactEditor, ReactEditorContent, ReactFilePlugin, ReactHRPlugin, ReactImagePlugin, ReactLinkHighlightPlugin, ReactLinkPlugin, ReactListPlugin, ReactLiteXmlPlugin, ReactMarkdownPlugin, ReactMathPlugin, ReactMentionPlugin, ReactNodePlugin, ReactPlainText, ReactSlashOption, ReactSlashPlugin, ReactTablePlugin, ReactToolbarPlugin, ReactVirtualBlockPlugin, SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND, SELECT_TABLE_COMMAND, SHOW_TOOLBAR_COMMAND, SlashMenu, SlashPlugin, TableControllerMenuService, TablePlugin, UPDATE_CODEBLOCK_LANG, UPDATE_LIST_START_COMMAND, UPLOAD_PRIORITY_HIGH, UPLOAD_PRIORITY_LOW, UPLOAD_PRIORITY_MEDIUM, UploadPlugin, VirtualBlockPlugin, assert, browserDebug, bundledLanguagesInfo, compareNodeOrder, createDebugLogger, createEmptyEditorState, createHeadlessEditor, cursorNodeSerialized, debugLogger, debugLoggers, detectCodeLanguage, detectLanguage, devConsole, disableHotReload, enableHotReload, extractContentBlocks, extractMediaFromEditorState, extractMediaLists, flattenSlashOptions, genServiceId, generateEditorId, getHotkeyById, getKernelFromEditor, getKernelFromEditorConfig, getNodeKeyFromDOMNode, getParentElement, isDOMNode, isDocumentFragment, isPunctuationChar, isPureUrl, isSlashDividerOption, isSlashMenuOption, isSlashSectionOption, isValidUrl, moment, noop, prodSafeLogger, reconcileDecorator, registerBlockMoveCommand, registerEditorKernel, registerLinkHighlightCommand, registerToolbarCommand, resetRandomKey, scrollIntoView, unregisterEditorKernel, useHasDiffNode, useLexicalComposerContext, useLexicalEditor };

package/es/plugins/collaboration/index.d.ts

@@ -0,0 +1,3 @@
+import { CollaborationUser } from "./utils.js";
+import { CollaborationProviderFactory, EditorCollaborationConfig, ReactCollaborationPluginProps } from "./react/type.js";
+import { ReactCollaborationPlugin } from "./react/ReactCollaborationPlugin.js";

package/es/plugins/collaboration/react/ReactCollaborationPlugin.d.ts

@@ -0,0 +1,7 @@
+import { ReactCollaborationPluginProps } from "./type.js";
+import { FC } from "react";
+
+//#region src/plugins/collaboration/react/ReactCollaborationPlugin.d.ts
+declare const ReactCollaborationPlugin: FC<ReactCollaborationPluginProps>;
+//#endregion
+export { ReactCollaborationPlugin };

package/es/plugins/collaboration/react/ReactCollaborationPlugin.js

@@ -0,0 +1,89 @@
+"use client";
+import { useLexicalEditor } from "../../../editor-kernel/react/useLexicalEditor.js";
+import { getOrCreateYDoc, initializeCollaborationUser, registerCollaborationBinding } from "../utils.js";
+import { useMemo, useRef } from "react";
+import { Doc } from "yjs";
+//#region src/plugins/collaboration/react/ReactCollaborationPlugin.tsx
+const defaultYjsDocMap = /* @__PURE__ */ new Map();
+const createProviderStatusHandler = (statusChangeRef) => {
+	return function handleProviderStatus({ status }) {
+		statusChangeRef.current?.(status);
+	};
+};
+const createProviderSyncHandler = (syncRef) => {
+	return function handleProviderSync(isSynced) {
+		syncRef.current?.(isSynced);
+	};
+};
+const createCursorContainer = (rootElement) => {
+	const parentElement = rootElement?.parentElement;
+	if (!rootElement || !parentElement) return null;
+	if (getComputedStyle(parentElement).position === "static") parentElement.style.position = "relative";
+	const container = document.createElement("div");
+	container.dataset.lobeEditorCollaborationCursors = "true";
+	container.style.inset = "0";
+	container.style.pointerEvents = "none";
+	container.style.position = "absolute";
+	container.style.zIndex = "20";
+	parentElement.append(container);
+	return container;
+};
+const ReactCollaborationPlugin = ({ connect = true, cursorContainer, excludedProperties, id, onStatusChange, onSync, providerFactory, shouldBootstrap, syncCursorPositionsFn, user, yjsDocMap }) => {
+	const statusChangeRef = useRef(onStatusChange);
+	const syncRef = useRef(onSync);
+	statusChangeRef.current = onStatusChange;
+	syncRef.current = onSync;
+	const docMap = useMemo(() => yjsDocMap ?? defaultYjsDocMap, [yjsDocMap]);
+	useLexicalEditor((lexicalEditor) => {
+		let teardown;
+		const timeoutId = setTimeout(() => {
+			const doc = getOrCreateYDoc(id, docMap, () => new Doc());
+			const provider = providerFactory(id, docMap);
+			const effectiveDoc = docMap.get(id) ?? doc;
+			const ownedCursorContainer = cursorContainer ?? createCursorContainer(lexicalEditor.getRootElement());
+			initializeCollaborationUser(provider, user);
+			const statusHandler = createProviderStatusHandler(statusChangeRef);
+			const syncHandler = createProviderSyncHandler(syncRef);
+			provider.on("status", statusHandler);
+			provider.on("sync", syncHandler);
+			const { cleanup } = registerCollaborationBinding({
+				cursorContainer: ownedCursorContainer,
+				doc: effectiveDoc,
+				excludedProperties,
+				id,
+				lexicalEditor,
+				provider,
+				shouldBootstrap,
+				syncCursorPositionsFn,
+				yjsDocMap: docMap
+			});
+			if (connect) provider.connect();
+			teardown = () => {
+				cleanup();
+				provider.off("status", statusHandler);
+				provider.off("sync", syncHandler);
+				provider.awareness.setLocalState(null);
+				provider.disconnect();
+				if (!cursorContainer) ownedCursorContainer?.remove();
+			};
+		}, 0);
+		return () => {
+			clearTimeout(timeoutId);
+			teardown?.();
+		};
+	}, [
+		connect,
+		cursorContainer,
+		docMap,
+		excludedProperties,
+		id,
+		providerFactory,
+		shouldBootstrap,
+		syncCursorPositionsFn,
+		user
+	]);
+	return null;
+};
+ReactCollaborationPlugin.displayName = "ReactCollaborationPlugin";
+//#endregion
+export { ReactCollaborationPlugin as default };

package/es/plugins/collaboration/react/index.d.ts

@@ -0,0 +1,2 @@
+import { CollaborationProviderFactory, EditorCollaborationConfig, ReactCollaborationPluginProps } from "./type.js";
+import { ReactCollaborationPlugin } from "./ReactCollaborationPlugin.js";

package/es/plugins/collaboration/react/type.d.ts

@@ -0,0 +1,61 @@
+import { CollaborationUser } from "../utils.js";
+import { Doc } from "yjs";
+import { ExcludedProperties, Provider, SyncCursorPositionsFn } from "@lexical/yjs";
+
+//#region src/plugins/collaboration/react/type.d.ts
+type CollaborationProviderFactory = (id: string, yjsDocMap: Map<string, Doc>) => Provider;
+interface EditorCollaborationConfig {
+  /**
+   * Whether the provider should connect immediately.
+   * Set this to false when the business shell needs to create the editor before joining the room.
+   *
+   * @default true
+   */
+  connect?: boolean;
+  /**
+   * Optional DOM node used by Lexical/Yjs to render remote cursor overlays.
+   * When omitted, the editor creates and owns a cursor container beside the root element.
+   */
+  cursorContainer?: HTMLElement | null;
+  /**
+   * Lexical node properties excluded from Yjs synchronization.
+   */
+  excludedProperties?: ExcludedProperties;
+  /**
+   * Stable collaboration room id. For workspace pages, this should be derived from
+   * workspaceId + pageId by the business shell.
+   */
+  id: string;
+  /**
+   * Provider connection status callback.
+   */
+  onStatusChange?: (status: string) => void;
+  /**
+   * Provider sync state callback.
+   */
+  onSync?: (isSynced: boolean) => void;
+  /**
+   * Factory that adapts the business collaboration transport to Lexical's Provider contract.
+   */
+  providerFactory: CollaborationProviderFactory;
+  /**
+   * Bootstrap the current Lexical editor state into Yjs only when the Y.Doc root is empty.
+   * Use this for lazy migration from legacy page JSON.
+   *
+   * @default false
+   */
+  shouldBootstrap?: boolean;
+  syncCursorPositionsFn?: SyncCursorPositionsFn;
+  /**
+   * Current user's collaboration identity and awareness metadata.
+   */
+  user: CollaborationUser;
+  /**
+   * Optional externally-owned Y.Doc registry. Supplying this lets the business shell
+   * control document lifetime across page mounts.
+   */
+  yjsDocMap?: Map<string, Doc>;
+}
+type ReactCollaborationPluginProps = EditorCollaborationConfig;
+//#endregion
+export { CollaborationProviderFactory, EditorCollaborationConfig, ReactCollaborationPluginProps };

package/es/plugins/collaboration/utils.d.ts

@@ -0,0 +1,13 @@
+import { LexicalEditor } from "lexical";
+import { Doc } from "yjs";
+import { ExcludedProperties, Provider, SyncCursorPositionsFn } from "@lexical/yjs";
+
+//#region src/plugins/collaboration/utils.d.ts
+interface CollaborationUser {
+  awarenessData?: Record<string, unknown>;
+  color: string;
+  focusing?: boolean;
+  name: string;
+}
+//#endregion
+export { CollaborationUser };

package/es/plugins/collaboration/utils.js

@@ -0,0 +1,85 @@
+import { COLLABORATION_TAG } from "lexical";
+import { createBindingV2__EXPERIMENTAL, initLocalState, syncCursorPositions, syncLexicalUpdateToYjsV2__EXPERIMENTAL, syncYjsChangesToLexicalV2__EXPERIMENTAL, syncYjsStateToLexicalV2__EXPERIMENTAL } from "@lexical/yjs";
+//#region src/plugins/collaboration/utils.ts
+const getOrCreateYDoc = (id, yjsDocMap, createDoc) => {
+	const existingDoc = yjsDocMap.get(id);
+	if (existingDoc) return existingDoc;
+	const doc = createDoc();
+	yjsDocMap.set(id, doc);
+	return doc;
+};
+const initializeCollaborationUser = (provider, user) => {
+	initLocalState(provider, user.name, user.color, user.focusing ?? true, user.awarenessData ?? {});
+};
+const isStaleLexicalNodeError = (error) => error instanceof Error && error.message.includes("Lexical node does not exist in active editor state");
+const registerCollaborationBinding = ({ cursorContainer, doc, excludedProperties, id, lexicalEditor, provider, shouldBootstrap = false, syncCursorPositionsFn = syncCursorPositions, yjsDocMap }) => {
+	const binding = createBindingV2__EXPERIMENTAL(lexicalEditor, id, doc, yjsDocMap, { excludedProperties });
+	binding.cursorsContainer = cursorContainer ?? null;
+	if (binding.root.length > 0) syncYjsStateToLexicalV2__EXPERIMENTAL(binding, provider);
+	else if (shouldBootstrap) {
+		const editorState = lexicalEditor.getEditorState();
+		syncLexicalUpdateToYjsV2__EXPERIMENTAL(binding, provider, editorState, editorState, new Map([["root", true]]), /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set());
+	}
+	const yjsObserver = (events, transaction) => {
+		if (transaction.origin === binding) return;
+		syncYjsChangesToLexicalV2__EXPERIMENTAL(binding, provider, events, transaction, false);
+	};
+	const reloadObserver = (nextDoc) => {
+		if (nextDoc === doc) syncYjsStateToLexicalV2__EXPERIMENTAL(binding, provider);
+	};
+	let isCleanedUp = false;
+	let cursorSyncQueued = false;
+	let cursorSyncRetryQueued = false;
+	const syncCursorsSafely = () => {
+		try {
+			syncCursorPositionsFn(binding, provider);
+		} catch (error) {
+			if (!isStaleLexicalNodeError(error)) throw error;
+			if (cursorSyncRetryQueued) return;
+			cursorSyncRetryQueued = true;
+			syncYjsStateToLexicalV2__EXPERIMENTAL(binding, provider);
+			setTimeout(() => {
+				cursorSyncRetryQueued = false;
+				if (isCleanedUp) return;
+				try {
+					syncCursorPositionsFn(binding, provider);
+				} catch (retryError) {
+					if (!isStaleLexicalNodeError(retryError)) throw retryError;
+				}
+			}, 0);
+		}
+	};
+	const scheduleCursorSync = () => {
+		if (cursorSyncQueued) return;
+		cursorSyncQueued = true;
+		setTimeout(() => {
+			cursorSyncQueued = false;
+			if (isCleanedUp) return;
+			syncCursorsSafely();
+		}, 0);
+	};
+	const awarenessObserver = () => {
+		scheduleCursorSync();
+	};
+	const unregisterUpdateListener = lexicalEditor.registerUpdateListener(({ dirtyElements, editorState, normalizedNodes, prevEditorState, tags }) => {
+		syncLexicalUpdateToYjsV2__EXPERIMENTAL(binding, provider, prevEditorState, editorState, dirtyElements, normalizedNodes, tags);
+		scheduleCursorSync();
+	});
+	binding.root.observeDeep(yjsObserver);
+	provider.on("reload", reloadObserver);
+	provider.awareness.on("update", awarenessObserver);
+	return {
+		binding,
+		cleanup: () => {
+			isCleanedUp = true;
+			unregisterUpdateListener();
+			binding.root.unobserveDeep(yjsObserver);
+			provider.off("reload", reloadObserver);
+			provider.awareness.off("update", awarenessObserver);
+			lexicalEditor.update(() => {}, { tag: COLLABORATION_TAG });
+			binding.cursorsContainer = null;
+		}
+	};
+};
+//#endregion
+export { getOrCreateYDoc, initializeCollaborationUser, registerCollaborationBinding };

package/es/plugins/slash/react/components/DefaultSlashMenu.js

@@ -14,7 +14,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow-y: auto;
 
     max-height: min(50vh, 400px);
-    padding: 4px;
+    padding: 6px;
     border-radius: ${cssVar.borderRadius};
 
     background: ${cssVar.colorBgElevated};
@@ -23,23 +23,29 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
       0 0 15px 0 #00000008,
       0 2px 30px 0 #00000014,
       0 0 0 1px ${cssVar.colorBorder} inset;
+
+    [role='menuitem'] {
+      min-height: 40px;
+      padding-block: 8px;
+      padding-inline: 12px;
+    }
   `,
 	popupCaret: css`
     width: max-content;
-    min-width: 200px;
+    min-width: 220px;
   `,
 	root: css`
     z-index: 1100;
   `,
 	section: css`
-    margin-block-start: 4px;
+    margin-block-start: 6px;
   `,
 	sectionFirst: css`
     margin-block-start: 0;
   `,
 	sectionLabel: css`
     padding-block: 12px 6px;
-    padding-inline: 8px;
+    padding-inline: 12px;
 
     font-size: 12px;
     line-height: 1;

package/es/react/Editor/Editor.js

@@ -3,6 +3,7 @@ import { ReactEditor } from "../../editor-kernel/react/react-editor.js";
 import ReactMarkdownPlugin from "../../plugins/markdown/react/index.js";
 import ReactEditorContent from "../../plugins/common/react/ReactEditorContent.js";
 import ReactPlainText from "../../plugins/common/react/ReactPlainText.js";
+import ReactCollaborationPlugin from "../../plugins/collaboration/react/ReactCollaborationPlugin.js";
 import ReactMentionPlugin from "../../plugins/mention/react/ReactMentionPlugin.js";
 import ReactSlashOption from "../../plugins/slash/react/ReactSlashOption.js";
 import ReactSlashPlugin from "../../plugins/slash/react/ReactSlashPlugin.js";
@@ -11,14 +12,18 @@ import { createElement, memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { debounce } from "es-toolkit";
 //#region src/react/Editor/Editor.tsx
-const Editor = memo(({ content, style, className, debounceWait = 100, editable, editor, onInit, onChange, placeholder, lineEmptyPlaceholder, plugins = [], slashOption = {}, slashPlacement, getPopupContainer, mentionOption = {}, variant, onKeyDown, children, type = "json", onPressEnter, onFocus, onBlur, autoFocus, enablePasteMarkdown = true, autoFormatMarkdown = true, markdownOption = true, pasteMarkdownAutoConvertThreshold, pasteAsPlainText = false, pasteVSCodeAsCodeBlock = true, onCompositionStart, onCompositionEnd, onContextMenu, onTextChange }) => {
+const Editor = memo(({ content, style, className, collaboration, debounceWait = 100, editable, editor, onInit, onChange, placeholder, lineEmptyPlaceholder, plugins = [], slashOption = {}, slashPlacement, getPopupContainer, mentionOption = {}, variant, onKeyDown, children, type = "json", onPressEnter, onFocus, onBlur, autoFocus, enablePasteMarkdown = true, autoFormatMarkdown = true, markdownOption = true, pasteMarkdownAutoConvertThreshold, pasteAsPlainText = false, pasteVSCodeAsCodeBlock = true, onCompositionStart, onCompositionEnd, onContextMenu, onTextChange }) => {
 	const { config } = useEditorContent();
 	const enableSlash = Boolean(slashOption?.items && slashOption.items.length > 0);
 	const enableMention = Boolean(mentionOption?.items && mentionOption.items.length > 0);
 	const { markdownWriter, ...restMentionOption } = mentionOption;
 	const debouncedOnChange = useMemo(() => onChange ? debounce(onChange, debounceWait) : void 0, [onChange, debounceWait]);
 	const debouncedOnTextChange = useMemo(() => onTextChange ? debounce(onTextChange, debounceWait) : void 0, [onTextChange, debounceWait]);
-	const memoPlugins = useMemo(() => [enablePasteMarkdown && autoFormatMarkdown && ReactMarkdownPlugin, ...plugins].filter(Boolean).map((plugin, index) => {
+	const memoPlugins = useMemo(() => [
+		collaboration && [ReactCollaborationPlugin, collaboration],
+		enablePasteMarkdown && autoFormatMarkdown && ReactMarkdownPlugin,
+		...plugins
+	].filter(Boolean).map((plugin, index) => {
 		if (typeof plugin === "function") return createElement(plugin, { key: index });
 		return createElement(plugin[0], {
 			key: index,
@@ -26,6 +31,7 @@ const Editor = memo(({ content, style, className, debounceWait = 100, editable,
 		});
 	}), [
 		plugins,
+		collaboration,
 		enablePasteMarkdown,
 		autoFormatMarkdown,
 		ReactMarkdownPlugin

package/es/react/Editor/type.d.ts

@@ -1,4 +1,5 @@
 import { IEditor } from "../../types/kernel.js";
+import { EditorCollaborationConfig } from "../../plugins/collaboration/react/type.js";
 import { ReactEditorContentProps, ReactPlainTextProps } from "../../plugins/common/react/type.js";
 import { ReactMentionPluginProps } from "../../plugins/mention/react/type.js";
 import { ReactSlashOptionProps } from "../../plugins/slash/react/type.js";
@@ -18,6 +19,7 @@ interface EditorProps extends Partial<ReactEditorContentProps>, Omit<ReactPlainT
   autoFormatMarkdown?: boolean;
   children?: ReactNode;
   className?: string;
+  collaboration?: false | EditorCollaborationConfig;
   /**
    * Debounce wait time in milliseconds for onChange and onTextChange callbacks
    * @default 100

package/es/react.d.ts

@@ -1,4 +1,5 @@
 import { ANCHOR_PADDING_CSS_VAR, DEFAULT_BLOCK_ANCHOR_PADDING } from "./plugins/block/react/style.js";
+import { CollaborationProviderFactory, EditorCollaborationConfig } from "./plugins/collaboration/react/type.js";
 import { ChatInputProps } from "./react/ChatInput/type.js";
 import { ChatInput } from "./react/ChatInput/ChatInput.js";
 import { ChatInputActionBarProps } from "./react/ChatInputActionBar/type.js";
@@ -17,4 +18,4 @@ import { FloatActionsProps } from "./react/FloatActions/type.js";
 import { FloatActions } from "./react/FloatActions/FloatActions.js";
 import { SendButtonProps } from "./react/SendButton/type.js";
 import { SendButton } from "./react/SendButton/SendButton.js";
-export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, type ChatInputActionBarProps, type ChatInputActionEvent, ChatInputActions, type ChatInputActionsProps, type ChatInputProps, CodeLanguageSelect, type CodeLanguageSelectProps, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, type EditorProps, EditorProvider, type EditorProviderConfig, type EditorProviderProps, type EditorState, FloatActions, type FloatActionsProps, SendButton, type SendButtonProps, useEditor, useEditorContent, useEditorState, withProps };
+export { ANCHOR_PADDING_CSS_VAR, ChatInput, ChatInputActionBar, type ChatInputActionBarProps, type ChatInputActionEvent, ChatInputActions, type ChatInputActionsProps, type ChatInputProps, CodeLanguageSelect, type CodeLanguageSelectProps, type CollaborationProviderFactory, DEFAULT_BLOCK_ANCHOR_PADDING, Editor, type EditorCollaborationConfig, type EditorProps, EditorProvider, type EditorProviderConfig, type EditorProviderProps, type EditorState, FloatActions, type FloatActionsProps, SendButton, type SendButtonProps, useEditor, useEditorContent, useEditorState, withProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "4.19.2",
+  "version": "4.20.1",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",
@@ -97,6 +97,7 @@
     "@lexical/selection": "0.42.0",
     "@lexical/table": "0.42.0",
     "@lexical/utils": "0.42.0",
+    "@lexical/yjs": "0.42.0",
     "@shikijs/core": "^3.20.0",
     "@shikijs/engine-javascript": "^3.20.0",
     "@xmldom/xmldom": "^0.8.11",
@@ -121,7 +122,8 @@
     "remark-supersub": "^1.0.0",
     "shiki": "^3.20.0",
     "ts-key-enum": "^3.0.13",
-    "use-merge-value": "^1.2.0"
+    "use-merge-value": "^1.2.0",
+    "yjs": "^13.6.31"
   },
   "peerDependencies": {
     "@lobehub/ui": "^5.0.0",