@lobehub/editor 3.4.1 → 3.5.0

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

@@ -45,13 +45,46 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(CommonPlugin, _KernelPlugin);
   var _super = _createSuper(CommonPlugin);
   function CommonPlugin(kernel) {
+    var _config$markdownOptio;
     var _this;
     var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     _classCallCheck(this, CommonPlugin);
     _this = _super.call(this);
-    // Register the JSON data source
+
+    // Parse markdown options and update formats
+    _defineProperty(_assertThisInitialized(_this), "formats", {
+      bold: true,
+      header: true,
+      italic: true,
+      quote: true,
+      strikethrough: true,
+      subscript: false,
+      superscript: false
+    });
     _this.kernel = kernel;
     _this.config = config;
+    var markdownOption = (_config$markdownOptio = config.markdownOption) !== null && _config$markdownOptio !== void 0 ? _config$markdownOptio : true;
+    if (_typeof(markdownOption) === 'object') {
+      var _markdownOption$bold, _markdownOption$heade, _markdownOption$itali, _markdownOption$quote, _markdownOption$strik, _markdownOption$subsc, _markdownOption$super;
+      _this.formats.bold = (_markdownOption$bold = markdownOption.bold) !== null && _markdownOption$bold !== void 0 ? _markdownOption$bold : true;
+      _this.formats.header = (_markdownOption$heade = markdownOption.header) !== null && _markdownOption$heade !== void 0 ? _markdownOption$heade : true;
+      _this.formats.italic = (_markdownOption$itali = markdownOption.italic) !== null && _markdownOption$itali !== void 0 ? _markdownOption$itali : true;
+      _this.formats.quote = (_markdownOption$quote = markdownOption.quote) !== null && _markdownOption$quote !== void 0 ? _markdownOption$quote : true;
+      _this.formats.strikethrough = (_markdownOption$strik = markdownOption.strikethrough) !== null && _markdownOption$strik !== void 0 ? _markdownOption$strik : true;
+      _this.formats.subscript = (_markdownOption$subsc = markdownOption.subscript) !== null && _markdownOption$subsc !== void 0 ? _markdownOption$subsc : false;
+      _this.formats.superscript = (_markdownOption$super = markdownOption.superscript) !== null && _markdownOption$super !== void 0 ? _markdownOption$super : false;
+    } else if (markdownOption === false) {
+      // Disable all formats if markdown is disabled
+      _this.formats.bold = false;
+      _this.formats.header = false;
+      _this.formats.italic = false;
+      _this.formats.quote = false;
+      _this.formats.strikethrough = false;
+      _this.formats.subscript = false;
+      _this.formats.superscript = false;
+    }
+
+    // Register the JSON data source
     kernel.registerDataSource(new JSONDataSource('json'));
     // Register the text data source
     kernel.registerDataSource(new TextDataSource('text'));
@@ -88,29 +121,7 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       var markdownOption = (_this$config$markdown = (_this$config = this.config) === null || _this$config === void 0 ? void 0 : _this$config.markdownOption) !== null && _this$config$markdown !== void 0 ? _this$config$markdown : true;
       var isMarkdownEnabled = markdownOption !== false;
       var breakMark = isMarkdownEnabled ? '\n\n' : '\n';
-
-      // Determine which formats are enabled
-      var formats = {
-        bold: true,
-        header: true,
-        italic: true,
-        quote: true,
-        strikethrough: true,
-        subscript: false,
-        // Disabled by default
-        superscript: false // Disabled by default
-        // Note: code, underline, underlineStrikethrough are handled by other plugins/writers
-      };
-      if (_typeof(markdownOption) === 'object') {
-        var _markdownOption$bold, _markdownOption$heade, _markdownOption$itali, _markdownOption$quote, _markdownOption$strik, _markdownOption$subsc, _markdownOption$super;
-        formats.bold = (_markdownOption$bold = markdownOption.bold) !== null && _markdownOption$bold !== void 0 ? _markdownOption$bold : true;
-        formats.header = (_markdownOption$heade = markdownOption.header) !== null && _markdownOption$heade !== void 0 ? _markdownOption$heade : true;
-        formats.italic = (_markdownOption$itali = markdownOption.italic) !== null && _markdownOption$itali !== void 0 ? _markdownOption$itali : true;
-        formats.quote = (_markdownOption$quote = markdownOption.quote) !== null && _markdownOption$quote !== void 0 ? _markdownOption$quote : true;
-        formats.strikethrough = (_markdownOption$strik = markdownOption.strikethrough) !== null && _markdownOption$strik !== void 0 ? _markdownOption$strik : true;
-        formats.subscript = (_markdownOption$subsc = markdownOption.subscript) !== null && _markdownOption$subsc !== void 0 ? _markdownOption$subsc : false;
-        formats.superscript = (_markdownOption$super = markdownOption.superscript) !== null && _markdownOption$super !== void 0 ? _markdownOption$super : false;
-      }
+      var formats = this.formats;
 
       // Register quote shortcut if enabled
       if (formats.quote) {
@@ -202,64 +213,74 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         markdownService.registerMarkdownShortCuts(textFormatShortcuts);
       }
       markdownService.registerMarkdownWriter('paragraph', function (ctx) {
-        ctx.wrap('', '\n\n');
-      });
-      markdownService.registerMarkdownWriter('quote', function (ctx, node) {
-        if ($isQuoteNode(node)) {
-          ctx.wrap('> ', breakMark);
-        }
+        ctx.wrap('', breakMark);
       });
-      markdownService.registerMarkdownWriter('heading', function (ctx, node) {
-        if ($isHeadingNode(node)) {
-          switch (node.getTag()) {
-            case 'h1':
-              {
-                ctx.wrap('# ', breakMark);
-                break;
-              }
-            case 'h2':
-              {
-                ctx.wrap('## ', breakMark);
-                break;
-              }
-            case 'h3':
-              {
-                ctx.wrap('### ', breakMark);
-                break;
-              }
-            case 'h4':
-              {
-                ctx.wrap('#### ', breakMark);
-                break;
-              }
-            case 'h5':
-              {
-                ctx.wrap('##### ', breakMark);
-                break;
-              }
-            case 'h6':
-              {
-                ctx.wrap('###### ', breakMark);
-                break;
-              }
-            default:
-              {
-                ctx.wrap('', '\n');
-                break;
-              }
+
+      // Register quote writer only if quote format is enabled
+      if (formats.quote) {
+        markdownService.registerMarkdownWriter('quote', function (ctx, node) {
+          if ($isQuoteNode(node)) {
+            ctx.wrap('> ', breakMark);
           }
-        }
-      });
+        });
+      }
+
+      // Register heading writer only if header format is enabled
+      if (formats.header) {
+        markdownService.registerMarkdownWriter('heading', function (ctx, node) {
+          if ($isHeadingNode(node)) {
+            switch (node.getTag()) {
+              case 'h1':
+                {
+                  ctx.wrap('# ', '\n\n');
+                  break;
+                }
+              case 'h2':
+                {
+                  ctx.wrap('## ', '\n\n');
+                  break;
+                }
+              case 'h3':
+                {
+                  ctx.wrap('### ', '\n\n');
+                  break;
+                }
+              case 'h4':
+                {
+                  ctx.wrap('#### ', '\n\n');
+                  break;
+                }
+              case 'h5':
+                {
+                  ctx.wrap('##### ', '\n\n');
+                  break;
+                }
+              case 'h6':
+                {
+                  ctx.wrap('###### ', '\n\n');
+                  break;
+                }
+              default:
+                {
+                  ctx.wrap('', '\n\n');
+                  break;
+                }
+            }
+          }
+        });
+      }
+
+      // Register text writer with conditional format handling
       markdownService.registerMarkdownWriter('text', function (ctx, node) {
         if (!$isTextNode(node)) {
           return;
         }
-        var isBold = node.hasFormat('bold');
-        var isItalic = node.hasFormat('italic');
+        var isBold = formats.bold && node.hasFormat('bold');
+        var isItalic = formats.italic && node.hasFormat('italic');
         var isUnderline = node.hasFormat('underline');
-        var isStrikethrough = node.hasFormat('strikethrough');
-        var isSuperscript = node.hasFormat('superscript');
-        var isSubscript = node.hasFormat('subscript');
+        var isStrikethrough = formats.strikethrough && node.hasFormat('strikethrough');
+        var isSuperscript = formats.superscript && node.hasFormat('superscript');
+        var isSubscript = formats.subscript && node.hasFormat('subscript');
         if (isBold) {
           ctx.appendLine('**');
         }
@@ -315,7 +336,7 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       // Register markdown writer for linebreak nodes (soft line breaks)
       markdownService.registerMarkdownWriter('linebreak', function (ctx) {
         // In markdown, soft line breaks are represented as two spaces followed by a newline
-        ctx.appendLine('  \n');
+        ctx.appendLine('\n');
       });
 
       // 注册 markdown reader
@@ -383,35 +404,44 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       if (!litexmlService) {
         return;
       }
+      var formats = this.formats;
       litexmlService.registerXMLWriter(TextNode.getType(), function (node, ctx) {
         var attr = {};
         if ($isTextNode(node)) {
-          if (node.hasFormat('bold')) {
+          if (formats.bold && node.hasFormat('bold')) {
             attr['bold'] = 'true';
           }
-          if (node.hasFormat('italic')) {
+          if (formats.italic && node.hasFormat('italic')) {
             attr['italic'] = 'true';
           }
           if (node.hasFormat('underline')) {
             attr['underline'] = 'true';
           }
-          if (node.hasFormat('strikethrough')) {
+          if (formats.strikethrough && node.hasFormat('strikethrough')) {
             attr['strikethrough'] = 'true';
           }
-          if (node.hasFormat('subscript')) {
+          if (formats.subscript && node.hasFormat('subscript')) {
             attr['subscript'] = 'true';
           }
-          if (node.hasFormat('superscript')) {
+          if (formats.superscript && node.hasFormat('superscript')) {
             attr['superscript'] = 'true';
           }
           return ctx.createXmlNode('span', attr, node.getTextContent());
         }
         return false;
       });
-      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']));
+
+      // Register bold readers only if bold format is enabled
+      if (formats.bold) {
+        litexmlService.registerXMLReader('b', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['bold']));
+        litexmlService.registerXMLReader('strong', sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['bold']));
+      }
+
+      // Register italic readers only if italic format is enabled
+      if (formats.italic) {
+        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) {
@@ -422,22 +452,22 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         var subscript = xmlElement.getAttribute('subscript');
         var superscript = xmlElement.getAttribute('superscript');
         var format = 0;
-        if (bold === 'true') {
+        if (formats.bold && bold === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['bold'];
         }
-        if (italic === 'true') {
+        if (formats.italic && italic === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['italic'];
         }
         if (underline === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['underline'];
         }
-        if (strikethrough === 'true') {
+        if (formats.strikethrough && strikethrough === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['strikethrough'];
         }
-        if (subscript === 'true') {
+        if (formats.subscript && subscript === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['subscript'];
         }
-        if (superscript === 'true') {
+        if (formats.superscript && superscript === 'true') {
           format |= TEXT_TYPE_TO_FORMAT['superscript'];
         }
         children.forEach(function (child) {
@@ -447,40 +477,48 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
         });
         return children;
       });
-      litexmlService.registerXMLWriter('quote', function (node, ctx) {
-        if ($isQuoteNode(node)) {
-          return ctx.createXmlNode('quote', {});
-        }
-        return false;
-      });
-      litexmlService.registerXMLWriter('heading', function (node, ctx) {
-        if ($isHeadingNode(node)) {
-          return ctx.createXmlNode(node.getTag(), {});
-        }
-        return false;
-      });
+
+      // Register quote writer/reader only if quote format is enabled
+      if (formats.quote) {
+        litexmlService.registerXMLWriter('quote', function (node, ctx) {
+          if ($isQuoteNode(node)) {
+            return ctx.createXmlNode('quote', {});
+          }
+          return false;
+        });
+        litexmlService.registerXMLReader('quote', function (xmlElement, children) {
+          return INodeHelper.createElementNode(QuoteNode.getType(), {
+            children: children
+          });
+        });
+      }
+
+      // Register heading writer/reader only if header format is enabled
+      if (formats.header) {
+        litexmlService.registerXMLWriter('heading', function (node, ctx) {
+          if ($isHeadingNode(node)) {
+            return ctx.createXmlNode(node.getTag(), {});
+          }
+          return false;
+        });
+        var headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+        headingTags.forEach(function (tag) {
+          litexmlService.registerXMLReader(tag, function (xmlElement, children) {
+            return INodeHelper.createElementNode(HeadingNode.getType(), {
+              children: children,
+              tag: tag
+            });
+          });
+        });
+      }
       litexmlService.registerXMLWriter(ParagraphNode.getType(), function (node, ctx) {
         return ctx.createXmlNode('p', {});
       });
-      litexmlService.registerXMLReader('quote', function (xmlElement, children) {
-        return INodeHelper.createElementNode(QuoteNode.getType(), {
-          children: children
-        });
-      });
       litexmlService.registerXMLReader('p', function (xmlElement, children) {
         return INodeHelper.createElementNode(ParagraphNode.getType(), {
           children: children
         });
       });
-      var headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-      headingTags.forEach(function (tag) {
-        litexmlService.registerXMLReader(tag, function (xmlElement, children) {
-          return INodeHelper.createElementNode(HeadingNode.getType(), {
-            children: children,
-            tag: tag
-          });
-        });
-      });
     }
   }, {
     key: "destroy",

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

@@ -59,7 +59,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     _theme$headerMultiple = theme.headerMultiple,
     headerMultiple = _theme$headerMultiple === void 0 ? isChat ? 0.25 : 0.6 : _theme$headerMultiple,
     _theme$lineHeight = theme.lineHeight,
-    lineHeight = _theme$lineHeight === void 0 ? isChat ? 1.6 : 1.8 : _theme$lineHeight,
+    lineHeight = _theme$lineHeight === void 0 ? isChat ? 1.4 : 1.6 : _theme$lineHeight,
     _theme$marginMultiple = theme.marginMultiple,
     marginMultiple = _theme$marginMultiple === void 0 ? isChat ? 1 : 2 : _theme$marginMultiple,
     restTheme = _objectWithoutProperties(theme, _excluded);
@@ -220,7 +220,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     });
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(styles.root, markdownOption === true && styles.variant, markdownOption === false && styles.noStyle, markdownOption === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.header === true && styles.header, _typeof(markdownOption) === 'object' && markdownOption.header === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.code === true && styles.code, _typeof(markdownOption) === 'object' && markdownOption.quote === true && styles.blockquote, className),
+    className: cx(styles.root, styles.variant, className),
     style: _objectSpread(_objectSpread({}, cssVariables), style),
     children: [/*#__PURE__*/_jsx("div", {
       className: styles.editorContent,

package/es/plugins/common/react/style.d.ts

@@ -17,8 +17,6 @@ export declare const styles: {
     code: string;
     editorContent: string;
     header: string;
-    noHeader: string;
-    noStyle: string;
     p: string;
     root: string;
     variant: string;

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

@@ -1,6 +1,6 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStaticStyles, keyframes, cx } from 'antd-style';
+import { createStaticStyles, cx, keyframes } from 'antd-style';
 var cursorBlink = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    visibility: hidden;\n  }\n"])));
 export var themeStyles = createStaticStyles(function (_ref) {
   var css = _ref.css,
@@ -23,7 +23,7 @@ export var themeStyles = createStaticStyles(function (_ref) {
 export var styles = createStaticStyles(function (_ref2) {
   var css = _ref2.css,
     cssVar = _ref2.cssVar;
-  var __root = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    --lobe-markdown-font-size: var(--common-font-size, 16px);\n    --lobe-markdown-header-multiple: var(--common-header-multiple, 1);\n    --lobe-markdown-margin-multiple: var(--common-margin-multiple, 2);\n    --lobe-markdown-line-height: var(--common-line-height, 1.8);\n    --lobe-markdown-border-radius: ", ";\n    --lobe-markdown-border-color: ", ";\n\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n\n    [data-placeholder] {\n      position: relative;\n    }\n\n    [data-placeholder]::after {\n      pointer-events: none;\n      content: attr(data-placeholder);\n      user-select: none;\n\n      position: absolute;\n      inset-block-start: 50%;\n      transform: translateY(-50%);\n\n      padding-inline-start: 2px;\n\n      color: ", ";\n      white-space: nowrap;\n    }\n\n    [data-lexical-cursor='true'] {\n      pointer-events: none;\n      position: absolute;\n      display: block;\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        inset-block-start: -2px;\n\n        display: block;\n\n        width: 20px;\n        border-block-start: 1px solid ", ";\n\n        animation: ", " 1.1s steps(2, start) infinite;\n      }\n    }\n  "])), cssVar.borderRadiusLG, cssVar.colorFillQuaternary, cssVar.colorTextDescription, cssVar.colorText, cursorBlink);
+  var __root = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    --lobe-markdown-font-size: var(--common-font-size, 16px);\n    --lobe-markdown-header-multiple: var(--common-header-multiple, 1);\n    --lobe-markdown-margin-multiple: var(--common-margin-multiple, 2);\n    --lobe-markdown-line-height: var(--common-line-height, 1.6);\n    --lobe-markdown-border-radius: ", ";\n    --lobe-markdown-border-color: ", ";\n\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n\n    [data-placeholder] {\n      position: relative;\n    }\n\n    [data-placeholder]::after {\n      pointer-events: none;\n      content: attr(data-placeholder);\n      user-select: none;\n\n      position: absolute;\n      inset-block-start: 50%;\n      transform: translateY(-50%);\n\n      padding-inline-start: 2px;\n\n      color: ", ";\n      white-space: nowrap;\n    }\n\n    [data-lexical-cursor='true'] {\n      pointer-events: none;\n      position: absolute;\n      display: block;\n\n      &::after {\n        content: '';\n\n        position: absolute;\n        inset-block-start: -2px;\n\n        display: block;\n\n        width: 20px;\n        border-block-start: 1px solid ", ";\n\n        animation: ", " 1.1s steps(2, start) infinite;\n      }\n    }\n  "])), cssVar.borderRadiusLG, cssVar.colorFillQuaternary, cssVar.colorTextDescription, cssVar.colorText, cursorBlink);
   var header = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  "])));
   var p = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  "])));
   var blockquote = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    .editor_quote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ", ";\n\n      color: ", ";\n    }\n  "])), cssVar.colorBorder, cssVar.colorTextSecondary);
@@ -34,8 +34,6 @@ export var styles = createStaticStyles(function (_ref2) {
     code: code,
     editorContent: editorContent,
     header: header,
-    noHeader: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-block: 0;\n        font-size: var(--lobe-markdown-font-size);\n        font-weight: normal;\n        line-height: var(--lobe-markdown-line-height);\n      }\n    "]))),
-    noStyle: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0;\n      --lobe-markdown-margin-multiple: 0;\n      --lobe-markdown-line-height: 1.5;\n\n      p {\n        margin-block: 4px;\n      }\n    "]))),
     p: p,
     root: __root,
     variant: cx(header, p, blockquote, code)

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

@@ -61,6 +61,29 @@ function doAction(node, action) {
       _parent.selectEnd();
     }
   }
+  if (node.diffType === 'listItemRemove') {
+    if (action === DiffAction.Accept) {
+      node.getParentOrThrow().remove();
+    } else if (action === DiffAction.Reject) {
+      node.getChildren().forEach(function (child) {
+        node.getParentOrThrow().append(child);
+      });
+      node.getParentOrThrow().selectEnd();
+      node.remove();
+    }
+  }
+  if (node.diffType === 'listItemAdd') {
+    if (action === DiffAction.Accept) {
+      var _children4 = node.getChildren();
+      _children4.forEach(function (child) {
+        node.getParentOrThrow().append(child);
+      });
+      node.getParentOrThrow().selectEnd();
+      node.remove();
+    } else if (action === DiffAction.Reject) {
+      node.remove();
+    }
+  }
 }
 export function registerLiteXMLDiffCommand(editor) {
   return mergeRegister(editor.registerCommand(LITEXML_DIFFNODE_COMMAND, function (payload) {

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

@@ -14,6 +14,7 @@ import { $closest } from "../../../editor-kernel";
 import { createDebugLogger } from "../../../utils/debug";
 import { $createDiffNode, DiffNode } from "../node/DiffNode";
 import { $cloneNode, $parseSerializedNodeImpl, charToId } from "../utils";
+import { $isListItemNode } from '@lexical/list';
 var logger = createDebugLogger('plugin', 'litexml');
 
 // Helpers to reduce duplication and improve readability
@@ -136,39 +137,44 @@ export function registerLiteXMLCommand(editor, dataSource) {
       }
       return acc;
     }, []);
-    resultPayload.forEach(function (item) {
-      var action = item.action;
-      switch (action) {
-        case 'modify':
-          {
-            var litexml = item.litexml;
-            var arrayXml = toArrayXml(litexml);
-            // handle modfy action
-            handleModify(editor, dataSource, arrayXml, true);
-            break;
-          }
-        case 'remove':
-          {
-            var id = item.id;
-            var key = charToId(id);
-            // handle remove action
-            handleRemove(editor, key, true);
-            break;
-          }
-        case 'insert':
-          {
-            handleInsert(editor, _objectSpread(_objectSpread({}, item), {}, {
-              delay: true
-            }), dataSource);
-            break;
-          }
-        default:
-          {
-            logger.warn("\u26A0\uFE0F Unknown action type: ".concat(action));
-          }
-      }
-    });
-    return false;
+    try {
+      resultPayload.forEach(function (item) {
+        var action = item.action;
+        switch (action) {
+          case 'modify':
+            {
+              var litexml = item.litexml;
+              var arrayXml = toArrayXml(litexml);
+              // handle modfy action
+              handleModify(editor, dataSource, arrayXml, true);
+              break;
+            }
+          case 'remove':
+            {
+              var id = item.id;
+              var key = charToId(id);
+              // handle remove action
+              handleRemove(editor, key, true);
+              break;
+            }
+          case 'insert':
+            {
+              handleInsert(editor, _objectSpread(_objectSpread({}, item), {}, {
+                delay: true
+              }), dataSource);
+              break;
+            }
+          default:
+            {
+              logger.warn("\u26A0\uFE0F Unknown action type: ".concat(action));
+            }
+        }
+      });
+      return false;
+    } catch (error) {
+      logger.error('❌ Error processing LITEXML_MODIFY_COMMAND:', error);
+      return false;
+    }
   }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(LITEXML_APPLY_COMMAND, function (payload) {
     var litexml = payload.litexml,
       delay = payload.delay;
@@ -297,9 +303,18 @@ function handleRemove(editor, key, delay) {
         }
         return;
       }
-      var diffNode = $createDiffNode('remove');
-      diffNode.append($cloneNode(node, editor));
-      node.replace(diffNode, false);
+      if ($isListItemNode(node)) {
+        var diffNode = $createDiffNode('listItemRemove');
+        node.getChildren().forEach(function (child) {
+          diffNode.append($cloneNode(child, editor));
+        });
+        node.clear();
+        node.append(diffNode);
+      } else {
+        var _diffNode2 = $createDiffNode('remove');
+        _diffNode2.append($cloneNode(node, editor));
+        node.replace(_diffNode2, false);
+      }
     } else {
       var oldBlock = $closest(node, function (node) {
         return node.isInline() === false;
@@ -409,9 +424,18 @@ function handleInsert(editor, payload, dataSource) {
           }
           newNodes.forEach(function (node) {
             if (referenceNode) {
-              var diffNode = $createDiffNode('add');
-              diffNode.append(node);
-              referenceNode = referenceNode.insertAfter(diffNode);
+              if ($isListItemNode(node)) {
+                var diffNode = $createDiffNode('listItemAdd');
+                node.getChildren().forEach(function (child) {
+                  diffNode.append(child);
+                });
+                node.append(diffNode);
+                referenceNode = referenceNode.insertAfter(node);
+              } else {
+                var _diffNode3 = $createDiffNode('add');
+                _diffNode3.append(node);
+                referenceNode = referenceNode.insertAfter(_diffNode3);
+              }
             }
           });
         } else {

package/es/plugins/litexml/node/DiffNode.d.ts

@@ -1,6 +1,6 @@
 import { DOMExportOutput, EditorConfig, ElementDOMSlot, LexicalEditor, LexicalUpdateJSON, SerializedElementNode, Spread } from 'lexical';
 import { CardLikeElementNode } from "../../common/node/cursor";
-export type DiffType = 'add' | 'remove' | 'modify' | 'unchanged' | 'listItemModify';
+export type DiffType = 'add' | 'remove' | 'modify' | 'unchanged' | 'listItemModify' | 'listItemRemove' | 'listItemAdd';
 export type SerializedDiffNode = Spread<{
     diffType: DiffType;
 }, SerializedElementNode>;

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

@@ -4,5 +4,5 @@ import { createStaticStyles } from 'antd-style';
 export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
     cssVar = _ref.cssVar;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    .toolbar {\n      position: absolute;\n      z-index: 10;\n      inset-block-end: 0;\n      inset-inline-end: 8px;\n\n      opacity: 0;\n    }\n\n    &:hover {\n      .toolbar {\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='add'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n    }\n\n    &[data-diff-type='remove'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n    }\n\n    &[data-diff-type='listItemModify'] {\n      display: inline-block;\n\n      p {\n        display: block !important;\n      }\n    }\n\n    &[data-diff-type='listItemModify'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      /* first child: original (deleted) */\n\n      /*  > *:first-child {}  */\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='modify'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      /* first child: original (deleted) */\n\n      /*  > *:first-child {}  */\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n  "])), cssVar.colorSuccess, cssVar.colorError, cssVar.colorTextQuaternary, cssVar.colorWarning, cssVar.colorTextQuaternary, cssVar.colorWarning, cssVar.colorTextQuaternary);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    .toolbar {\n      position: absolute;\n      z-index: 10;\n      inset-block-end: 0;\n      inset-inline-end: 8px;\n\n      opacity: 0;\n    }\n\n    &:hover {\n      .toolbar {\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='add'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n    }\n\n    &[data-diff-type='remove'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n    }\n\n\n    &[data-diff-type='listItemRemove'] {\n      display: inline-block;\n    }\n\n    &[data-diff-type='listItemRemove'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      /* first child: original (deleted) */\n\n      /*  > *:first-child {}  */\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='listItemModify'] {\n      display: inline-block;\n\n      p {\n        display: block !important;\n      }\n    }\n\n    &[data-diff-type='listItemModify'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      /* first child: original (deleted) */\n\n      /*  > *:first-child {}  */\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n\n    &[data-diff-type='modify'] .content {\n      position: relative;\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-end: 4px;\n      border-inline-end: 3px solid ", ";\n\n      /* first child: original (deleted) */\n\n      /*  > *:first-child {}  */\n\n      /* visually indicate deletion with strike-through for text nodes */\n      > *:first-child * {\n        color: ", " !important;\n        text-decoration: line-through !important;\n      }\n\n      /* second child: modified/new - normal appearance */\n      > *:nth-child(2) {\n        color: inherit;\n        opacity: 1;\n      }\n    }\n  "])), cssVar.colorSuccess, cssVar.colorError, cssVar.colorTextQuaternary, cssVar.colorError, cssVar.colorTextQuaternary, cssVar.colorWarning, cssVar.colorTextQuaternary, cssVar.colorWarning, cssVar.colorTextQuaternary);
 });

package/es/plugins/markdown/data-source/markdown-data-source.d.ts

@@ -7,6 +7,7 @@ export default class MarkdownDataSource extends DataSource {
     protected dataType: string;
     protected markdownService: MarkdownShortCutService;
     protected getService?: (<T>(serviceId: IServiceID<T>) => T | null) | undefined;
+    private formatMarkdown;
     constructor(dataType: string, markdownService: MarkdownShortCutService, getService?: (<T>(serviceId: IServiceID<T>) => T | null) | undefined);
     read(editor: LexicalEditor, data: string): void;
     write(editor: LexicalEditor, options?: IWriteOptions): any;

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

@@ -27,6 +27,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 /* eslint-disable unicorn/no-for-loop */
 import { $isTableSelection } from '@lexical/table';
 import { $getCharacterOffsets, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isRangeSelection, $isTextNode } from 'lexical';
+import { remark } from 'remark';
+import remarkGfm from 'remark-gfm';
 import { DataSource } from "../../../editor-kernel";
 import { INodeHelper } from "../../../editor-kernel/inode/helper";
 import { INodeService } from "../../inode";
@@ -46,6 +48,26 @@ var MarkdownDataSource = /*#__PURE__*/function (_DataSource) {
     return _this;
   }
   _createClass(MarkdownDataSource, [{
+    key: "formatMarkdown",
+    value: function formatMarkdown(markdown) {
+      try {
+        var result = remark().use([[remarkGfm, {
+          singleTilde: false
+        }]]).data('settings', {
+          bullet: '-',
+          emphasis: '*',
+          fences: true,
+          rule: '-',
+          strong: '*',
+          tightDefinitions: true
+        }).processSync(markdown);
+        return String(result);
+      } catch (error) {
+        logger.error('Failed to format markdown:', error);
+        return markdown;
+      }
+    }
+  }, {
     key: "read",
     value: function read(editor, data) {
       var _this$getService;
@@ -179,7 +201,7 @@ var MarkdownDataSource = /*#__PURE__*/function (_DataSource) {
               _lexicalRootNode.getChildren().forEach(function (child) {
                 return _rootCtx.processChild(_rootCtx, child);
               });
-              return _rootCtx.toString();
+              return _this2.formatMarkdown(_rootCtx.toString());
             });
           } else if ($isTableSelection(selection)) {
             // todo
@@ -217,7 +239,7 @@ var MarkdownDataSource = /*#__PURE__*/function (_DataSource) {
         rootNode.getChildren().forEach(function (child) {
           return rootCtx.processChild(rootCtx, child);
         });
-        return rootCtx.toString();
+        return _this2.formatMarkdown(rootCtx.toString());
       });
     }
   }]);

package/es/plugins/mention/react/components/Mention.js

@@ -4,6 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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; }
+import { cx } from 'antd-style';
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
 import { useCallback, useEffect, useRef } from 'react';
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection";
@@ -30,7 +31,7 @@ var Mention = function Mention(_ref) {
     return editor.registerCommand(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW);
   }, [editor, node, onClick]);
   return /*#__PURE__*/_jsxs("span", {
-    className: className,
+    className: cx('editor_mention', className),
     ref: spanRef,
     children: ["@", node.label]
   });

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

@@ -6,6 +6,6 @@ export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
     cssVar = _ref.cssVar;
   return {
-    mention: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    user-select: none;\n\n    position: relative;\n\n    display: inline;\n\n    margin-inline: 0.25em;\n    padding-block: 0.2em;\n    padding-inline: 0.4em;\n    border: 1px solid ", ";\n    border-radius: 0.25em;\n\n    font-size: 0.875em;\n    line-height: 1;\n    color: ", ";\n    word-break: break-word;\n    white-space: break-spaces;\n\n    background: ", ";\n\n    &.selected {\n      color: #000;\n      background: ", ";\n    }\n  "])), cssVar.colorFillTertiary, cssVar.colorInfo, cssVar.colorFillTertiary, cssVar.yellow)
+    mention: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    user-select: none;\n\n    position: relative;\n\n    display: inline;\n\n    margin-inline: 0.25em;\n    padding-block: 0.2em;\n    padding-inline: 0.4em;\n    border: 1px solid ", ";\n    border-radius: 0.25em;\n\n    font-size: 0.875em;\n    line-height: 1;\n    color: ", ";\n    word-break: break-word;\n    white-space: break-spaces;\n\n    background: ", ";\n\n    .editor_mention {\n      padding: 0;\n    }\n\n    &.selected {\n      color: #000;\n      background: ", ";\n    }\n  "])), cssVar.colorInfoBgHover, cssVar.colorInfo, cssVar.colorInfoBg, cssVar.yellow)
   };
 });

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

@@ -47,7 +47,7 @@ export var ReactTablePlugin = function ReactTablePlugin(_ref) {
   useLexicalEditor(function (editor) {
     setLexicalEditor(editor);
     editor.registerUpdateListener(function () {
-      editor.getEditorState().read(function () {
+      editor.read(function () {
         var selection = $getSelection();
         if (!$isTableSelection(selection) && !$isRangeSelection(selection)) {
           return null;

package/es/react/Editor/Editor.js

@@ -15,6 +15,7 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { debounce } from 'es-toolkit';
 import { createElement, memo, useMemo } from 'react';
 import { ReactEditor } from "../../editor-kernel/react/react-editor";
 import { ReactEditorContent, ReactPlainText } from "../../plugins/common";
@@ -29,6 +30,8 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
   var content = _ref.content,
     style = _ref.style,
     className = _ref.className,
+    _ref$debounceWait = _ref.debounceWait,
+    debounceWait = _ref$debounceWait === void 0 ? 100 : _ref$debounceWait,
     editable = _ref.editable,
     editor = _ref.editor,
     onInit = _ref.onInit,
@@ -64,6 +67,14 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
   var enableMention = Boolean((mentionOption === null || mentionOption === void 0 ? void 0 : mentionOption.items) && mentionOption.items.length > 0);
   var markdownWriter = mentionOption.markdownWriter,
     restMentionOption = _objectWithoutProperties(mentionOption, _excluded);
+
+  // Create debounced versions of onChange and onTextChange
+  var debouncedOnChange = useMemo(function () {
+    return onChange ? debounce(onChange, debounceWait) : undefined;
+  }, [onChange, debounceWait]);
+  var debouncedOnTextChange = useMemo(function () {
+    return onTextChange ? debounce(onTextChange, debounceWait) : undefined;
+  }, [onTextChange, debounceWait]);
   var memoPlugins = useMemo(function () {
     return [enablePasteMarkdown && ReactMarkdownPlugin].concat(_toConsumableArray(plugins)).filter(Boolean).map(function (plugin, index) {
       var withNoProps = typeof plugin === 'function';
@@ -105,14 +116,14 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
       enablePasteMarkdown: enablePasteMarkdown,
       markdownOption: markdownOption,
       onBlur: onBlur,
-      onChange: onChange,
+      onChange: debouncedOnChange,
       onCompositionEnd: onCompositionEnd,
       onCompositionStart: onCompositionStart,
       onContextMenu: onContextMenu,
       onFocus: onFocus,
       onKeyDown: onKeyDown,
       onPressEnter: onPressEnter,
-      onTextChange: onTextChange,
+      onTextChange: debouncedOnTextChange,
       style: style,
       variant: variant,
       children: /*#__PURE__*/_jsx(ReactEditorContent, {

package/es/react/Editor/type.d.ts

@@ -11,6 +11,11 @@ export interface EditorProps extends Partial<ReactEditorContentProps>, Omit<Reac
     autoFocus?: boolean;
     children?: ReactNode;
     className?: string;
+    /**
+     * Debounce wait time in milliseconds for onChange and onTextChange callbacks
+     * @default 100
+     */
+    debounceWait?: number;
     editable?: boolean;
     editor?: IEditor;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "3.4.1",
+  "version": "3.5.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",
@@ -56,7 +56,7 @@
     "lucide-react": "^0.562.0",
     "polished": "^4.3.1",
     "re-resizable": "^6.11.2",
-    "react-error-boundary": "^6.0.0",
+    "react-error-boundary": "^6.0.2",
     "react-merge-refs": "^3.0.2",
     "remark-cjk-friendly": "^1.2.3",
     "remark-supersub": "^1.0.0",