x-star-editor 0.2.3 → 0.2.5

package/dist/utils/rehype/rehype-math.js

@@ -0,0 +1,167 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { SKIP, visit } from 'unist-util-visit';
+
+/**
+ * 判断一个 Hast 节点是否属于行内代码或代码块
+ *
+ * @param node Hast 节点
+ * @returns 是否属于行内代码或代码块
+ */
+var isCodeNode = function isCodeNode(node) {
+  return node.type === 'element' && node.tagName === 'code';
+};
+
+/**
+ * 判断一个 Hast 节点是否属于行内公式或公式块
+ *
+ * @param node Hast 节点
+ * @returns 是否属于行内公式或公式块
+ */
+export var isMathNode = function isMathNode(node) {
+  var _node$properties, _node$properties2;
+  return node.type === 'element' && Array.isArray((_node$properties = node.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.className) && ((_node$properties2 = node.properties) === null || _node$properties2 === void 0 ? void 0 : _node$properties2.className.includes('math'));
+};
+
+/**
+ * 解析文本中的公式
+ *
+ * @param text 文本
+ * @returns Hast 节点
+ */
+var parseMath = function parseMath(text) {
+  var result = [];
+
+  /**
+   * 扫描文本
+   */
+  var scan = '';
+
+  /**
+   * 是否转义
+   */
+  var escape = false;
+
+  /**
+   * 连续 `$` 的数量
+   */
+  var level = 0;
+
+  /**
+   * 是否在行内公式中
+   */
+  var inline = false;
+
+  /**
+   * 是否在公式块中
+   */
+  var block = false;
+  var push = function push() {
+    if (level === 1 && !block) {
+      result.push(inline ? {
+        type: 'element',
+        tagName: 'span',
+        properties: {
+          className: ['math', 'math-inline']
+        },
+        children: [{
+          type: 'text',
+          value: scan
+        }]
+      } : {
+        type: 'text',
+        value: scan
+      });
+      scan = '';
+      inline = !inline;
+    } else if (level === 2 && !inline) {
+      result.push(block ? {
+        type: 'element',
+        tagName: 'div',
+        properties: {
+          className: ['math', 'math-display']
+        },
+        children: [{
+          type: 'text',
+          value: scan
+        }]
+      } : {
+        type: 'text',
+        value: scan
+      });
+      scan = '';
+      block = !block;
+    } else if (level) {
+      scan += '$'.repeat(level);
+    }
+    level = 0;
+  };
+  for (var i = 0; i <= text.length; i++) {
+    var _text$i;
+    var c = (_text$i = text[i]) !== null && _text$i !== void 0 ? _text$i : '';
+    if (escape) {
+      if (c === '\\') {
+        scan += c;
+      } else {
+        scan += c === '$' ? c : "\\".concat(c);
+        escape = false;
+      }
+    } else if (c === '$') {
+      level++;
+    } else {
+      push();
+      if (c === '\\') {
+        escape = true;
+      } else {
+        scan += c;
+      }
+    }
+  }
+  if (scan) {
+    result.push({
+      type: 'text',
+      value: scan
+    });
+  }
+  return result;
+};
+
+/**
+ * 解析属于 Raw 节点的文本中的数学公式
+ */
+var rehypeMath = function rehypeMath() {
+  return function (root) {
+    var _child$properties;
+    var child = root.children[root.children.length - 1];
+    if ((child === null || child === void 0 ? void 0 : child.type) !== 'element' || typeof ((_child$properties = child.properties) === null || _child$properties === void 0 ? void 0 : _child$properties.rawPositions) !== 'string') {
+      return;
+    }
+    root.children.pop();
+
+    // 获取 rehype-raw-positions 记录的 Raw 节点的位置信息
+    var rawPositions = child.properties.rawPositions.split(' ').map(function (offset) {
+      return parseInt(offset);
+    });
+    var i = 0;
+    visit(root, function (node, index, parent) {
+      if (isCodeNode(node) || isMathNode(node)) {
+        return SKIP;
+      }
+      if (node.type === 'text' && index !== null && parent) {
+        var _node$position, _node$position$start, _node$position2, _node$position2$end;
+        var startOffset = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : (_node$position$start = _node$position.start) === null || _node$position$start === void 0 ? void 0 : _node$position$start.offset;
+        var endOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : (_node$position2$end = _node$position2.end) === null || _node$position2$end === void 0 ? void 0 : _node$position2$end.offset;
+        if (startOffset === undefined || endOffset === undefined) {
+          return;
+        }
+        for (; i < rawPositions.length - 1 && rawPositions[i + 1] <= startOffset; i += 2);
+        if (i < rawPositions.length - 1 && rawPositions[i] <= startOffset && rawPositions[i + 1] >= endOffset) {
+          var _parent$children;
+          var result = parseMath(node.value);
+          (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(_toConsumableArray(result)));
+          return index + result.length;
+        }
+      }
+    });
+  };
+};
+export default rehypeMath;

package/dist/utils/rehype/rehype-raw-positions.d.ts

@@ -0,0 +1,6 @@
+import type { Root as HastRoot } from 'hast';
+/**
+ * 保存 Raw 节点的位置信息
+ */
+declare const rehypeRawPositions: () => (root: HastRoot) => void;
+export default rehypeRawPositions;

package/dist/utils/rehype/rehype-raw-positions.js

@@ -0,0 +1,30 @@
+import { visit } from 'unist-util-visit';
+
+/**
+ * 保存 Raw 节点的位置信息
+ */
+var rehypeRawPositions = function rehypeRawPositions() {
+  return function (root) {
+    var rawPositions = [];
+    visit(root, 'raw', function (node) {
+      var _node$position, _node$position$start, _node$position2, _node$position2$end;
+      var startOffset = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : (_node$position$start = _node$position.start) === null || _node$position$start === void 0 ? void 0 : _node$position$start.offset;
+      var endOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : (_node$position2$end = _node$position2.end) === null || _node$position2$end === void 0 ? void 0 : _node$position2$end.offset;
+      if (startOffset === undefined || endOffset === undefined) {
+        return;
+      }
+      rawPositions.push(startOffset, endOffset);
+    });
+
+    // 记录在新的 Hast 节点上，防止被 rehype-raw 删除
+    root.children.push({
+      type: 'element',
+      tagName: 'div',
+      properties: {
+        rawPositions: rawPositions.join(' ')
+      },
+      children: []
+    });
+  };
+};
+export default rehypeRawPositions;

package/dist/x-star-md-editor/index.js

@@ -238,12 +238,9 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   onInsertFileLatest.current = onInsertFile;
   var options = useMemo(function () {
     return composeHandlers(plugins)({
-      toolbarItemMap: getDefaultToolbarItemMap(locale, function () {
+      toolbarItemMap: getDefaultToolbarItemMap(locale, function (file, options) {
         var _onInsertFileLatest$c;
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        return (_onInsertFileLatest$c = onInsertFileLatest.current) === null || _onInsertFileLatest$c === void 0 ? void 0 : _onInsertFileLatest$c.call.apply(_onInsertFileLatest$c, [onInsertFileLatest].concat(args));
+        return (_onInsertFileLatest$c = onInsertFileLatest.current) === null || _onInsertFileLatest$c === void 0 ? void 0 : _onInsertFileLatest$c.call(onInsertFileLatest, file, options);
       }),
       toolbarItems: getDefaultToolbarItems(),
       keyboardEventHandlers: getDefaultKeyboardEventHandlers()