@lobehub/editor 3.1.0 → 3.2.0

package/es/editor-kernel/kernel.js

@@ -20,9 +20,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { createEmptyHistoryState } from '@lexical/history';
+import { get, merge, template, templateSettings } from 'es-toolkit/compat';
 import EventEmitter from 'eventemitter3';
 import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, KEY_DOWN_COMMAND, createEditor } from 'lexical';
-import { get, merge, template, templateSettings } from 'lodash-es';
 import defaultLocale from "../locale";
 import { $isRootTextContentEmpty } from "../plugins/common/utils";
 import { createDebugLogger } from "../utils/debug";

package/es/plugins/auto-complete/plugin/index.js

@@ -22,6 +22,7 @@ import { $getSelection, $insertNodes, $isRangeSelection, $setSelection, COMMAND_
 import { INodeHelper } from "../../../editor-kernel/inode/helper";
 import { KernelPlugin } from "../../../editor-kernel/plugin";
 import { IMarkdownShortCutService } from "../../markdown";
+import { createDebugLogger } from "../../../utils/debug";
 import { PlaceholderBlockNode, PlaceholderNode } from "../node/placeholderNode";
 export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(AutoCompletePlugin, _KernelPlugin);
@@ -31,6 +32,7 @@ export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin)
     var _this;
     _classCallCheck(this, AutoCompletePlugin);
     _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "logger", createDebugLogger('plugin', 'auto-complete'));
     _defineProperty(_assertThisInitialized(_this), "lastCursorPosition", null);
     _defineProperty(_assertThisInitialized(_this), "cursorStableTimer", null);
     _defineProperty(_assertThisInitialized(_this), "abortController", null);
@@ -53,7 +55,7 @@ export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin)
       var _this2 = this;
       this.markdownService = this.kernel.requireService(IMarkdownShortCutService);
       if (!this.markdownService) {
-        console.error('MarkdownShortCutService is required for AutoCompletePlugin');
+        this.logger.error('❌ MarkdownShortCutService is required for AutoCompletePlugin');
         return;
       }
       this.register(editor.registerUpdateListener(function (_ref) {
@@ -186,7 +188,7 @@ export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin)
               // Store suggestion and show placeholder
               _this3.currentSuggestion = result;
               _this3.showPlaceholderNodes(editor, result);
-              console.log('Auto-complete triggered:', {
+              _this3.logger.debug('🔍 Auto-complete triggered:', {
                 afterText: textRet.textAfter,
                 input: textRet.textBefore,
                 position: currentPosition,
@@ -220,7 +222,7 @@ export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin)
       if (!paragraphNode) {
         return ret;
       }
-      console.info('Paragraph Node Type:', paragraphNode, anchorNode);
+      this.logger.debug('🔍 Paragraph Node Type:', paragraphNode, anchorNode);
       var founded = false;
 
       // Collect all text before cursor in the paragraph
@@ -290,11 +292,11 @@ export var AutoCompletePlugin = (_class = /*#__PURE__*/function (_KernelPlugin)
       editor.update(function () {
         var selection = $getSelection();
         if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
-          console.warn('No valid selection for placeholder');
+          _this4.logger.warn('⚠️ No valid selection for placeholder');
           return;
         }
         if (!_this4.markdownService) {
-          console.warn('No valid markdown service for placeholder');
+          _this4.logger.warn('⚠️ No valid markdown service for placeholder');
           return;
         }
         var nodes = _this4.markdownService.parseMarkdownToLexical(suggestion);

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

@@ -37,7 +37,7 @@ import JSONDataSource from "../data-source/json-data-source";
 import TextDataSource from "../data-source/text-data-source";
 import { patchBreakLine, registerBreakLineClick } from "../node/ElementDOMSlot";
 import { CursorNode, registerCursorNode } from "../node/cursor";
-import { $isCursorInQuote, $isCursorInTable, createBlockNode } from "../utils";
+import { $isCursorInQuote, $isCursorInTable, createBlockNode, sampleReader } from "../utils";
 import { registerMDReader } from "./mdReader";
 import { registerHeaderBackspace, registerLastElement, registerRichKeydown } from "./register";
 patchBreakLine();
@@ -400,8 +400,13 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         }
         return false;
       });
-      litexmlService.registerXMLReader('span', function (xmlElement) {
-        var textContent = xmlElement.textContent || '';
+      litexmlService.registerXMLReader('b', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['bold']));
+      litexmlService.registerXMLReader('strong', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['bold']));
+      litexmlService.registerXMLReader('i', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['italic']));
+      litexmlService.registerXMLReader('emphasis', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['italic']));
+      litexmlService.registerXMLReader('u', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['underline']));
+      litexmlService.registerXMLReader('ins', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['underline']));
+      litexmlService.registerXMLReader('span', function (xmlElement, children) {
         var bold = xmlElement.getAttribute('bold');
         var italic = xmlElement.getAttribute('italic');
         var underline = xmlElement.getAttribute('underline');
@@ -427,12 +432,12 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         if (superscript === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['superscript'];
         }
-        return INodeHelper.createTextNode(textContent, {
-          detail: 0,
-          format: format,
-          mode: 'normal',
-          style: ''
+        children.forEach(function (child) {
+          if (INodeHelper.isTextNode(child)) {
+            child.format = (child.format || 0) | format;
+          }
         });
+        return children;
       });
       litexmlService.registerXMLWriter('quote', function (node, ctx) {
         if ($isQuoteNode(node)) {

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

@@ -8,6 +8,8 @@ import { mergeRegister } from '@lexical/utils';
 import { $createNodeSelection, $createParagraphNode, $getRoot, $getSelection, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isNodeSelection, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, FORMAT_TEXT_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, REDO_COMMAND, UNDO_COMMAND } from 'lexical';
 import { $closest } from "../../../editor-kernel";
 import { HotkeyEnum } from "../../../types/hotkey";
+import { createDebugLogger } from "../../../utils/debug";
+var logger = createDebugLogger('plugin', 'common');
 function resolveElement(element, isBackward, focusOffset) {
   var parent = element.getParent();
   var offset = focusOffset;
@@ -163,7 +165,7 @@ export function registerRichKeydown(editor, kernel, options) {
         case 7:
           _context.prev = 7;
           _context.t0 = _context["catch"](0);
-          console.error('Failed to paste as plain text:', _context.t0);
+          logger.error('❌ Failed to paste as plain text:', _context.t0);
         case 10:
         case "end":
           return _context.stop();

package/es/plugins/common/utils/index.d.ts

@@ -1,5 +1,6 @@
 import type { ElementNode } from 'lexical';
 import type { ElementTransformer } from "../../markdown/service/transformers";
+export declare const sampleReader: (format: number, xmlElement: Element, children: any[]) => any[];
 export declare const createBlockNode: (createNode: (match: Array<string>, parentNode: ElementNode) => ElementNode) => ElementTransformer['replace'];
 /**
  * Returns the root's text content.

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

@@ -7,6 +7,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { $isQuoteNode } from '@lexical/rich-text';
 import { $isTableCellNode, $isTableNode } from '@lexical/table';
 import { $getRoot, $isDecoratorNode, $isElementNode, $isParagraphNode, $isRangeSelection, $isTextNode } from 'lexical';
+import { INodeHelper } from "../../../editor-kernel/inode/helper";
+export var sampleReader = function sampleReader(format, xmlElement, children) {
+  children.forEach(function (child) {
+    if (INodeHelper.isTextNode(child)) {
+      child.format = (child.format || 0) | format;
+    }
+  });
+  return children;
+};
 export var createBlockNode = function createBlockNode(createNode) {
   return function (parentNode, children, match, isImport) {
     var node = createNode(match, parentNode);

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

@@ -23,6 +23,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { $findMatchingParent, addClassNamesToElement, isHTMLAnchorElement } from '@lexical/utils';
 import { $applyNodeReplacement, $getSelection, $isElementNode, $isNodeSelection, $isRangeSelection, $normalizeSelection__EXPERIMENTAL, $setSelection, ElementNode, createCommand } from 'lexical';
 import { assert } from "../../../editor-kernel/utils";
+import { createDebugLogger } from "../../../utils/debug";
+var logger = createDebugLogger('plugin', 'link');
 var SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', 'tel:']);
 export var HOVER_LINK_COMMAND = createCommand('HOVER_LINK_COMMAND');
 export var HOVER_OUT_LINK_COMMAND = createCommand('HOVER_OUT_LINK_COMMAND');
@@ -62,7 +64,7 @@ export var LinkNode = /*#__PURE__*/function (_ElementNode) {
     key: "createDOM",
     value: function createDOM(config, editor) {
       var _this2 = this;
-      console.info('config', config);
+      logger.debug('🔍 config', config);
       var element = document.createElement('a');
       this.updateLinkDOM(null, element, config);
       addClassNamesToElement(element, config.theme.link);
@@ -357,7 +359,7 @@ export var AutoLinkNode = /*#__PURE__*/function (_LinkNode) {
   }, {
     key: "createDOM",
     value: function createDOM(config, editor) {
-      console.info('config', config);
+      logger.debug('🔍 config', config);
       if (this.__isUnlinked) {
         return document.createElement('span');
       } else {

package/es/plugins/link-highlight/node/link-highlight.js

@@ -14,6 +14,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, $getSelection, $isNodeSelection, $isRangeSelection, ElementNode } from 'lexical';
+import { createDebugLogger } from "../../../utils/debug";
+var logger = createDebugLogger('plugin', 'link-highlight');
 export var LinkHighlightNode = /*#__PURE__*/function (_ElementNode) {
   _inherits(LinkHighlightNode, _ElementNode);
   var _super = _createSuper(LinkHighlightNode);
@@ -24,7 +26,7 @@ export var LinkHighlightNode = /*#__PURE__*/function (_ElementNode) {
   _createClass(LinkHighlightNode, [{
     key: "createDOM",
     value: function createDOM(config) {
-      console.info('config', config);
+      logger.debug('🔍 config', config);
       var element = document.createElement('a');
 
       // Set link attributes

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

@@ -11,8 +11,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { mergeRegister } from '@lexical/utils';
 import { $createParagraphNode, $getNodeByKey, $insertNodes, $isElementNode, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
 import { $closest } from "../../../editor-kernel";
+import { createDebugLogger } from "../../../utils/debug";
 import { $createDiffNode, DiffNode } from "../node/DiffNode";
 import { $cloneNode, $parseSerializedNodeImpl, charToId } from "../utils";
+var logger = createDebugLogger('plugin', 'litexml');
 
 // Helpers to reduce duplication and improve readability
 function toArrayXml(litexml) {
@@ -27,7 +29,7 @@ function tryParseChild(child, editor) {
       oldNode: oldNode
     };
   } catch (error) {
-    console.error('Error parsing child node:', error);
+    logger.error('❌ Error parsing child node:', error);
     return {
       newNode: null,
       oldNode: null
@@ -154,7 +156,7 @@ export function registerLiteXMLCommand(editor, dataSource) {
           }
         default:
           {
-            console.warn("Unknown action type: ".concat(action));
+            logger.warn("\u26A0\uFE0F Unknown action type: ".concat(action));
           }
       }
     });
@@ -194,10 +196,10 @@ function handleModify(editor, dataSource, arrayXml, delay) {
             if (oldNode && newNode) {
               handleReplaceForApplyDelay(oldNode, newNode, modifyBlockNodes, diffNodeMap, editor);
             } else {
-              console.warn("Node with key ".concat(child.id, " not found for diffing."));
+              logger.warn("\u26A0\uFE0F Node with key ".concat(child.id, " not found for diffing."));
             }
           } catch (error) {
-            console.error('Error replacing node:', error);
+            logger.error('❌ Error replacing node:', error);
           }
         });
       });
@@ -236,7 +238,7 @@ function handleModify(editor, dataSource, arrayXml, delay) {
               }
             }
           } catch (error) {
-            console.error('Error replacing node:', error);
+            logger.error('❌ Error replacing node:', error);
           }
         });
       });
@@ -433,7 +435,7 @@ function handleInsert(editor, payload, dataSource) {
         }
       }
     } catch (error) {
-      console.error('Error inserting node:', error);
+      logger.error('❌ Error inserting node:', error);
     }
   });
 }

package/es/plugins/litexml/data-source/litexml-data-source.js

@@ -218,10 +218,14 @@ var LitexmlDataSource = /*#__PURE__*/function (_DataSource) {
             var result = reader(xmlElement, children);
             if (result !== false) {
               if (Array.isArray(result)) {
+                if (result.length > 0) {
+                  var attrId = xmlElement.getAttribute('id');
+                  result[0].id = attrId ? charToId(attrId) : undefined;
+                }
                 INodeHelper.appendChild.apply(INodeHelper, [parentNode].concat(_toConsumableArray(result)));
               } else if (result) {
-                var attrId = xmlElement.getAttribute('id');
-                result.id = attrId ? charToId(attrId) : undefined;
+                var _attrId = xmlElement.getAttribute('id');
+                result.id = _attrId ? charToId(_attrId) : undefined;
                 INodeHelper.appendChild(parentNode, result);
               }
               return; // Custom reader handled it

package/es/plugins/table/react/TableHoverActions/utils.d.ts

@@ -5,4 +5,4 @@ export declare function getMouseInfo(event: MouseEvent, iEditor: IEditor): {
     isOutside: boolean;
     tableDOMNode: HTMLElement | null;
 };
-export declare function useDebounce<T extends (...args: never[]) => void>(fn: T, ms: number, maxWait?: number): import("lodash").DebouncedFunc<(...args: Parameters<T>) => void>;
+export declare function useDebounce<T extends (...args: never[]) => void>(fn: T, ms: number, maxWait?: number): import("es-toolkit/compat").DebouncedFunc<(...args: Parameters<T>) => void>;

package/es/plugins/table/react/TableHoverActions/utils.js

@@ -1,5 +1,5 @@
+import { debounce } from 'es-toolkit/compat';
 import { isHTMLElement } from 'lexical';
-import { debounce } from 'lodash-es';
 import { useMemo, useRef } from 'react';
 export function getThemeSelector(iEditor, name) {
   var _iEditor$getTheme;

package/es/plugins/table/react/hooks.d.ts

@@ -1 +1 @@
-export declare function useDebounce<T extends (...args: never[]) => void>(fn: T, ms: number, maxWait?: number): import("lodash").DebouncedFunc<(...args: Parameters<T>) => void>;
+export declare function useDebounce<T extends (...args: never[]) => void>(fn: T, ms: number, maxWait?: number): import("es-toolkit/compat").DebouncedFunc<(...args: Parameters<T>) => void>;

package/es/plugins/table/react/hooks.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { debounce } from 'lodash-es';
+import { debounce } from 'es-toolkit/compat';
 import { useMemo, useRef } from 'react';
 export function useDebounce(fn, ms, maxWait) {
   var funcRef = useRef(null);

package/es/plugins/toolbar/react/index.js

@@ -10,6 +10,7 @@ import { $getSelection, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, getDOMSe
 import { useCallback, useRef } from 'react';
 import { useLexicalComposerContext, useLexicalEditor } from "../../../editor-kernel/react";
 import { ILinkService } from "../../link";
+import { createDebugLogger } from "../../../utils/debug";
 import { HIDE_TOOLBAR_COMMAND, registerToolbarCommand } from "../command";
 import { getDOMRangeRect } from "../utils/getDOMRangeRect";
 import { setFloatingElemPosition } from "../utils/setFloatingElemPosition";
@@ -27,6 +28,7 @@ export var ReactToolbarPlugin = function ReactToolbarPlugin(_ref) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   var isMouseDownRef = useRef(false);
+  var logger = createDebugLogger('plugin', 'toolbar');
   var $updateTextFormatFloatingToolbar = useCallback(function (editor) {
     if (!anchorElemRef.current) {
       return;
@@ -40,7 +42,7 @@ export var ReactToolbarPlugin = function ReactToolbarPlugin(_ref) {
     var rootElement = editor.getRootElement();
     if (selection !== null && nativeSelection !== null && !nativeSelection.isCollapsed && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
       var rangeRect = getDOMRangeRect(nativeSelection, rootElement);
-      console.info('rangeRect', rangeRect);
+      logger.debug('🔍 rangeRect', rangeRect);
       setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElemRef.current, false);
     } else {
       popupCharStylesEditorElem.style.opacity = '0';

package/es/react/hooks/useEditorState/index.js

@@ -9,8 +9,8 @@ import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND
 import { $createQuoteNode, $isHeadingNode, $isQuoteNode } from '@lexical/rich-text';
 import { $setBlocksType } from '@lexical/selection';
 import { $getNearestNodeOfType, mergeRegister } from '@lexical/utils';
+import { debounce } from 'es-toolkit';
 import { $createNodeSelection, $getSelection, $isParagraphNode, $isRangeSelection, $setSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, REDO_COMMAND, SELECTION_CHANGE_COMMAND, UNDO_COMMAND } from 'lexical';
-import { debounce } from 'lodash-es';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { noop } from "../../../editor-kernel";
 import { INSERT_CODEINLINE_COMMAND } from "../../../plugins/code";

package/es/react/hooks/useSize.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // hooks/useContainerSize.ts
-import { debounce } from 'lodash-es';
+import { debounce } from 'es-toolkit';
 import { useCallback, useEffect, useRef, useState } from 'react';
 export var useWidth = function useWidth() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "3.1.0",
+  "version": "3.2.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",
@@ -47,11 +47,11 @@
     "ahooks": "^3.9.6",
     "antd-style": "^4.0.0",
     "debug": "^4.4.3",
+    "es-toolkit": "^1.43.0",
     "eventemitter3": "^5.0.1",
     "fuse.js": "^7.1.0",
     "katex": "^0.16.27",
     "lexical": "^0.39.0",
-    "lodash-es": "^4.17.22",
     "lucide-react": "^0.562.0",
     "polished": "^4.3.1",
     "re-resizable": "^6.11.2",