@lobehub/editor 1.5.1 → 1.5.3

package/es/plugins/common/node/cursor.js

@@ -20,6 +20,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import { mergeRegister } from '@lexical/utils';
 import { $createTextNode, $getNodeByKey, $getSelection, $isDecoratorNode, $isRangeSelection, $setSelection, COMMAND_PRIORITY_HIGH, DecoratorNode, ElementNode, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_BACKSPACE_COMMAND, TextNode } from 'lexical';
+import { createDebugLogger } from "../../../utils/debug";
+var logger = createDebugLogger('common', 'cursor');
 export var CardLikeElementNode = /*#__PURE__*/function (_ElementNode) {
   _inherits(CardLikeElementNode, _ElementNode);
   var _super = _createSuper(CardLikeElementNode);
@@ -87,7 +89,7 @@ export function registerCursorNode(editor) {
                   key = _step2$value[0],
                   mutation = _step2$value[1];
                 var node = $getNodeByKey(key);
-                console.info('DecoratorNode mutated', node, mutation);
+                logger.debug('🎭 DecoratorNode mutated:', node === null || node === void 0 ? void 0 : node.getType(), mutation, node);
                 if (mutation === 'created' && node !== null && node !== void 0 && node.isInline() && node.getNextSibling() === null) {
                   needAddCursor.push(node);
                 }
@@ -237,7 +239,7 @@ export function registerCursorNode(editor) {
         $setSelection(sel);
         return true;
       } catch (error) {
-        console.error(error);
+        logger.error('❌ Cursor selection error:', error);
       }
     } else if ($isCursorNode(focusNode)) {
       try {
@@ -255,7 +257,7 @@ export function registerCursorNode(editor) {
         $setSelection(_sel);
         return true;
       } catch (error) {
-        console.error(error);
+        logger.error('❌ Cursor navigation error:', error);
       }
     }
     return false;

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

@@ -1,6 +1,8 @@
 import { $wrapNodeInElement } from '@lexical/utils';
 import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_HIGH, createCommand } from 'lexical';
+import { createDebugLogger } from "../../../utils/debug";
 import { $createFileNode } from "../node/FileNode";
+var logger = createDebugLogger('plugin', 'file');
 export var INSERT_FILE_COMMAND = createCommand('INSERT_FILE_COMMAND');
 export function registerFileCommand(editor, handleUpload) {
   return editor.registerCommand(INSERT_FILE_COMMAND, function (payload) {
@@ -16,7 +18,7 @@ export function registerFileCommand(editor, handleUpload) {
           fileNode.setUploaded(url.url);
         });
       }).catch(function (error) {
-        console.error('File upload failed:', error);
+        logger.error('❌ File upload failed:', error);
         editor.update(function () {
           fileNode.setError('File upload failed : ' + error.message);
         });

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

@@ -21,6 +21,7 @@ import { $createParagraphNode, $createRangeSelection, $insertNodes, $isRootOrSha
 import { KernelPlugin } from "../../../editor-kernel/plugin";
 import { IMarkdownShortCutService } from "../../markdown";
 import { IUploadService } from "../../upload";
+import { createDebugLogger } from "../../../utils/debug";
 import { registerFileCommand } from "../command";
 import { $createFileNode, $isFileNode, FileNode } from "../node/FileNode";
 import { registerFileNodeSelectionObserver } from "../utils";
@@ -36,13 +37,14 @@ export var FilePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     _classCallCheck(this, FilePlugin);
     _this = _super.call(this);
     // Register the file node
+    _defineProperty(_assertThisInitialized(_this), "logger", createDebugLogger('plugin', 'file'));
     _this.kernel = kernel;
     _this.config = config;
     kernel.registerNodes([FileNode]);
     if (config !== null && config !== void 0 && config.theme) {
       kernel.registerThemes(config === null || config === void 0 ? void 0 : config.theme);
     }
-    kernel.registerDecorator(FileNode.getType(), function (node, editor) {
+    _this.registerDecorator(kernel, FileNode.getType(), function (node, editor) {
       return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
     });
     (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownWriter(FileNode.getType(), function (ctx, node) {
@@ -91,7 +93,7 @@ export var FilePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
                       fileNode.setUploaded(url.url);
                     });
                   }).catch(function (error) {
-                    console.error('File upload failed:', error);
+                    _this2.logger.error('File upload failed:', error);
                     editor.update(function () {
                       fileNode.setError('File upload failed : ' + error.message);
                     });

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

@@ -34,7 +34,7 @@ export var HRPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     kernel.registerThemes({
       hr: (config === null || config === void 0 ? void 0 : config.theme) || ''
     });
-    kernel.registerDecorator('horizontalrule', function (node, editor) {
+    _this.registerDecorator(kernel, 'horizontalrule', function (node, editor) {
       return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
     });
     (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownShortCut({

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

@@ -1,6 +1,8 @@
 import { $wrapNodeInElement } from '@lexical/utils';
 import { $createParagraphNode, $createRangeSelection, $insertNodes, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { createDebugLogger } from "../../../utils/debug";
 import { $createImageNode } from "../node/image-node";
+var logger = createDebugLogger('plugin', 'image');
 export var INSERT_IMAGE_COMMAND = createCommand('INSERT_IMAGE_COMMAND');
 function isImageFile(file) {
   return file.type.startsWith('image/');
@@ -34,7 +36,7 @@ export function registerImageCommand(editor, handleUpload) {
           imageNode.setUploaded(res.url);
         });
       }).catch(function (error) {
-        console.error('Image upload failed:', error);
+        logger.error('❌ Image upload failed:', error);
         editor.update(function () {
           imageNode.setError('Image upload failed : ' + error.message);
         });

package/es/plugins/markdown/service/shortcut.d.ts

@@ -90,6 +90,7 @@ export declare class MarkdownShortCutService implements IMarkdownShortCutService
     private elementTransformers;
     private textFormatTransformers;
     private textMatchTransformers;
+    private logger;
     private _markdownWriters;
     constructor(kernel?: import("../../../types/kernel").IEditorKernel | undefined);
     get markdownWriters(): Record<string, (ctx: IMarkdownWriterContext, node: LexicalNode) => boolean | void>;

package/es/plugins/markdown/service/shortcut.js

@@ -20,6 +20,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* eslint-disable @typescript-eslint/no-redeclare */
 import { $createRangeSelection, $getSelection, $isLineBreakNode, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, $setSelection } from 'lexical';
 import { genServiceId } from "../../../editor-kernel";
+import { createDebugLogger } from "../../../utils/debug";
 import { PUNCTUATION_OR_SPACE, getOpenTagStartIndex, indexBy, isEqualSubString } from "../utils";
 export var IMarkdownShortCutService = genServiceId('MarkdownShortCutService');
 function testElementTransformers(parentNode, anchorNode, anchorOffset, elementTransformers, fromTrigger) {
@@ -293,6 +294,7 @@ export var MarkdownShortCutService = /*#__PURE__*/function () {
     _defineProperty(this, "elementTransformers", []);
     _defineProperty(this, "textFormatTransformers", []);
     _defineProperty(this, "textMatchTransformers", []);
+    _defineProperty(this, "logger", createDebugLogger('service', 'markdown'));
     _defineProperty(this, "_markdownWriters", {});
     _defineProperty(this, "_textFormatTransformersByTrigger", null);
     _defineProperty(this, "_textMatchTransformersByTrigger", null);
@@ -397,7 +399,7 @@ export var MarkdownShortCutService = /*#__PURE__*/function () {
         return;
       }
       if ((_this$kernel = this.kernel) !== null && _this$kernel !== void 0 && _this$kernel.isHotReloadMode()) {
-        console.warn("[Hot Reload] Overriding markdown writer for type \"".concat(type, "\""));
+        this.logger.warn("\uD83D\uDD04 Hot reload: markdown writer \"".concat(type, "\""));
         this._markdownWriters[type] = writer;
         return;
       }

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

@@ -22,6 +22,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { $createNodeSelection, $setSelection } from 'lexical';
 import { KernelPlugin } from "../../../editor-kernel/plugin";
 import { IMarkdownShortCutService } from "../../markdown";
+import { createDebugLogger } from "../../../utils/debug";
 import { registerMathCommand } from "../command";
 import { $createMathBlockNode, $createMathInlineNode, MathBlockNode, MathInlineNode } from "../node";
 
@@ -35,16 +36,17 @@ export var MathPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     var _this;
     _classCallCheck(this, MathPlugin);
     _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "logger", createDebugLogger('plugin', 'math'));
     _this.kernel = kernel;
     _this.config = config;
     kernel.registerNodes([MathInlineNode, MathBlockNode]);
     if (config !== null && config !== void 0 && config.theme) {
       kernel.registerThemes(config === null || config === void 0 ? void 0 : config.theme);
     }
-    kernel.registerDecorator(MathInlineNode.getType(), function (node, editor) {
+    _this.registerDecorator(kernel, MathInlineNode.getType(), function (node, editor) {
       return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
     });
-    kernel.registerDecorator(MathBlockNode.getType(), function (node, editor) {
+    _this.registerDecorator(kernel, MathBlockNode.getType(), function (node, editor) {
       return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
     });
     (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownShortCut({
@@ -53,7 +55,7 @@ export var MathPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         var _match = _slicedToArray(match, 2),
           code = _match[1];
         var mathNode = $createMathInlineNode(code);
-        console.log(mathNode);
+        _this.logger.debug('Math node inserted:', mathNode);
         // textNode.replace(mathNode);
         textNode.insertBefore(mathNode);
         textNode.setTextContent('');

package/es/plugins/math/react/component/MathInline.js

@@ -10,9 +10,11 @@ import { $getSelection, $isNodeSelection, CLICK_COMMAND, COMMAND_PRIORITY_NORMAL
 import { memo, useEffect, useRef, useState } from 'react';
 import { useLexicalEditor } from "../../../../editor-kernel/react";
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection";
+import { createDebugLogger } from "../../../../utils/debug";
 import { $isMathNode, MathBlockNode } from "../../node";
 import Placeholder from "./Placeholder";
 import { jsx as _jsx } from "react/jsx-runtime";
+var logger = createDebugLogger('plugin', 'math');
 var MathInline = /*#__PURE__*/memo(function (_ref) {
   var editor = _ref.editor,
     node = _ref.node,
@@ -56,7 +58,7 @@ var MathInline = /*#__PURE__*/memo(function (_ref) {
   }, [isSelected, isEditing, editor, node]);
   useLexicalEditor(function (editor) {
     return editor.registerCommand(CLICK_COMMAND, function (payload) {
-      console.info(payload, payload.target, ref.current);
+      logger.debug('📊 Math click event:', payload.target === ref.current);
       if (payload.target && payload.target instanceof Node) {
         var _ref$current;
         // 获取节点对应的 DOM 元素

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

@@ -35,7 +35,7 @@ export var ReactMathPlugin = function ReactMathPlugin(_ref) {
       },
       theme: theme || styles
     });
-  }, [editor]);
+  }, [editor, className, theme, styles]);
   return /*#__PURE__*/_jsx(MathEdit, {
     renderComp: renderComp
   });

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

@@ -36,7 +36,7 @@ export var MentionPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     if (config !== null && config !== void 0 && config.theme) {
       kernel.registerThemes(config === null || config === void 0 ? void 0 : config.theme);
     }
-    kernel.registerDecorator(MentionNode.getType(), function (node, editor) {
+    _this.registerDecorator(kernel, MentionNode.getType(), function (node, editor) {
       return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
     });
     (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownWriter(MentionNode.getType(), function (ctx, node) {

package/es/plugins/mention/react/ReactMentionPlugin.js

@@ -35,7 +35,7 @@ var ReactMentionPlugin = function ReactMentionPlugin(_ref) {
       markdownWriter: markdownWriter,
       theme: theme || styles
     });
-  }, [editor]);
+  }, [editor, className, markdownWriter, theme, styles]);
   return null;
 };
 ReactMentionPlugin.displayName = 'ReactMentionPlugin';

package/es/plugins/slash/service/i-slash-service.d.ts

@@ -30,6 +30,7 @@ export declare class SlashService implements ISlashService {
     private triggerMap;
     private triggerFnMap;
     private triggerFuseMap;
+    private logger;
     constructor(kernel: IEditorKernel);
     registerSlash(options: SlashOptions): void;
     getSlashOptions(trigger: string): SlashOptions | undefined;

package/es/plugins/slash/service/i-slash-service.js

@@ -10,6 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 import Fuse from 'fuse.js';
 import { genServiceId } from "../../../editor-kernel";
+import { createDebugLogger } from "../../../utils/debug";
 import { getBasicTypeaheadTriggerMatch } from "../utils/utils";
 export var ISlashService = genServiceId('SlashService');
 export var SlashService = /*#__PURE__*/function () {
@@ -18,6 +19,7 @@ export var SlashService = /*#__PURE__*/function () {
     _defineProperty(this, "triggerMap", new Map());
     _defineProperty(this, "triggerFnMap", new Map());
     _defineProperty(this, "triggerFuseMap", new Map());
+    _defineProperty(this, "logger", createDebugLogger('service', 'slash'));
     this.kernel = kernel;
   }
   // Specific service methods can be added here
@@ -26,7 +28,7 @@ export var SlashService = /*#__PURE__*/function () {
     value: function registerSlash(options) {
       if (this.triggerMap.has(options.trigger)) {
         if (this.kernel.isHotReloadMode()) {
-          console.warn("[Hot Reload] Overriding slash trigger \"".concat(options.trigger, "\""));
+          this.logger.warn("\uD83D\uDD04 Overriding slash trigger \"".concat(options.trigger, "\""));
         } else {
           throw new Error("Slash trigger \"".concat(options.trigger, "\" is already registered."));
         }
@@ -38,6 +40,7 @@ export var SlashService = /*#__PURE__*/function () {
         minLength: options.minLength,
         punctuation: options.punctuation
       }));
+      this.logger.debug("\u26A1 Slash trigger: ".concat(options.trigger));
       if (Array.isArray(options.items)) {
         // Filter out divider items for search functionality
         var searchableItems = options.items.filter(function (item) {

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

@@ -19,6 +19,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { DRAG_DROP_PASTE } from '@lexical/rich-text';
 import { COMMAND_PRIORITY_HIGH, DROP_COMMAND } from 'lexical';
 import { KernelPlugin } from "../../../editor-kernel/plugin";
+import { createDebugLogger } from "../../../utils/debug";
 import { IUploadService, UploadService } from "../service/i-upload-service";
 import { getDragSelection } from "../utils";
 
@@ -32,6 +33,7 @@ export var UploadPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     _classCallCheck(this, UploadPlugin);
     _this = _super.call(this);
     // Register the upload service
+    _defineProperty(_assertThisInitialized(_this), "logger", createDebugLogger('plugin', 'upload'));
     _this.kernel = kernel;
     _this.config = config;
     kernel.registerService(IUploadService, new UploadService());
@@ -50,7 +52,7 @@ export var UploadPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
           var uploadService = _this2.kernel.requireService(IUploadService);
           if (uploadService) {
             uploadService.uploadFile(file, 'drop', getDragSelection(event)).catch(function (error) {
-              console.error('Upload failed:', error);
+              _this2.logger.error('Upload failed:', error);
             });
           }
         }
@@ -65,7 +67,7 @@ export var UploadPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
             var uploadService = _this2.kernel.requireService(IUploadService);
             if (uploadService) {
               uploadService.uploadFile(file, 'drag-drop-paste', null).catch(function (error) {
-                console.error('Upload failed:', error);
+                _this2.logger.error('Upload failed:', error);
               });
             }
           }

package/es/react/Editor/Editor.js

@@ -63,9 +63,10 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
   var memoMention = useMemo(function () {
     if (!enableMention) return;
     return /*#__PURE__*/_jsx(ReactMentionPlugin, {
+      className: className,
       markdownWriter: markdownWriter
     });
-  }, [enableMention, markdownWriter]);
+  }, [enableMention, markdownWriter, className]);
   var memoSlash = useMemo(function () {
     if (!enableSlash && !enableMention) return null;
     return /*#__PURE__*/_jsxs(ReactSlashPlugin, {

package/es/types/kernel.d.ts

@@ -171,6 +171,10 @@ export interface IEditorKernel extends IEditor {
      * @param name
      */
     getDecorator(name: string): ((_node: DecoratorNode<any>, _editor: LexicalEditor) => any) | undefined;
+    /**
+     * Get all registered decorator names
+     */
+    getRegisteredDecorators(): string[];
     /**
      * Check if hot reload mode is enabled
      */
@@ -213,6 +217,11 @@ export interface IEditorKernel extends IEditor {
      * @param enabled Whether to enable hot reload mode
      */
     setHotReloadMode(enabled: boolean): void;
+    /**
+     * Unregister editor node decorator
+     * @param name Decorator name
+     */
+    unregisterDecorator(name: string): boolean;
 }
 /**
  * Plugin interface