@lobehub/editor 1.11.0 → 1.13.0

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

@@ -14,7 +14,7 @@ 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 { KernelPlugin } from "../../../editor-kernel/plugin";
-import { IMarkdownShortCutService } from "../../markdown";
+import { IMarkdownShortCutService, MARKDOWN_READER_LEVEL_HIGH } from "../../markdown";
 import { registerMentionCommand } from "../command";
 import { $isMentionNode, MentionNode } from "../node/MentionNode";
 import { registerMentionNodeSelectionObserver } from "./register";
@@ -25,7 +25,6 @@ export var MentionPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(MentionPlugin, _KernelPlugin);
   var _super = _createSuper(MentionPlugin);
   function MentionPlugin(kernel, config) {
-    var _kernel$requireServic;
     var _this;
     _classCallCheck(this, MentionPlugin);
     _this = _super.call(this);
@@ -39,15 +38,6 @@ export var MentionPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     _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) {
-      if ($isMentionNode(node)) {
-        if (config !== null && config !== void 0 && config.markdownWriter) {
-          ctx.appendLine(config.markdownWriter(node));
-          return;
-        }
-        ctx.appendLine("".concat(node.label));
-      }
-    });
     return _this;
   }
   _createClass(MentionPlugin, [{
@@ -55,6 +45,32 @@ export var MentionPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
     value: function onInit(editor) {
       this.register(registerMentionCommand(editor));
       this.register(registerMentionNodeSelectionObserver(editor));
+      this.registerMarkdown();
+    }
+  }, {
+    key: "registerMarkdown",
+    value: function registerMarkdown() {
+      var _this$kernel$requireS,
+        _this2 = this,
+        _this$config;
+      (_this$kernel$requireS = this.kernel.requireService(IMarkdownShortCutService)) === null || _this$kernel$requireS === void 0 || _this$kernel$requireS.registerMarkdownWriter(MentionNode.getType(), function (ctx, node) {
+        if ($isMentionNode(node)) {
+          var _this2$config;
+          if ((_this2$config = _this2.config) !== null && _this2$config !== void 0 && _this2$config.markdownWriter) {
+            ctx.appendLine(_this2.config.markdownWriter(node));
+            return;
+          }
+          ctx.appendLine("".concat(node.label));
+        }
+      });
+      if ((_this$config = this.config) !== null && _this$config !== void 0 && _this$config.markdownReader) {
+        var _this$kernel$requireS2;
+        (_this$kernel$requireS2 = this.kernel.requireService(IMarkdownShortCutService)) === null || _this$kernel$requireS2 === void 0 || _this$kernel$requireS2.registerMarkdownReader('html', function (node, children) {
+          var _this2$config2;
+          return (_this2$config2 = _this2.config) !== null && _this2$config2 !== void 0 && _this2$config2.markdownReader ? _this2.config.markdownReader(node, children) || false : false;
+          // return this.config?.markdownReader ? this.config.markdownReader(node, children) || false : false;
+        }, MARKDOWN_READER_LEVEL_HIGH);
+      }
     }
   }]);
   return MentionPlugin;

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

@@ -15,6 +15,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { $isTableNode, TableCellNode, TableRowNode, registerTableCellUnmergeTransform, registerTablePlugin, registerTableSelectionObserver, setScrollableTablesActive } from '@lexical/table';
 import { cx } from 'antd-style';
+import { INodeHelper } from "../../../editor-kernel/inode/helper";
 import { KernelPlugin } from "../../../editor-kernel/plugin";
 import { IMarkdownShortCutService } from "../../markdown";
 import { registerTableCommand } from "../command";
@@ -29,7 +30,6 @@ export var TablePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
   _inherits(TablePlugin, _KernelPlugin);
   var _super = _createSuper(TablePlugin);
   function TablePlugin(kernel, options) {
-    var _kernel$requireServic, _kernel$requireServic2, _kernel$requireServic3;
     var _this;
     _classCallCheck(this, TablePlugin);
     _this = _super.call(this);
@@ -44,31 +44,6 @@ export var TablePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       tableCellSelected: 'editor_table_cell_selected',
       tableScrollableWrapper: cx('editor_table_scrollable_wrapper', options === null || options === void 0 ? void 0 : options.theme)
     });
-    (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownWriter(TableNode.getType(), function (ctx) {
-      ctx.wrap('', '\n');
-    });
-    (_kernel$requireServic2 = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic2 === void 0 || _kernel$requireServic2.registerMarkdownWriter(TableRowNode.getType(), function (ctx, node) {
-      var parent = node.getParent();
-      if (!$isTableNode(parent)) {
-        return;
-      }
-      if (!node.getPreviousSibling()) {
-        var _parent$getColWidths;
-        ctx.wrap('', "\n".concat((_parent$getColWidths = parent.getColWidths()) === null || _parent$getColWidths === void 0 ? void 0 : _parent$getColWidths.map(function () {
-          return '|:--';
-        }).join(''), "|\n"));
-      } else {
-        ctx.wrap('', '\n');
-      }
-    });
-    (_kernel$requireServic3 = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic3 === void 0 || _kernel$requireServic3.registerMarkdownWriter(TableCellNode.getType(), function (ctx, node) {
-      ctx.addProcessor(tableCellProcessor);
-      if (!node.getNextSibling()) {
-        ctx.wrap('|', '|');
-      } else {
-        ctx.wrap('|', '');
-      }
-    });
     return _this;
   }
   _createClass(TablePlugin, [{
@@ -79,6 +54,76 @@ export var TablePlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       this.register(registerTableSelectionObserver(editor));
       this.register(registerTableCellUnmergeTransform(editor));
       this.register(registerTableCommand(editor));
+      this.registerMarkdown();
+    }
+  }, {
+    key: "registerMarkdown",
+    value: function registerMarkdown() {
+      var markdownService = this.kernel.requireService(IMarkdownShortCutService);
+      if (!markdownService) {
+        return;
+      }
+      markdownService.registerMarkdownWriter(TableNode.getType(), function (ctx) {
+        ctx.wrap('', '\n');
+      });
+      markdownService.registerMarkdownWriter(TableRowNode.getType(), function (ctx, node) {
+        var parent = node.getParent();
+        if (!$isTableNode(parent)) {
+          return;
+        }
+        if (!node.getPreviousSibling()) {
+          var _parent$getColWidths;
+          ctx.wrap('', "\n".concat((_parent$getColWidths = parent.getColWidths()) === null || _parent$getColWidths === void 0 ? void 0 : _parent$getColWidths.map(function () {
+            return '|:--';
+          }).join(''), "|\n"));
+        } else {
+          ctx.wrap('', '\n');
+        }
+      });
+      markdownService.registerMarkdownWriter(TableCellNode.getType(), function (ctx, node) {
+        ctx.addProcessor(tableCellProcessor);
+        if (!node.getNextSibling()) {
+          ctx.wrap('|', '|');
+        } else {
+          ctx.wrap('|', '');
+        }
+      });
+      markdownService.registerMarkdownReader('table', function (node, children) {
+        var _node$children$;
+        var colLen = ((_node$children$ = node.children[0]) === null || _node$children$ === void 0 ? void 0 : _node$children$.children.length) || 1;
+        return INodeHelper.createElementNode('table', {
+          children: children,
+          // eslint-disable-next-line unicorn/no-new-array
+          colWidths: new Array(colLen).fill(750 / colLen),
+          direction: null,
+          format: '',
+          indent: 0,
+          version: 1
+        });
+      });
+      markdownService.registerMarkdownReader('tableRow', function (_node, children) {
+        return INodeHelper.createElementNode('tablerow', {
+          children: children,
+          direction: 'ltr',
+          format: '',
+          height: 33,
+          indent: 0,
+          version: 1
+        });
+      });
+      markdownService.registerMarkdownReader('tableCell', function (_node, children) {
+        return INodeHelper.createElementNode('tablecell', {
+          backgroundColor: null,
+          children: children,
+          colSpan: 1,
+          direction: 'ltr',
+          format: '',
+          headerState: 0,
+          indent: 0,
+          rowSpan: 1,
+          version: 1
+        });
+      });
     }
   }]);
   return TablePlugin;

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

@@ -57,36 +57,44 @@ export function useEditorState(editor) {
     setIsStrikethrough = _useState12[1];
   var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    isCode = _useState14[0],
-    setIsCode = _useState14[1];
+    isSubscript = _useState14[0],
+    setIsSubscript = _useState14[1];
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    isLink = _useState16[0],
-    setIsLink = _useState16[1];
+    isSuperscript = _useState16[0],
+    setIsSuperscript = _useState16[1];
   var _useState17 = useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    isCodeblock = _useState18[0],
-    setIsInCodeblok = _useState18[1];
+    isCode = _useState18[0],
+    setIsCode = _useState18[1];
   var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    isBlockquote = _useState20[0],
-    setIsInBlockquote = _useState20[1];
-  var _useState21 = useState(null),
+    isLink = _useState20[0],
+    setIsLink = _useState20[1];
+  var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    codeblockLang = _useState22[0],
-    setCodeblockLang = _useState22[1];
-  var _useState23 = useState(true),
+    isCodeblock = _useState22[0],
+    setIsInCodeblok = _useState22[1];
+  var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    isEmpty = _useState24[0],
-    setIsEmpty = _useState24[1];
-  var _useState25 = useState(false),
+    isBlockquote = _useState24[0],
+    setIsInBlockquote = _useState24[1];
+  var _useState25 = useState(null),
     _useState26 = _slicedToArray(_useState25, 2),
-    isSelected = _useState26[0],
-    setIsSelected = _useState26[1];
-  var _useState27 = useState(null),
+    codeblockLang = _useState26[0],
+    setCodeblockLang = _useState26[1];
+  var _useState27 = useState(true),
     _useState28 = _slicedToArray(_useState27, 2),
-    blockType = _useState28[0],
-    setBlockType = _useState28[1];
+    isEmpty = _useState28[0],
+    setIsEmpty = _useState28[1];
+  var _useState29 = useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    isSelected = _useState30[0],
+    setIsSelected = _useState30[1];
+  var _useState31 = useState(null),
+    _useState32 = _slicedToArray(_useState31, 2),
+    blockType = _useState32[0],
+    setBlockType = _useState32[1];
   var $handleHeadingNode = useCallback(function (selectedElement) {
     var type = $isHeadingNode(selectedElement) ? selectedElement.getTag() : selectedElement.getType();
     setBlockType(type);
@@ -105,6 +113,8 @@ export function useEditorState(editor) {
       setIsItalic(selection.hasFormat('italic'));
       setIsUnderline(selection.hasFormat('underline'));
       setIsStrikethrough(selection.hasFormat('strikethrough'));
+      setIsSubscript(selection.hasFormat('subscript'));
+      setIsSuperscript(selection.hasFormat('superscript'));
       setIsCode($isSelectionInCodeInline(lexicalEditor));
       var anchorNode = selection.anchor.getNode();
       var focusNode = selection.focus.getNode();
@@ -135,6 +145,8 @@ export function useEditorState(editor) {
       setIsItalic(false);
       setIsUnderline(false);
       setIsStrikethrough(false);
+      setIsSubscript(false);
+      setIsSuperscript(false);
       setIsCode(false);
       setIsLink(false);
       setIsInCodeblok(false);
@@ -164,6 +176,12 @@ export function useEditorState(editor) {
   var italic = useCallback(function () {
     formatText('italic');
   }, [formatText]);
+  var subscript = useCallback(function () {
+    formatText('subscript');
+  }, [formatText]);
+  var superscript = useCallback(function () {
+    formatText('superscript');
+  }, [formatText]);
   var code = useCallback(function () {
     editor === null || editor === void 0 || editor.dispatchCommand(INSERT_CODEINLINE_COMMAND, undefined);
   }, [formatText]);
@@ -360,14 +378,18 @@ export function useEditorState(editor) {
       isItalic: isItalic,
       isSelected: isSelected,
       isStrikethrough: isStrikethrough,
+      isSubscript: isSubscript,
+      isSuperscript: isSuperscript,
       isUnderline: isUnderline,
       italic: italic,
       numberList: numberList,
       redo: redo,
       strikethrough: strikethrough,
+      subscript: subscript,
+      superscript: superscript,
       underline: underline,
       undo: undo,
       updateCodeblockLang: updateCodeblockLang
     };
-  }, [blockType, canRedo, canUndo, codeblockLang, isBold, isCode, isEmpty, isBlockquote, isCodeblock, isItalic, isSelected, isStrikethrough, isUnderline, italic]);
+  }, [blockType, canRedo, canUndo, codeblockLang, isBold, isCode, isEmpty, isBlockquote, isCodeblock, isItalic, isSelected, isStrikethrough, isUnderline, isSubscript, isSuperscript, italic]);
 }

package/es/types/global.d.ts

@@ -1,6 +1,52 @@
 import type { LobeCustomStylish, LobeCustomToken } from '@lobehub/ui';
 import 'antd-style';
 import 'lexical/LexicalEditor';
+import type { Data, Literal } from 'mdast';
+
+/**
+ * Info associated with mdast superscript (flow) nodes by the ecosystem.
+ */
+export type SuperscriptData = Data;
+
+/**
+ * Superscript (flow).
+ */
+export interface Superscript extends Literal {
+  /**
+   * Data associated with the mdast superscript (flow).
+   */
+  data?: SuperscriptData | undefined;
+
+  /**
+   * Custom information relating to the node.
+   */
+  meta?: string | null | undefined;
+
+  /**
+   * Node type of superscript (flow).
+   */
+  type: 'superscript';
+}
+
+/**
+ * Subscript (flow).
+ */
+export interface Subscript extends Literal {
+  /**
+   * Data associated with the mdast superscript (flow).
+   */
+  data?: SuperscriptData | undefined;
+
+  /**
+   * Custom information relating to the node.
+   */
+  meta?: string | null | undefined;
+
+  /**
+   * Node type of subscript (flow).
+   */
+  type: 'subscript';
+}
 
 declare module 'antd-style' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
@@ -22,3 +68,21 @@ declare module '*.svg' {
 declare namespace globalThis {
   let __DEV__: boolean | undefined;
 }
+
+// Add nodes to tree.
+declare module 'mdast' {
+  interface BlockContentMap {
+    subscript: Subscript;
+    superscript: Superscript;
+  }
+
+  interface PhrasingContentMap {
+    subscript: Subscript;
+    superscript: Superscript;
+  }
+
+  interface RootContentMap {
+    subscript: Subscript;
+    superscript: Superscript;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.11.0",
+  "version": "1.13.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,6 +56,7 @@
     "react-error-boundary": "^6.0.0",
     "react-layout-kit": "^2.0.0",
     "react-merge-refs": "^3.0.2",
+    "remark-supersub": "^1.0.0",
     "shiki": "^3.9.2",
     "ts-key-enum": "^3.0.13",
     "use-merge-value": "^1.2.0"