@lobehub/editor 4.23.0 → 4.23.2

package/es/plugins/codeblock/command/index.js

@@ -15,12 +15,14 @@ function registerCodeCommand(editor) {
 		CustomShikiTokenizer.defaultLanguage = payload.lang;
 		const codeNode = editor.getEditorState().read(() => {
 			const selection = $getSelection();
-			if ($isRangeSelection(selection)) if (selection.isCollapsed()) return $findMatchingParent(selection.anchor.getNode(), $isCodeNode);
-			else {
-				const anchor = $findMatchingParent(selection.anchor.getNode(), $isCodeNode);
-				const focus = $findMatchingParent(selection.focus.getNode(), $isCodeNode);
-				if (anchor && focus && anchor === focus) return anchor;
-				return null;
+			if ($isRangeSelection(selection)) {
+				if (selection.isCollapsed()) return $findMatchingParent(selection.anchor.getNode(), $isCodeNode);
+				else {
+					const anchor = $findMatchingParent(selection.anchor.getNode(), $isCodeNode);
+					const focus = $findMatchingParent(selection.focus.getNode(), $isCodeNode);
+					if (anchor && focus && anchor === focus) return anchor;
+					return null;
+				}
 			}
 			return false;
 		});

package/es/plugins/codeblock/plugin/index.js

@@ -48,8 +48,10 @@ const CodeblockPlugin = class extends KernelPlugin {
 		if (this.config?.shikiTheme) CustomShikiTokenizer.defaultTheme = this.config?.shikiTheme;
 	}
 	onInit(editor) {
-		if (!isHeadlessEditor(editor)) if (this.config?.shikiTheme) this.register(registerCodeHighlighting(editor, CustomShikiTokenizer));
-		else this.register(registerCodeHighlighting(editor));
+		if (!isHeadlessEditor(editor)) {
+			if (this.config?.shikiTheme) this.register(registerCodeHighlighting(editor, CustomShikiTokenizer));
+			else this.register(registerCodeHighlighting(editor));
+		}
 		this.register(registerCodeCommand(editor));
 		if (!isHeadlessEditor(editor)) this.register(editor.registerCommand(PASTE_COMMAND, (event) => {
 			if (!(event instanceof ClipboardEvent)) return false;

package/es/plugins/codeblock/react/ReactCodeblockPlugin.js

@@ -8,6 +8,7 @@ import { cx } from "antd-style";
 //#region src/plugins/codeblock/react/ReactCodeblockPlugin.tsx
 const ReactCodeblockPlugin = ({ theme, shikiTheme }) => {
 	const [editor] = useLexicalComposerContext();
+	const codeStyle = cx(styles.code);
 	useLayoutEffect(() => {
 		editor.registerPlugin(MarkdownPlugin);
 		editor.registerPlugin(CodeblockPlugin, {
@@ -15,7 +16,7 @@ const ReactCodeblockPlugin = ({ theme, shikiTheme }) => {
 			theme: theme || { code: styles.code }
 		});
 	}, [
-		cx(styles.code),
+		codeStyle,
 		editor,
 		shikiTheme,
 		theme

package/es/plugins/codemirror-block/command/index.js

@@ -19,12 +19,14 @@ function registerCodeMirrorCommand(editor) {
 	}, COMMAND_PRIORITY_EDITOR), editor.registerCommand(UPDATE_CODEBLOCK_LANG, (payload) => {
 		const codeMirrorNode = editor.getEditorState().read(() => {
 			const selection = $getSelection();
-			if ($isRangeSelection(selection)) if (selection.isCollapsed()) return $findMatchingParent(selection.anchor.getNode(), $isCodeMirrorNode);
-			else {
-				const anchor = $findMatchingParent(selection.anchor.getNode(), $isCodeMirrorNode);
-				const focus = $findMatchingParent(selection.focus.getNode(), $isCodeMirrorNode);
-				if (anchor && focus && anchor === focus) return anchor;
-				return null;
+			if ($isRangeSelection(selection)) {
+				if (selection.isCollapsed()) return $findMatchingParent(selection.anchor.getNode(), $isCodeMirrorNode);
+				else {
+					const anchor = $findMatchingParent(selection.anchor.getNode(), $isCodeMirrorNode);
+					const focus = $findMatchingParent(selection.focus.getNode(), $isCodeMirrorNode);
+					if (anchor && focus && anchor === focus) return anchor;
+					return null;
+				}
 			}
 			return false;
 		});

package/es/plugins/common/data-source/json-data-source.js

@@ -97,10 +97,11 @@ var JSONDataSource = class extends DataSource {
 							...node.exportJSON(),
 							$key: node.getKey()
 						};
-						if (node === firstNode) if (node === lastNode) {
-							if (anchor.type !== "element" || focus.type !== "element" || focus.offset === anchor.offset) sNode.text = anchorOffset < focusOffset ? sNode.text.slice(anchorOffset, focusOffset) : sNode.text.slice(focusOffset, anchorOffset);
-						} else sNode.text = isBefore ? sNode.text.slice(anchorOffset) : sNode.text.slice(focusOffset);
-						else if (node === lastNode) sNode.text = isBefore ? sNode.text.slice(0, focusOffset) : sNode.text.slice(0, anchorOffset);
+						if (node === firstNode) {
+							if (node === lastNode) {
+								if (anchor.type !== "element" || focus.type !== "element" || focus.offset === anchor.offset) sNode.text = anchorOffset < focusOffset ? sNode.text.slice(anchorOffset, focusOffset) : sNode.text.slice(focusOffset, anchorOffset);
+							} else sNode.text = isBefore ? sNode.text.slice(anchorOffset) : sNode.text.slice(focusOffset);
+						} else if (node === lastNode) sNode.text = isBefore ? sNode.text.slice(0, focusOffset) : sNode.text.slice(0, anchorOffset);
 						let hasPush = false;
 						for (let i = lastElement.length - 1; i >= 0; i--) if ($getNodeByKey(lastElement[i].$key)?.isParentOf(node)) {
 							lastElement[i].children.push(sNode);

package/es/plugins/common/plugin/index.js

@@ -175,9 +175,7 @@ const CommonPlugin = class extends KernelPlugin {
 				case "h6":
 					ctx.wrap("###### ", "\n\n");
 					break;
-				default:
-					ctx.wrap("", "\n\n");
-					break;
+				default: ctx.wrap("", "\n\n");
 			}
 		});
 		markdownService.registerMarkdownWriter("text", (ctx, node) => {

package/es/plugins/common/plugin/paste-handler.js

@@ -23,7 +23,8 @@ const handleVSCodePaste = ({ clipboardData, config, editor, event }) => {
 		if (!text) return "next";
 		event.preventDefault();
 		editor.update(() => {
-			if (!$isRangeSelection($getSelection())) return;
+			const selection = $getSelection();
+			if (!$isRangeSelection(selection)) return;
 			const codeNode = $createCodeMirrorNode(language, text);
 			$insertNodes([codeNode]);
 			const nodeSelection = $createNodeSelection();

package/es/plugins/hr/command/index.js

@@ -5,7 +5,8 @@ const INSERT_HORIZONTAL_RULE_COMMAND = createCommand("INSERT_HORIZONTAL_RULE_COM
 function registerHorizontalRuleCommand(editor) {
 	return editor.registerCommand(INSERT_HORIZONTAL_RULE_COMMAND, () => {
 		editor.update(() => {
-			$insertNodes([$createHorizontalRuleNode()]);
+			const hrNode = $createHorizontalRuleNode();
+			$insertNodes([hrNode]);
 		});
 		return true;
 	}, COMMAND_PRIORITY_EDITOR);

package/es/plugins/image/react/components/BrokenImage.js

@@ -4,8 +4,9 @@ import { styles } from "./style.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/plugins/image/react/components/BrokenImage.tsx
 const BrokenImage = () => {
+	const t = useTranslation();
 	return /* @__PURE__ */ jsx("img", {
-		alt: useTranslation()("image.broken"),
+		alt: t("image.broken"),
 		className: styles.brokenImage,
 		draggable: "false",
 		src: imageBroken

package/es/plugins/image/react/components/Image.js

@@ -96,26 +96,29 @@ const Image = memo(({ node, className, showScaleInfo = false, handleUpload, onPi
 		switch (node.status) {
 			case "error": return /* @__PURE__ */ jsx(BrokenImage, {});
 			case "uploaded":
-			case "loading": return /* @__PURE__ */ jsx(Suspense, {
-				fallback: lastLoadedSrcRef.current ? /* @__PURE__ */ jsx("img", {
+			case "loading": {
+				const fallback = lastLoadedSrcRef.current ? /* @__PURE__ */ jsx("img", {
 					alt: node.altText,
 					className: cx(styles.lazyImage, className || void 0),
 					draggable: "false",
 					src: lastLoadedSrcRef.current,
 					style: { width: "100%" }
-				}) : null,
-				children: /* @__PURE__ */ jsx(LazyImage, {
-					className,
-					newWidth,
-					node,
-					onLoad: (loadedSize) => {
-						lastLoadedSrcRef.current = node.src;
-						originalSizeRef.current.width = loadedSize.width;
-						originalSizeRef.current.height = loadedSize.height;
-						setSize(loadedSize);
-					}
-				})
-			});
+				}) : null;
+				return /* @__PURE__ */ jsx(Suspense, {
+					fallback,
+					children: /* @__PURE__ */ jsx(LazyImage, {
+						className,
+						newWidth,
+						node,
+						onLoad: (loadedSize) => {
+							lastLoadedSrcRef.current = node.src;
+							originalSizeRef.current.width = loadedSize.width;
+							originalSizeRef.current.height = loadedSize.height;
+							setSize(loadedSize);
+						}
+					})
+				});
+			}
 			default: return null;
 		}
 	}, [

package/es/plugins/image/react/components/ImageEditPopover.js

@@ -103,49 +103,50 @@ const ImageEditPopover = memo(({ children, node, handleUpload, onPickFile }) =>
 		handleClose,
 		node
 	]);
-	return /* @__PURE__ */ jsx(Popover, {
-		arrow: false,
-		content: /* @__PURE__ */ jsxs(Flexbox, {
+	const content = /* @__PURE__ */ jsxs(Flexbox, {
+		gap: 8,
+		style: { width: 320 },
+		children: [/* @__PURE__ */ jsx(Input, {
+			onChange: (e) => setUrl(e.target.value),
+			onKeyDown: (e) => {
+				if (e.key === "Enter") handleUrlSubmit();
+				if (e.key === "Escape") handleClose();
+			},
+			placeholder: "https://...",
+			prefix: /* @__PURE__ */ jsx(Icon, {
+				color: cssVar.colorTextDescription,
+				icon: LinkIcon
+			}),
+			value: url
+		}), /* @__PURE__ */ jsxs(Flexbox, {
 			gap: 8,
-			style: { width: 320 },
-			children: [/* @__PURE__ */ jsx(Input, {
-				onChange: (e) => setUrl(e.target.value),
-				onKeyDown: (e) => {
-					if (e.key === "Enter") handleUrlSubmit();
-					if (e.key === "Escape") handleClose();
-				},
-				placeholder: "https://...",
-				prefix: /* @__PURE__ */ jsx(Icon, {
-					color: cssVar.colorTextDescription,
-					icon: LinkIcon
-				}),
-				value: url
-			}), /* @__PURE__ */ jsxs(Flexbox, {
-				gap: 8,
-				horizontal: true,
-				justify: "flex-end",
-				children: [handleUpload && /* @__PURE__ */ jsxs(Fragment, { children: [!onPickFile && /* @__PURE__ */ jsx("input", {
-					accept: "image/*",
-					onChange: handleFileChange,
-					ref: fileInputRef,
-					style: { display: "none" },
-					type: "file"
-				}), /* @__PURE__ */ jsx(Button, {
-					icon: /* @__PURE__ */ jsx(Icon, { icon: UploadIcon }),
-					loading: uploading,
-					onClick: handlePickFile,
-					size: "small",
-					type: "text",
-					children: t("image.replace")
-				})] }), /* @__PURE__ */ jsx(Button, {
-					onClick: handleUrlSubmit,
-					size: "small",
-					type: "text",
-					variant: "filled",
-					children: t("confirm")
-				})]
+			horizontal: true,
+			justify: "flex-end",
+			children: [handleUpload && /* @__PURE__ */ jsxs(Fragment, { children: [!onPickFile && /* @__PURE__ */ jsx("input", {
+				accept: "image/*",
+				onChange: handleFileChange,
+				ref: fileInputRef,
+				style: { display: "none" },
+				type: "file"
+			}), /* @__PURE__ */ jsx(Button, {
+				icon: /* @__PURE__ */ jsx(Icon, { icon: UploadIcon }),
+				loading: uploading,
+				onClick: handlePickFile,
+				size: "small",
+				type: "text",
+				children: t("image.replace")
+			})] }), /* @__PURE__ */ jsx(Button, {
+				onClick: handleUrlSubmit,
+				size: "small",
+				type: "text",
+				variant: "filled",
+				children: t("confirm")
 			})]
-		}),
+		})]
+	});
+	return /* @__PURE__ */ jsx(Popover, {
+		arrow: false,
+		content,
 		disabled: !editable || node.status !== "uploaded",
 		onOpenChange: handleOpenChange,
 		open,

package/es/plugins/image/react/components/ResizeHandle.js

@@ -29,9 +29,7 @@ const ResizeHandle = ({ imageRef, isBlock, onResize, onResizeEnd, onResizeStart,
 				case "left":
 					deltaX = isBlock ? centerX - e.clientX : -deltaX;
 					break;
-				case "right":
-					if (isBlock) deltaX = e.clientX - centerX;
-					break;
+				case "right": if (isBlock) deltaX = e.clientX - centerX;
 			}
 			lastDeltaX = deltaX;
 			lastDeltaY = deltaY;

package/es/plugins/link/node/LinkNode.js

@@ -67,8 +67,10 @@ var LinkNode = class LinkNode extends ElementNode {
 			]) {
 				const key = `__${attr}`;
 				const value = this[key];
-				if (!prevNode || prevNode[key] !== value) if (value) anchor[attr] = value;
-				else anchor.removeAttribute(attr);
+				if (!prevNode || prevNode[key] !== value) {
+					if (value) anchor[attr] = value;
+					else anchor.removeAttribute(attr);
+				}
 			}
 		}
 	}

package/es/plugins/link/plugin/registry.js

@@ -13,7 +13,8 @@ function registerLinkCommands(editor, kernel, options) {
 		if (!selection) return;
 		if ($isRangeSelection(selection)) editor.getEditorState().read(() => {
 			const node = getSelectedNode(selection);
-			const isLink = $isLinkNode(node.getParent()) || $isLinkNode(node);
+			const parent = node.getParent();
+			const isLink = $isLinkNode(parent) || $isLinkNode(node);
 			state.isLink = isLink;
 		});
 		else state.isLink = false;
@@ -47,17 +48,21 @@ function registerLinkCommands(editor, kernel, options) {
 		let expandTo = null;
 		editor.getEditorState().read(() => {
 			const selection = $getSelection();
-			if ($isRangeSelection(selection)) if (!selection.isCollapsed()) {
-				const maybeUrl = formatUrl(selection.getTextContent().trim());
-				if (validateUrl?.(maybeUrl)) nextUrl = maybeUrl;
-			} else {
-				const found = extractUrlFromText(selection.anchor.getNode().getTextContent());
-				if (found && validateUrl?.(formatUrl(found.url))) {
-					nextUrl = formatUrl(found.url);
-					expandTo = {
-						index: found.index,
-						length: found.length
-					};
+			if ($isRangeSelection(selection)) {
+				if (!selection.isCollapsed()) {
+					const text = selection.getTextContent().trim();
+					const maybeUrl = formatUrl(text);
+					if (validateUrl?.(maybeUrl)) nextUrl = maybeUrl;
+				} else {
+					const lineText = selection.anchor.getNode().getTextContent();
+					const found = extractUrlFromText(lineText);
+					if (found && validateUrl?.(formatUrl(found.url))) {
+						nextUrl = formatUrl(found.url);
+						expandTo = {
+							index: found.index,
+							length: found.length
+						};
+					}
 				}
 			}
 		});

package/es/plugins/link/react/components/LinkEdit.js

@@ -61,14 +61,15 @@ const LinkEdit = ({ editor }) => {
 		switch (event.key) {
 			case "Enter":
 				event.preventDefault();
-				if (event.currentTarget === textInputDOM) if (editor.getEditorState().read(() => linkNode.getTextContent()) !== textInputDOM.value) {
-					editor.dispatchCommand(UPDATE_LINK_TEXT_COMMAND, {
-						key: linkNode.getKey(),
-						text: textInputDOM.value
-					});
-					inputDOM.focus();
-				} else inputDOM.focus();
-				else if (event.currentTarget === inputDOM) handleSubmit();
+				if (event.currentTarget === textInputDOM) {
+					if (editor.getEditorState().read(() => linkNode.getTextContent()) !== textInputDOM.value) {
+						editor.dispatchCommand(UPDATE_LINK_TEXT_COMMAND, {
+							key: linkNode.getKey(),
+							text: textInputDOM.value
+						});
+						inputDOM.focus();
+					} else inputDOM.focus();
+				} else if (event.currentTarget === inputDOM) handleSubmit();
 				return;
 			case "Tab":
 				event.preventDefault();

package/es/plugins/list/plugin/index.js

@@ -141,10 +141,7 @@ const ListPlugin = class extends KernelPlugin {
 					case "number":
 						ctx.wrap(`${prefix}${node.getValue()}. `, "\n");
 						break;
-					case "check":
-						ctx.wrap(`${prefix}- [${node.getChecked() ? "x" : " "}] `, "\n");
-						break;
-					default: break;
+					case "check": ctx.wrap(`${prefix}- [${node.getChecked() ? "x" : " "}] `, "\n");
 				}
 			}
 		});

package/es/plugins/list/utils/index.js

@@ -36,14 +36,16 @@ const listReplace = (listType) => {
 	};
 };
 function $indentOverTab(selection) {
-	if ($filter(selection.getNodes(), (node) => {
+	const nodes = selection.getNodes();
+	if ($filter(nodes, (node) => {
 		if ($isBlockElementNode(node) && node.canIndent()) return node;
 		return null;
 	}).length > 0) return true;
 	const anchor = selection.anchor;
 	const focus = selection.focus;
 	const first = focus.isBefore(anchor) ? focus : anchor;
-	const firstBlock = $getNearestBlockElementAncestorOrThrow(first.getNode());
+	const firstNode = first.getNode();
+	const firstBlock = $getNearestBlockElementAncestorOrThrow(firstNode);
 	if (firstBlock.canIndent()) {
 		const firstBlockKey = firstBlock.getKey();
 		let selectionAtStart = $createRangeSelection();

package/es/plugins/litexml/command/index.js

@@ -53,22 +53,24 @@ function finalizeModifyBlocks(modifyBlockNodes, diffNodeMap, editor) {
 	for (const blockNodeKey of modifyBlockNodes) {
 		const blockNode = $getNodeByKey(blockNodeKey);
 		const diffNode = diffNodeMap.get(blockNodeKey);
-		if (diffNode && blockNode) if (blockNode.getType() === "listitem" && $isElementNode(blockNode)) {
-			const newDiffNode = $createDiffNode("listItemModify");
-			const firstChild = diffNode.getFirstChild();
-			if (firstChild && $isElementNode(firstChild)) newDiffNode.append(firstChild);
-			const children = blockNode.getChildren();
-			const p = $createParagraphNode();
-			children.forEach((child) => {
-				child.remove();
-				p.append(child);
-			});
-			newDiffNode.append(p);
-			blockNode.append(newDiffNode);
-			continue;
-		} else {
-			diffNode.append($cloneNode(blockNode, editor));
-			blockNode.replace(diffNode, false);
+		if (diffNode && blockNode) {
+			if (blockNode.getType() === "listitem" && $isElementNode(blockNode)) {
+				const newDiffNode = $createDiffNode("listItemModify");
+				const firstChild = diffNode.getFirstChild();
+				if (firstChild && $isElementNode(firstChild)) newDiffNode.append(firstChild);
+				const children = blockNode.getChildren();
+				const p = $createParagraphNode();
+				children.forEach((child) => {
+					child.remove();
+					p.append(child);
+				});
+				newDiffNode.append(p);
+				blockNode.append(newDiffNode);
+				continue;
+			} else {
+				diffNode.append($cloneNode(blockNode, editor));
+				blockNode.replace(diffNode, false);
+			}
 		}
 	}
 }
@@ -176,15 +178,18 @@ function handleModify(editor, dataSource, arrayXml, delay) {
 				try {
 					const { oldNode, newNode } = tryParseChild(child, editor);
 					if (oldNode && newNode) prevNode = oldNode.replace(newNode, false);
-					else if (newNode) if (prevNode) if (!newNode.isInline()) {
-						const prevBlock = $closest(prevNode, (node) => node.isInline() === false);
-						if (prevBlock) prevNode = prevBlock.insertAfter(newNode);
-						else {
-							$insertNodes([newNode]);
-							prevNode = newNode;
-						}
-					} else prevNode = prevNode.insertAfter(newNode);
-					else $insertNodes([newNode]);
+					else if (newNode) {
+						if (prevNode) {
+							if (!newNode.isInline()) {
+								const prevBlock = $closest(prevNode, (node) => node.isInline() === false);
+								if (prevBlock) prevNode = prevBlock.insertAfter(newNode);
+								else {
+									$insertNodes([newNode]);
+									prevNode = newNode;
+								}
+							} else prevNode = prevNode.insertAfter(newNode);
+						} else $insertNodes([newNode]);
+					}
 				} catch (error) {
 					logger.error("❌ Error replacing node:", error);
 				}
@@ -219,8 +224,6 @@ function handleRemove(editor, key, delay) {
 						originDiffNode.replace(children[0], false).selectEnd();
 						return;
 					}
-					case "remove":
-					case "unchanged": break;
 				}
 				return;
 			}
@@ -256,9 +259,10 @@ function handleInsert(editor, payload, dataSource) {
 	editor.update(() => {
 		try {
 			let referenceNode = null;
-			if (isBefore) if (payload.beforeId === "root") referenceNode = $getRoot().getFirstChild();
-			else referenceNode = $getNodeByKey(charToId(payload.beforeId));
-			else if (payload.afterId === "root") referenceNode = $getRoot().getLastChild();
+			if (isBefore) {
+				if (payload.beforeId === "root") referenceNode = $getRoot().getFirstChild();
+				else referenceNode = $getNodeByKey(charToId(payload.beforeId));
+			} else if (payload.afterId === "root") referenceNode = $getRoot().getLastChild();
 			else referenceNode = $getNodeByKey(charToId(payload.afterId));
 			if (!referenceNode) throw new Error("Reference node not found for insertion.");
 			const newNodes = inode.root.children.map((child) => $parseSerializedNodeImpl(child, editor));
@@ -271,43 +275,46 @@ function handleInsert(editor, payload, dataSource) {
 				});
 				return;
 			}
-			if (isBefore) if (referenceNode.isInline() === false) {
-				const originDiffNode = $closest(referenceNode, (node) => node.getType() === DiffNode.getType());
-				if (originDiffNode) referenceNode = originDiffNode;
-				newNodes.map((node) => {
-					const diffNode = $createDiffNode("add");
-					diffNode.append(node);
-					return diffNode;
-				}).reverse().forEach((diffNode) => {
-					if (referenceNode) referenceNode = referenceNode.insertBefore(diffNode);
-				});
-			} else {
-				const refBlock = $closest(referenceNode, (node) => node.isInline() === false);
-				if (!refBlock) throw new Error("Reference block node not found for insertion.");
-				if ($closest(referenceNode, (node) => node.getType() === DiffNode.getType())) newNodes.forEach((node) => {
-					if (referenceNode) referenceNode = referenceNode.insertBefore(node);
-				});
-				else wrapBlockModify(refBlock, editor, () => {
-					newNodes.forEach((node) => {
+			if (isBefore) {
+				if (referenceNode.isInline() === false) {
+					const originDiffNode = $closest(referenceNode, (node) => node.getType() === DiffNode.getType());
+					if (originDiffNode) referenceNode = originDiffNode;
+					newNodes.map((node) => {
+						const diffNode = $createDiffNode("add");
+						diffNode.append(node);
+						return diffNode;
+					}).reverse().forEach((diffNode) => {
+						if (referenceNode) referenceNode = referenceNode.insertBefore(diffNode);
+					});
+				} else {
+					const refBlock = $closest(referenceNode, (node) => node.isInline() === false);
+					if (!refBlock) throw new Error("Reference block node not found for insertion.");
+					if ($closest(referenceNode, (node) => node.getType() === DiffNode.getType())) newNodes.forEach((node) => {
 						if (referenceNode) referenceNode = referenceNode.insertBefore(node);
 					});
-				});
-			}
-			else if (referenceNode.isInline() === false) {
+					else wrapBlockModify(refBlock, editor, () => {
+						newNodes.forEach((node) => {
+							if (referenceNode) referenceNode = referenceNode.insertBefore(node);
+						});
+					});
+				}
+			} else if (referenceNode.isInline() === false) {
 				const originDiffNode = $closest(referenceNode, (node) => node.getType() === DiffNode.getType());
 				if (originDiffNode) referenceNode = originDiffNode;
 				newNodes.forEach((node) => {
-					if (referenceNode) if ($isListItemNode(node)) {
-						const diffNode = $createDiffNode("listItemAdd");
-						node.getChildren().forEach((child) => {
-							diffNode.append(child);
-						});
-						node.append(diffNode);
-						referenceNode = referenceNode.insertAfter(node);
-					} else {
-						const diffNode = $createDiffNode("add");
-						diffNode.append(node);
-						referenceNode = referenceNode.insertAfter(diffNode);
+					if (referenceNode) {
+						if ($isListItemNode(node)) {
+							const diffNode = $createDiffNode("listItemAdd");
+							node.getChildren().forEach((child) => {
+								diffNode.append(child);
+							});
+							node.append(diffNode);
+							referenceNode = referenceNode.insertAfter(node);
+						} else {
+							const diffNode = $createDiffNode("add");
+							diffNode.append(node);
+							referenceNode = referenceNode.insertAfter(diffNode);
+						}
 					}
 				});
 			} else {

package/es/plugins/litexml/node/DiffNode.js

@@ -57,11 +57,13 @@ var DiffNode = class DiffNode extends CardLikeElementNode {
 		content.className = "content";
 		el.append(content);
 		const decorator = getKernelFromEditor(editor)?.getDecorator("diff") || null;
-		if (decorator) if (typeof decorator === "function") reconcileDecorator(editor, this.getKey(), decorator(this, editor));
-		else reconcileDecorator(editor, this.getKey(), {
-			queryDOM: decorator.queryDOM,
-			render: decorator.render(this, editor)
-		});
+		if (decorator) {
+			if (typeof decorator === "function") reconcileDecorator(editor, this.getKey(), decorator(this, editor));
+			else reconcileDecorator(editor, this.getKey(), {
+				queryDOM: decorator.queryDOM,
+				render: decorator.render(this, editor)
+			});
+		}
 		return el;
 	}
 	updateDOM(_prevNode, _dom, _config) {
@@ -70,11 +72,13 @@ var DiffNode = class DiffNode extends CardLikeElementNode {
 		const editor = kernel?.getLexicalEditor();
 		if (editor) {
 			const decorator = kernel?.getDecorator("diff") || null;
-			if (decorator) if (typeof decorator === "function") reconcileDecorator(editor, this.getKey(), decorator(this, editor));
-			else reconcileDecorator(editor, this.getKey(), {
-				queryDOM: decorator.queryDOM,
-				render: decorator.render(this, editor)
-			});
+			if (decorator) {
+				if (typeof decorator === "function") reconcileDecorator(editor, this.getKey(), decorator(this, editor));
+				else reconcileDecorator(editor, this.getKey(), {
+					queryDOM: decorator.queryDOM,
+					render: decorator.render(this, editor)
+				});
+			}
 		}
 		return false;
 	}