@lobehub/editor 4.9.9 → 4.10.0

package/es/{ReactSlashPlugin-DEcBg9nL.js → ReactSlashPlugin-CBLFF1e6.js}

@@ -18537,8 +18537,9 @@ const selfClosingHtmlTags = new Set([
 	"wbr"
 ]);
 var MarkdownContext = class {
-	constructor(root) {
+	constructor(root, markdown) {
 		this.root = root;
+		this.markdown = markdown;
 		this.stack = [];
 	}
 	push(html) {
@@ -18554,15 +18555,36 @@ var MarkdownContext = class {
 		return this.stack.pop();
 	}
 };
-function convertMdastToLexical(node, index, ctx, markdownReaders = {}) {
+const getNodeRawMarkdown = (node, markdown) => {
+	const start = node.position?.start.offset;
+	const end = node.position?.end.offset;
+	if (typeof start === "number" && typeof end === "number") return markdown.slice(start, end);
+	if ("value" in node && typeof node.value === "string") return node.value;
+	return "";
+};
+const createFallbackRawNode = (node, ctx, parentType) => {
+	const raw = getNodeRawMarkdown(node, ctx.markdown);
+	if (!raw) return null;
+	if (parentType === null || parentType === "root") return {
+		...INodeHelper.createParagraph(),
+		children: [INodeHelper.createTextNode(raw)]
+	};
+	return INodeHelper.createTextNode(raw);
+};
+function convertMdastToLexical(node, index, ctx, markdownReaders = {}, parentType = null) {
 	switch (node.type) {
 		case "text": return INodeHelper.createTextNode(node.value);
 		default: {
+			if (!markdownReaders[node.type]) return createFallbackRawNode(node, ctx, parentType);
 			let children = [];
 			if ("children" in node && Array.isArray(node.children)) {
 				let htmlStack = [];
 				children = node.children.reduce((ret, child, index) => {
 					if (child.type === "html") {
+						if (!markdownReaders["html"]) {
+							ret.push(INodeHelper.createTextNode(child.value));
+							return ret;
+						}
 						if (child.value.startsWith("<!--") && child.value.endsWith("-->")) return ret;
 						const tag = child.value.replaceAll(/^<\/?|>$/g, "");
 						const isEndTag = child.value.startsWith("</");
@@ -18624,10 +18646,10 @@ function convertMdastToLexical(node, index, ctx, markdownReaders = {}) {
 					}
 					if (htmlStack.length > 0) {
 						const top = ctx.last;
-						if (top) top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+						if (top) top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders, node.type));
 						return ret;
 					}
-					ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+					ret.push(convertMdastToLexical(child, index, ctx, markdownReaders, node.type));
 					return ret;
 				}, []).filter(Boolean).flat();
 				while (htmlStack.length > 0) {
@@ -18679,7 +18701,7 @@ function registerDefaultReaders(markdownReaders) {
 function parseMarkdownToLexical(markdown, markdownReaders = {}) {
 	const ast = remark().use(remarkCjkFriendly).use(remarkMath).use([[remarkGfm, { singleTilde: false }]]).parse(markdown);
 	logger$2.debug("Parsed MDAST:", ast);
-	const ctx = new MarkdownContext(ast);
+	const ctx = new MarkdownContext(ast, markdown);
 	registerDefaultReaders(markdownReaders);
 	return convertMdastToLexical(ast, 0, ctx, markdownReaders);
 }
@@ -20493,7 +20515,7 @@ const CommonPlugin = class extends KernelPlugin {
 		const breakMark = (this.config?.markdownOption ?? true) !== false ? "\n\n" : "\n";
 		const formats = this.formats;
 		if (formats.quote) markdownService.registerMarkdownShortCut({
-			regExp: /^>\s/,
+			regExp: /^(>|》)\s/,
 			replace: (parentNode, children, _match, isImport) => {
 				if (isImport) {
 					const previousNode = parentNode.getPreviousSibling();

package/es/headless.js

@@ -22570,8 +22570,9 @@ const selfClosingHtmlTags = new Set([
 	"wbr"
 ]);
 var MarkdownContext = class {
-	constructor(root) {
+	constructor(root, markdown) {
 		this.root = root;
+		this.markdown = markdown;
 		this.stack = [];
 	}
 	push(html) {
@@ -22587,15 +22588,36 @@ var MarkdownContext = class {
 		return this.stack.pop();
 	}
 };
-function convertMdastToLexical(node, index, ctx, markdownReaders = {}) {
+const getNodeRawMarkdown = (node, markdown) => {
+	const start = node.position?.start.offset;
+	const end = node.position?.end.offset;
+	if (typeof start === "number" && typeof end === "number") return markdown.slice(start, end);
+	if ("value" in node && typeof node.value === "string") return node.value;
+	return "";
+};
+const createFallbackRawNode = (node, ctx, parentType) => {
+	const raw = getNodeRawMarkdown(node, ctx.markdown);
+	if (!raw) return null;
+	if (parentType === null || parentType === "root") return {
+		...INodeHelper.createParagraph(),
+		children: [INodeHelper.createTextNode(raw)]
+	};
+	return INodeHelper.createTextNode(raw);
+};
+function convertMdastToLexical(node, index, ctx, markdownReaders = {}, parentType = null) {
 	switch (node.type) {
 		case "text": return INodeHelper.createTextNode(node.value);
 		default: {
+			if (!markdownReaders[node.type]) return createFallbackRawNode(node, ctx, parentType);
 			let children = [];
 			if ("children" in node && Array.isArray(node.children)) {
 				let htmlStack = [];
 				children = node.children.reduce((ret, child, index) => {
 					if (child.type === "html") {
+						if (!markdownReaders["html"]) {
+							ret.push(INodeHelper.createTextNode(child.value));
+							return ret;
+						}
 						if (child.value.startsWith("<!--") && child.value.endsWith("-->")) return ret;
 						const tag = child.value.replaceAll(/^<\/?|>$/g, "");
 						const isEndTag = child.value.startsWith("</");
@@ -22657,10 +22679,10 @@ function convertMdastToLexical(node, index, ctx, markdownReaders = {}) {
 					}
 					if (htmlStack.length > 0) {
 						const top = ctx.last;
-						if (top) top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+						if (top) top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders, node.type));
 						return ret;
 					}
-					ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+					ret.push(convertMdastToLexical(child, index, ctx, markdownReaders, node.type));
 					return ret;
 				}, []).filter(Boolean).flat();
 				while (htmlStack.length > 0) {
@@ -22712,7 +22734,7 @@ function registerDefaultReaders(markdownReaders) {
 function parseMarkdownToLexical(markdown, markdownReaders = {}) {
 	const ast = remark().use(remarkCjkFriendly).use(remarkMath).use([[remarkGfm, { singleTilde: false }]]).parse(markdown);
 	logger$3.debug("Parsed MDAST:", ast);
-	const ctx = new MarkdownContext(ast);
+	const ctx = new MarkdownContext(ast, markdown);
 	registerDefaultReaders(markdownReaders);
 	return convertMdastToLexical(ast, 0, ctx, markdownReaders);
 }
@@ -24764,7 +24786,7 @@ const CommonPlugin = class extends KernelPlugin {
 		const breakMark = (this.config?.markdownOption ?? true) !== false ? "\n\n" : "\n";
 		const formats = this.formats;
 		if (formats.quote) markdownService.registerMarkdownShortCut({
-			regExp: /^>\s/,
+			regExp: /^(>|》)\s/,
 			replace: (parentNode, children, _match, isImport) => {
 				if (isImport) {
 					const previousNode = parentNode.getPreviousSibling();

package/es/index.js

@@ -1,5 +1,5 @@
 import { $ as DOM_TEXT_TYPE, A as $createCodeMirrorNode, At as createDebugLogger, B as Editor, C as $createCodeNode$1, Ct as CONTROL_OR_META, Dt as KeyEnum, E as CodeNode$1, Et as HotkeyScopeEnum, F as $isCursorNode, Ft as init_debug, G as kernel_exports, Gt as INodeHelper, H as DataSource, I as CardLikeElementNode, It as prodSafeLogger, J as $getNearestNodeFromDOMNode, K as $closest, Kt as init_helper, M as CodeMirrorNode, Mt as debugLoggers, N as $createCursorNode, Nt as debug_exports, Ot as init_hotkey, P as $isCardLikeElementNode, Pt as devConsole, Q as DOM_ELEMENT_TYPE, R as cursorNodeSerialized, S as formatUrl, St as init_registerHotkey, Tt as HotkeyEnum, U as Kernel, V as resetRandomKey, W as init_kernel, X as DOM_DOCUMENT_FRAGMENT_TYPE, Y as $getNodeFromDOMNode, Yt as __toCommonJS, Z as DOM_DOCUMENT_TYPE, _ as AutoLinkNode, _t as unregisterEditorKernel, a as $createMathBlockNode, at as generateEditorId, b as LinkNode, bt as HOVER_COMMAND, c as MathBlockNode, ct as getNodeKeyFromDOMNode, dt as isDOMNode, et as EDITOR_THEME_KEY, f as LinkHighlightNode, ft as isDocumentFragment, g as $toggleLink, gt as registerEditorKernel, h as $isLinkNode, ht as reconcileDecorator, it as genServiceId, j as $isCodeMirrorNode, jt as debugLogger, kt as browserDebug, l as MathInlineNode, lt as getParentElement, m as $createLinkNode, mt as noop, nt as compareNodeOrder, o as $createMathInlineNode, ot as getKernelFromEditor, pt as moment, q as $closestNodeType, rt as createEmptyEditorState, s as $isMathNode, st as getKernelFromEditorConfig, tt as assert, u as $createLinkHighlightNode, ut as init_utils, v as HOVER_LINK_COMMAND, vt as KernelPlugin, wt as init_sys, x as TOGGLE_LINK_COMMAND, xt as getHotkeyById, y as HOVER_OUT_LINK_COMMAND, yt as init_plugin } from "./style-CLtp6okE.js";
-import { A as detectLanguage, B as INodePlugin, C as ReactPlainText, D as useTranslation, E as ReactMarkdownPlugin, F as GET_MARKDOWN_SELECTION_COMMAND, G as idToChar, H as $cloneNode, I as INSERT_MARKDOWN_COMMAND, J as useLexicalEditor, K as INSERT_HEADING_COMMAND, L as isPunctuationChar, M as MARKDOWN_READER_LEVEL_HIGH, N as MARKDOWN_READER_LEVEL_NORMAL, O as MarkdownPlugin, P as MARKDOWN_WRITER_LEVEL_MAX, R as ILitexmlService, S as registerCodeInlineCommand, T as CommonPlugin, U as $parseSerializedNodeImpl, V as INodeService, W as charToId, X as useLexicalComposerContext, Y as ReactEditor, Z as LexicalErrorBoundary, _ as extractUrlFromText, a as ReactMentionPlugin, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, f as CodeblockPlugin, g as registerCheckList, h as INSERT_CHECK_LIST_COMMAND, i as SlashPlugin, j as IMarkdownShortCutService, k as detectCodeLanguage, l as registerLinkHighlightCommand, m as getCodeLanguageByInput, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as INSERT_QUOTE_COMMAND, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as getSelectedNode, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl, z as LitexmlService } from "./ReactSlashPlugin-DEcBg9nL.js";
+import { A as detectLanguage, B as INodePlugin, C as ReactPlainText, D as useTranslation, E as ReactMarkdownPlugin, F as GET_MARKDOWN_SELECTION_COMMAND, G as idToChar, H as $cloneNode, I as INSERT_MARKDOWN_COMMAND, J as useLexicalEditor, K as INSERT_HEADING_COMMAND, L as isPunctuationChar, M as MARKDOWN_READER_LEVEL_HIGH, N as MARKDOWN_READER_LEVEL_NORMAL, O as MarkdownPlugin, P as MARKDOWN_WRITER_LEVEL_MAX, R as ILitexmlService, S as registerCodeInlineCommand, T as CommonPlugin, U as $parseSerializedNodeImpl, V as INodeService, W as charToId, X as useLexicalComposerContext, Y as ReactEditor, Z as LexicalErrorBoundary, _ as extractUrlFromText, a as ReactMentionPlugin, c as INSERT_LINK_HIGHLIGHT_COMMAND, d as bundledLanguagesInfo, f as CodeblockPlugin, g as registerCheckList, h as INSERT_CHECK_LIST_COMMAND, i as SlashPlugin, j as IMarkdownShortCutService, k as detectCodeLanguage, l as registerLinkHighlightCommand, m as getCodeLanguageByInput, n as ReactSlashOption, o as MentionPlugin, p as UPDATE_CODEBLOCK_LANG, q as INSERT_QUOTE_COMMAND, r as SlashMenu, s as INSERT_MENTION_COMMAND, t as ReactSlashPlugin, u as useLexicalNodeSelection, v as getSelectedNode, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl, z as LitexmlService } from "./ReactSlashPlugin-CBLFF1e6.js";
 import { S as DiffNode, _ as PlaceholderNode, a as styles$16, b as HorizontalRuleNode, c as ImageNode, d as BlockImageNode, f as styles$15, g as PlaceholderBlockNode, h as FileNode, i as imageBroken, l as $createBlockImageNode, m as $isFileNode, n as styles$18, o as $createImageNode, p as $createFileNode, r as styles$17, s as $isImageNode, t as styles$19, u as $isBlockImageNode, v as $createHorizontalRuleNode, x as $createDiffNode, y as $isHorizontalRuleNode } from "./style-D-dIPHv5.js";
 import { $computeTableMapSkipCellCheck, $createTableNodeWithDimensions, $createTableSelection, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $findTableNode, $getElementForTableNode, $getNodeTriplet, $getTableAndElementByKey, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, $isTableRowNode, $isTableSelection, $mergeCells, $unmergeCell, TableCellHeaderStates, TableCellNode, TableNode, TableNode as TableNode$1, TableRowNode, getDOMCellFromTarget, getTableElement, getTableObserverFromTableElement, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive } from "@lexical/table";
 import { debounce } from "es-toolkit/compat";
@@ -2246,6 +2246,7 @@ function createHeadlessEditor(options) {
 init_helper();
 init_plugin();
 init_debug();
+const AUTO_COMPLETE_GUARD_LIMIT = 5e4;
 const AutoCompletePlugin = class extends KernelPlugin {
 	static {
 		this.pluginName = "AutoCompletePlugin";
@@ -2261,6 +2262,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		this.placeholderNodes = [];
 		this.currentSuggestion = null;
 		this.markdownService = null;
+		this.skipNextTextContentListener = false;
 		this.delay = config?.delay ?? 1e3;
 		kernel.registerNodes([PlaceholderNode, PlaceholderBlockNode]);
 		if (config?.theme) kernel.registerThemes(config?.theme);
@@ -2273,7 +2275,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		}
 		this.register(editor.registerUpdateListener(({ editorState }) => {
 			editorState.read(() => {
-				if (editor.isComposing()) return;
+				if (editor.isComposing()) {
+					this.clearTimer();
+					this.clearPlaceholderNodes(editor);
+					return;
+				}
 				const selection = $getSelection();
 				if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
 					this.clearTimer();
@@ -2313,7 +2319,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 			return false;
 		}, COMMAND_PRIORITY_CRITICAL));
 		this.register(editor.registerTextContentListener(() => {
-			if (this.placeholderNodes.length > 0) this.clearPlaceholderNodes(editor);
+			if (this.skipNextTextContentListener) {
+				this.skipNextTextContentListener = false;
+				return;
+			}
+			if (this.currentSuggestion) this.clearPlaceholderNodes(editor);
 		}));
 	}
 	hasPositionChanged(currentPosition) {
@@ -2329,7 +2339,11 @@ const AutoCompletePlugin = class extends KernelPlugin {
 	}
 	handleCursorStable(editor, position) {
 		editor.getEditorState().read(() => {
-			if (editor.isComposing()) return;
+			if (editor.isComposing()) {
+				this.clearTimer();
+				this.clearPlaceholderNodes(editor);
+				return;
+			}
 			if (!this.abortController || this.abortController.signal.aborted) return;
 			const selection = $getSelection();
 			if (!$isRangeSelection(selection) || !selection.isCollapsed()) return;
@@ -2395,7 +2409,10 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		const anchorNode = selection.anchor.getNode();
 		const anchorOffset = selection.anchor.offset;
 		let paragraphNode = anchorNode;
+		let parentTraversalCount = 0;
 		while (paragraphNode && paragraphNode.isInline()) {
+			parentTraversalCount++;
+			if (parentTraversalCount > AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`getTextBeforeCursor: parent traversal > ${AUTO_COMPLETE_GUARD_LIMIT}`);
 			const parent = paragraphNode.getParent();
 			if (!parent) break;
 			paragraphNode = parent;
@@ -2403,7 +2420,10 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		if (!paragraphNode) return ret;
 		this.logger.debug("🔍 Paragraph Node Type:", paragraphNode, anchorNode);
 		let founded = false;
+		let recursionDepth = 0;
 		const collectTextBeforeCursor = (node, targetNode, targetOffset) => {
+			recursionDepth++;
+			if (recursionDepth > AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`collectTextBeforeCursor: recursion depth > ${AUTO_COMPLETE_GUARD_LIMIT}`);
 			if (node === targetNode) {
 				founded = true;
 				if (node.getTextContent) {
@@ -2442,6 +2462,7 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		};
 	}
 	showPlaceholderNodes(editor, suggestion) {
+		this.skipNextTextContentListener = true;
 		editor.update(() => {
 			const selection = $getSelection();
 			if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
@@ -2479,18 +2500,30 @@ const AutoCompletePlugin = class extends KernelPlugin {
 		});
 	}
 	clearPlaceholderNodes(editor) {
+		this.skipNextTextContentListener = true;
+		this.currentSuggestion = null;
+		this.placeholderNodes = [];
 		editor.update(() => {
+			let iterCount = 0;
 			editor.getEditorState()._nodeMap.forEach((node) => {
+				iterCount++;
+				if (iterCount > AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`clearPlaceholderNodes: forEach loop > ${AUTO_COMPLETE_GUARD_LIMIT} iterations`);
 				const selection = $getSelection();
 				const clonedSelection = selection ? selection.clone() : null;
 				if (node.isAttached() && ["PlaceholderBlock", "PlaceholderInline"].includes(node.getType())) {
 					if (node.getType() === "PlaceholderInline" && node.getTextContent().includes("​") && node.getPreviousSibling() === null) {
-						while (node.getNextSibling()) {
-							const next = node.getNextSibling();
-							if (next) $insertNodes([next]);
+						const siblings = [];
+						let sibling = node.getNextSibling();
+						let siblingLoopCount = 0;
+						while (sibling && siblingLoopCount < AUTO_COMPLETE_GUARD_LIMIT) {
+							siblings.push(sibling);
+							sibling = sibling.getNextSibling();
+							siblingLoopCount++;
 						}
-						$setSelection(clonedSelection);
+						if (siblingLoopCount >= AUTO_COMPLETE_GUARD_LIMIT) throw new Error(`clearPlaceholderNodes: too many siblings (${siblingLoopCount}/${AUTO_COMPLETE_GUARD_LIMIT})`);
 						node.getParent()?.remove();
+						if (siblings.length > 0) $insertNodes(siblings);
+						$setSelection(clonedSelection);
 						return;
 					}
 					node.remove();

package/es/react.js

@@ -1,5 +1,5 @@
 import { A as $createCodeMirrorNode, B as Editor$2, Bt as $isRootTextContentEmpty, S as formatUrl, T as $isSelectionInCodeInline, Ut as init_utils, a as $createMathBlockNode, d as $isLinkHighlightNode, h as $isLinkNode, j as $isCodeMirrorNode, mt as noop, o as $createMathInlineNode, x as TOGGLE_LINK_COMMAND } from "./style-CLtp6okE.js";
-import { C as ReactPlainText, E as ReactMarkdownPlugin, Y as ReactEditor, _ as extractUrlFromText, a as ReactMentionPlugin, b as validateUrl, c as INSERT_LINK_HIGHLIGHT_COMMAND, h as INSERT_CHECK_LIST_COMMAND, n as ReactSlashOption, p as UPDATE_CODEBLOCK_LANG, t as ReactSlashPlugin, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl } from "./ReactSlashPlugin-DEcBg9nL.js";
+import { C as ReactPlainText, E as ReactMarkdownPlugin, Y as ReactEditor, _ as extractUrlFromText, a as ReactMentionPlugin, b as validateUrl, c as INSERT_LINK_HIGHLIGHT_COMMAND, h as INSERT_CHECK_LIST_COMMAND, n as ReactSlashOption, p as UPDATE_CODEBLOCK_LANG, t as ReactSlashPlugin, w as ReactEditorContent, x as INSERT_CODEINLINE_COMMAND, y as sanitizeUrl } from "./ReactSlashPlugin-CBLFF1e6.js";
 import { $createNodeSelection, $createParagraphNode, $getSelection, $isParagraphNode, $isRangeSelection, $isRootOrShadowRoot, $setSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from "lexical";
 import { $createQuoteNode, $isHeadingNode, $isQuoteNode } from "@lexical/rich-text";
 import { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from "@lexical/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "4.9.9",
+  "version": "4.10.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",