@lobehub/editor 4.29.1 → 5.0.0-beta.1

package/es/plugins/common/react/ReactPlainText.js

@@ -6,9 +6,9 @@ import { CommonPlugin } from "../plugin/index.js";
 import { useDecorators } from "../../../editor-kernel/react/useDecorators.js";
 import Placeholder from "./Placeholder/index.js";
 import { styles, themeStyles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { Children, memo, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { COMMAND_PRIORITY_EDITOR, KEY_DOWN_COMMAND } from "lexical";
 //#region src/plugins/common/react/ReactPlainText.tsx
 const ReactPlainText = memo(({ style, children, theme = {}, onChange, editable, className, variant, enableHotkey = true, enablePasteMarkdown = true, autoFormatMarkdown = true, markdownOption = true, pasteAsPlainText = false, pasteMarkdownAutoConvertThreshold, pasteVSCodeAsCodeBlock = true, onKeyDown, onFocus, onBlur, autoFocus, onPressEnter, onCompositionStart, onCompositionEnd, onContextMenu, onTextChange }) => {

package/es/plugins/common/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx, keyframes } from "antd-style";
+import { createStaticStyles, cx, keyframes } from "@lobehub/ui";
 //#region src/plugins/common/react/style.ts
 const cursorBlink = keyframes`
   to {

package/es/plugins/common/service/i-node-identity-service.d.ts

@@ -0,0 +1,19 @@
+import { IServiceID } from "../../../types/kernel.js";
+import "../../../types/index.js";
+//#region src/plugins/common/service/i-node-identity-service.d.ts
+/** A detached, immutable description of the currently active logical node. */
+interface NodeIdentitySnapshot {
+  readonly id: string;
+  /** Native Lexical text; a review container can include both pending sides. */
+  readonly textContent: string;
+  readonly type: string;
+}
+interface INodeIdentityService {
+  /** Read the last committed editor state without retaining a LexicalNode. */
+  getNodeById(nodeId: string): Readonly<NodeIdentitySnapshot> | null;
+  /** Subscribe to committed updates; query the service in the callback. */
+  subscribe(listener: () => void): () => void;
+}
+declare const INodeIdentityService: IServiceID<INodeIdentityService>;
+//#endregion
+export { INodeIdentityService, NodeIdentitySnapshot };

package/es/plugins/common/service/i-node-identity-service.js

@@ -0,0 +1,4 @@
+//#region src/plugins/common/service/i-node-identity-service.ts
+const INodeIdentityService = { __serviceId: "NodeIdentityService" };
+//#endregion
+export { INodeIdentityService };

package/es/plugins/common/service/node-identity-service.js

@@ -0,0 +1,87 @@
+import { createDebugLogger, init_debug } from "../../../utils/debug.js";
+import { getNodeIdentityPolicyRevision, init_node_identity_policy, subscribeNodeIdentityPolicy } from "../node/node-identity-policy.js";
+import { $getActiveNodeIdKeys, $getNodeId, init_node_id } from "../node/node-id.js";
+import { $getNodeByKey } from "lexical";
+//#region src/plugins/common/service/node-identity-service.ts
+init_node_id();
+init_node_identity_policy();
+init_debug();
+const logger = createDebugLogger("service", "node-identity");
+/** Implementation owned by CommonPlugin; external callers use INodeIdentityService. */
+var NodeIdentityService = class {
+	constructor() {
+		this.editor = null;
+		this.indexes = /* @__PURE__ */ new WeakMap();
+		this.listeners = /* @__PURE__ */ new Set();
+		this.bindingToken = null;
+		this.unregisterBinding = null;
+	}
+	bindEditor(editor) {
+		this.unregisterBinding?.();
+		const bindingToken = {};
+		this.bindingToken = bindingToken;
+		this.indexes = /* @__PURE__ */ new WeakMap();
+		this.editor = editor;
+		const unregisterUpdate = editor.registerUpdateListener(({ editorState, prevEditorState }) => {
+			if (editorState !== prevEditorState) this.notify();
+		});
+		const unregisterPolicy = subscribeNodeIdentityPolicy(editor, () => this.notify());
+		let active = true;
+		const unregister = () => {
+			if (!active) return;
+			active = false;
+			unregisterUpdate();
+			unregisterPolicy();
+		};
+		this.unregisterBinding = unregister;
+		return () => {
+			unregister();
+			if (this.bindingToken !== bindingToken) return;
+			this.bindingToken = null;
+			this.unregisterBinding = null;
+			this.editor = null;
+			this.indexes = /* @__PURE__ */ new WeakMap();
+			this.listeners.clear();
+		};
+	}
+	getNodeById(nodeId) {
+		if (typeof nodeId !== "string" || !nodeId.trim()) return null;
+		const editor = this.editor;
+		if (!editor) return null;
+		const editorState = editor.getEditorState();
+		const revision = getNodeIdentityPolicyRevision(editor);
+		let index = this.indexes.get(editorState);
+		if (!index || index.revision !== revision) {
+			index = {
+				keys: editorState.read(() => $getActiveNodeIdKeys(), { editor }),
+				revision
+			};
+			this.indexes.set(editorState, index);
+		}
+		const key = index.keys.get(nodeId);
+		if (!key) return null;
+		return editorState.read(() => {
+			const node = $getNodeByKey(key);
+			const id = node && $getNodeId(node);
+			return node && id === nodeId ? Object.freeze({
+				id,
+				textContent: node.getTextContent(),
+				type: node.getType()
+			}) : null;
+		}, { editor });
+	}
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => this.listeners.delete(listener);
+	}
+	notify() {
+		const listeners = Array.from(this.listeners);
+		for (const listener of listeners) try {
+			listener();
+		} catch (error) {
+			logger.error("Node identity subscriber failed:", error);
+		}
+	}
+};
+//#endregion
+export { NodeIdentityService };

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

@@ -1,5 +1,6 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
 import { INodeHelper, init_helper } from "../../../editor-kernel/inode/helper.js";
+import { $getNodeId, init_node_id } from "../node/node-id.js";
 import { $isTableCellNode, $isTableNode } from "@lexical/table";
 import { $getRoot, $isDecoratorNode, $isElementNode, $isParagraphNode, $isRangeSelection, $isTextNode } from "lexical";
 import { $isQuoteNode } from "@lexical/rich-text";
@@ -99,7 +100,7 @@ function $isCursorInQuote(selection) {
 function exportNodeToJSON(node) {
 	const serializedNode = node.exportJSON();
 	const nodeClass = node.constructor;
-	serializedNode.id = node.getKey();
+	serializedNode.id = $getNodeId(node);
 	if (serializedNode.type !== nodeClass.getType()) throw new Error(`LexicalNode: Node ${nodeClass.name} does not match the serialized type. Check if .exportJSON() is implemented and it is returning the correct type.`);
 	if ($isElementNode(node)) {
 		const serializedChildren = serializedNode.children;
@@ -115,6 +116,7 @@ function exportNodeToJSON(node) {
 var sampleReader, createBlockNode;
 var init_utils = __esmMin((() => {
 	init_helper();
+	init_node_id();
 	sampleReader = (format, xmlElement, children) => {
 		children.forEach((child) => {
 			if (INodeHelper.isTextNode(child)) child.format = (child.format || 0) | format;

package/es/plugins/file/react/components/ReactFile.js

@@ -1,8 +1,8 @@
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
+import { Center, MaterialFileTypeIcon } from "@lobehub/ui";
 import { useCallback, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Center, MaterialFileTypeIcon } from "@lobehub/ui";
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
 //#region src/plugins/file/react/components/ReactFile.tsx
 const ReactFile = ({ className, editor, node }) => {

package/es/plugins/file/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/file/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({ file: css`
     user-select: none;

package/es/plugins/hr/react/components/HRNode.js

@@ -1,9 +1,9 @@
 "use client";
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
 import { styles } from "../style.js";
+import { cx } from "@lobehub/ui";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/hr/react/components/HRNode.tsx

package/es/plugins/hr/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/hr/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     cursor: pointer;

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

@@ -7,12 +7,10 @@ import BrokenImage from "./BrokenImage.js";
 import ImageEditPopover from "./ImageEditPopover.js";
 import LazyImage from "./LazyImage.js";
 import { ResizeHandle } from "./ResizeHandle.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Icon, cx, useImagePreview } from "@lobehub/ui";
 import { LoaderCircleIcon, ZoomInIcon } from "lucide-react";
 import { Suspense, memo, useCallback, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Icon, useImagePreview } from "@lobehub/ui";
-import { cx } from "antd-style";
 import { COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND } from "lexical";
 //#region src/plugins/image/react/components/Image.tsx
 function getResizedImageWidth(startWidth, deltaX, maxWidth) {

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

@@ -1,12 +1,10 @@
 import { useLexicalEditor } from "../../../../editor-kernel/react/useLexicalEditor.js";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { useEditable } from "../../../../editor-kernel/react/useEditable.js";
-import { Button, Input } from "@lobehub/ui/base-ui";
+import { Button, Flexbox, Icon, Input, Popover, cssVar } from "@lobehub/ui";
 import { LinkIcon, UploadIcon } from "lucide-react";
 import { memo, useCallback, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Icon, Popover } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 //#region src/plugins/image/react/components/ImageEditPopover.tsx
 const ImageEditPopover = memo(({ children, node, handleUpload, onPickFile }) => {
 	const [open, setOpen] = useState(false);

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

@@ -1,9 +1,9 @@
 import { styles } from "./style.js";
 import BrokenImage from "./BrokenImage.js";
 import { useSuspenseImage } from "./useSupenseImage.js";
+import { cx } from "@lobehub/ui";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/plugins/image/react/components/LazyImage.tsx
 function isSVG(src) {
 	return src.toLowerCase().endsWith(".svg");

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

@@ -1,7 +1,7 @@
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useCallback, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/plugins/image/react/components/ResizeHandle.tsx
 const ResizeHandle = ({ imageRef, isBlock, onResize, onResizeEnd, onResizeStart, position }) => {
 	const startWidthRef = useRef(0);

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

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/image/react/components/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	brokenImage: css`

package/es/plugins/image/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/image/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	image: css`

package/es/plugins/link/react/ReactLinkPlugin.js

@@ -15,7 +15,7 @@ import LinkIframe from "./components/LinkIframe.js";
 import LinkToolbar from "./components/LinkToolbar.js";
 import SchemaLink from "./components/SchemaLink.js";
 import { LinkReactRendererRegistry, splitReactSchemaRules } from "./renderer-registry.js";
-import { toast } from "@lobehub/ui/base-ui";
+import { toast } from "@lobehub/ui";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/plugins/link/react/ReactLinkPlugin.tsx

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

@@ -4,12 +4,10 @@ import { UPDATE_LINK_TEXT_COMMAND } from "../../command/index.js";
 import { EDIT_LINK_CARD_COMMAND } from "../../node/LinkCardNode.js";
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import { styles } from "../style.js";
-import { Button, Input, Text } from "@lobehub/ui/base-ui";
+import { Block, Button, Flexbox, Hotkey, Icon, Input, Text, cssVar } from "@lobehub/ui";
 import { BaselineIcon, LinkIcon } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Block, Flexbox, Hotkey, Icon } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, createCommand } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/link/react/components/LinkEdit.tsx

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

@@ -8,10 +8,10 @@ import { useEditable } from "../../../../editor-kernel/react/useEditable.js";
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import { styles } from "../style.js";
 import { $isLinkToolbarNode, convertLinkNodeByKeyToSchema, convertLinkToolbarNodeByKeyToLink, getLinkToolbarCapabilities, replaceNodeByKeyWithBlockCardNode, replaceNodeByKeyWithCardNode, replaceNodeByKeyWithIframeNode } from "../../conversion/index.js";
+import { Flexbox, Icon } from "@lobehub/ui";
 import { CopyIcon, EditIcon, ExternalLinkIcon, GalleryHorizontalEndIcon, LinkIcon, PanelTopOpenIcon, PanelsTopLeftIcon, UnlinkIcon } from "lucide-react";
 import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox, Icon } from "@lobehub/ui";
 import { $getNodeByKey, $getSelection, $isRangeSelection, COMMAND_PRIORITY_NORMAL } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/link/react/components/LinkToolbar.tsx

package/es/plugins/link/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx } from "antd-style";
+import { createStaticStyles, cx } from "@lobehub/ui";
 //#region src/plugins/link/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	const position = css`

package/es/plugins/link-highlight/react/ReactLinkHighlightPlugin.js

@@ -2,8 +2,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { MarkdownPlugin } from "../../markdown/plugin/index.js";
 import { LinkHighlightPlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/link-highlight/react/ReactLinkHighlightPlugin.tsx
 const ReactLinkHighlightPlugin = ({ className, enableHotkey = true, enablePasteAutoHighlight = true }) => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/link-highlight/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/link-highlight/react/style.ts
 const styles = createStaticStyles(({ css }) => {
 	return { linkHighlight: css`

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

@@ -62,7 +62,11 @@ const ListPlugin = class extends KernelPlugin {
 			return false;
 		});
 		litexmlService.registerXMLWriter(ListItemNode.getType(), (node, ctx) => {
-			if ($isListItemNode(node)) return ctx.createXmlNode("li");
+			if ($isListItemNode(node)) {
+				const child = node.getFirstChild();
+				if (child?.getType() === "diff" && "diffType" in child && child.diffType === "listItemRemove") return { lines: [] };
+				return ctx.createXmlNode("li");
+			}
 			return false;
 		});
 		litexmlService.registerXMLReader("ol", (xmlNode, children) => {
@@ -136,6 +140,8 @@ const ListPlugin = class extends KernelPlugin {
 		markdownService.registerMarkdownWriter(ListItemNode.getType(), (ctx, node) => {
 			const parent = node.getParent();
 			if ($isListItemNode(node) && $isListNode(parent)) {
+				const child = node.getFirstChild();
+				if (child?.getType() === "diff" && "diffType" in child && child.diffType === "listItemRemove") return true;
 				if ($isListNode(node.getFirstChild())) return;
 				const level = getLevel(parent);
 				const prefix = "    ".repeat(level);

package/es/plugins/list/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/list/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     .editor_listUnordered&,

package/es/plugins/litexml/command/index.d.ts

@@ -1,4 +1,4 @@
 import "../data-source/litexml-data-source.js";
-import { LITEXML_APPLY_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND } from "./symbols.js";
+import { LITEXML_APPLY_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_MODIFY_WITH_RESULTS_COMMAND, LITEXML_REMOVE_COMMAND, LiteXmlModifyOperation, LiteXmlOperationResult } from "./symbols.js";
 import { LexicalEditor } from "lexical";
-export { LITEXML_APPLY_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_REMOVE_COMMAND };
+export { LITEXML_APPLY_COMMAND, LITEXML_INSERT_COMMAND, LITEXML_MODIFY_COMMAND, LITEXML_MODIFY_WITH_RESULTS_COMMAND, LITEXML_REMOVE_COMMAND, type LiteXmlModifyOperation, type LiteXmlOperationResult };