x-star-editor 0.0.7 → 0.0.9

package/dist/utils/handler.d.ts

@@ -7,8 +7,8 @@ type HandlerContext = ReturnType<typeof useHistory>;
 /**
  * 处理函数
  */
-export interface Handler {
-    (ctx: HandlerContext): void;
+export interface Handler<T = void> {
+    (ctx: HandlerContext): T;
 }
 export declare const insertHandler: (payload: InsertAction['payload']) => Handler;
 export declare const deleteHandler: (payload: DeleteAction['payload']) => Handler;
@@ -23,7 +23,7 @@ export declare const selectHandler: (selection: SelectAction['selection']) => Ha
  * 接收一个处理函数，获取上下文后执行它
  */
 export interface Executor {
-    (handler: Handler): void;
+    <T>(handler: Handler<T>): T;
 }
 /**
  * 键盘事件处理函数

package/dist/utils/history.d.ts

@@ -28,7 +28,10 @@ export interface ToggleAction {
         type: 'heading';
         depth: 1 | 2 | 3 | 4 | 5 | 6;
     } | {
-        type: 'thematicBreak' | 'blockquote' | 'code' | 'emphasis' | 'strong' | 'inlineCode' | 'delete' | 'math' | 'inlineMath';
+        type: 'code';
+        language: string;
+    } | {
+        type: 'thematicBreak' | 'blockquote' | 'emphasis' | 'strong' | 'inlineCode' | 'delete' | 'math' | 'inlineMath';
     } | {
         type: 'link' | 'image';
         url: string;

package/dist/utils/history.js

@@ -112,6 +112,14 @@ var stateReducer = function stateReducer(_ref, action) {
                 selection: createSelection(lineStartOffset + _text.length)
               };
             }
+          case 'code':
+            {
+              var language = action.payload.language;
+              return {
+                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n```").concat(language, " showLineNumbers\n\n```\n").concat(lineAfter),
+                selection: createSelection(lineEndOffset + language.length + 21)
+              };
+            }
           case 'thematicBreak':
             {
               return {
@@ -143,14 +151,11 @@ var stateReducer = function stateReducer(_ref, action) {
                 selection: createSelection(lineStartOffset + _text2.length)
               };
             }
-          case 'code':
           case 'math':
             {
-              var type = action.payload.type;
-              var delimiter = type === 'code' ? '```' : '$$';
               return {
-                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n").concat(delimiter, "\n\n").concat(delimiter, "\n").concat(lineAfter),
-                selection: createSelection(lineEndOffset + delimiter.length + 2)
+                sourceCode: "".concat(sourceCode.slice(0, lineEndOffset), "\n$$\n\n$$\n").concat(lineAfter),
+                selection: createSelection(lineEndOffset + 4)
               };
             }
           case 'emphasis':
@@ -159,8 +164,8 @@ var stateReducer = function stateReducer(_ref, action) {
           case 'delete':
           case 'inlineMath':
             {
-              var _type = action.payload.type;
-              var delimiters = _type === 'emphasis' ? ['*', '_'] : _type === 'strong' ? ['**', '__'] : _type === 'inlineCode' ? ['`'] : _type === 'delete' ? ['~~'] : ['$'];
+              var type = action.payload.type;
+              var delimiters = type === 'emphasis' ? ['*', '_'] : type === 'strong' ? ['**', '__'] : type === 'inlineCode' ? ['`'] : type === 'delete' ? ['~~'] : ['$'];
               var _text3 = sourceCode.slice(startOffset, endOffset);
               for (var _i4 = 0, _delimiters = delimiters; _i4 < _delimiters.length; _i4++) {
                 var _delimiter = _delimiters[_i4];
@@ -172,23 +177,23 @@ var stateReducer = function stateReducer(_ref, action) {
                   };
                 }
               }
-              var _delimiter2 = delimiters[0];
+              var delimiter = delimiters[0];
               // 插入分隔文本
               return {
-                sourceCode: "".concat(before).concat(_delimiter2).concat(_text3).concat(_delimiter2).concat(after),
-                selection: createSelection(anchorOffset + _delimiter2.length, focusOffset + _delimiter2.length)
+                sourceCode: "".concat(before).concat(delimiter).concat(_text3).concat(delimiter).concat(after),
+                selection: createSelection(anchorOffset + delimiter.length, focusOffset + delimiter.length)
               };
             }
           case 'link':
           case 'image':
             {
               var _action$payload2 = action.payload,
-                _type2 = _action$payload2.type,
+                _type = _action$payload2.type,
                 url = _action$payload2.url,
                 description = _action$payload2.description;
               return {
-                sourceCode: "".concat(before).concat(_type2 === 'link' ? '' : '!', "[").concat(description, "](").concat(url, ")").concat(after),
-                selection: createSelection(startOffset + url.length + description.length + 4 + (_type2 === 'link' ? 0 : 1))
+                sourceCode: "".concat(before).concat(_type === 'link' ? '' : '!', "[").concat(description, "](").concat(url, ")").concat(after),
+                selection: createSelection(startOffset + url.length + description.length + 4 + (_type === 'link' ? 0 : 1))
               };
             }
           default:

package/dist/utils/markdown.d.ts

@@ -42,4 +42,18 @@ export interface ViewerOptions {
  * @returns React 虚拟 DOM 树
  */
 export declare const viewerRender: (sourceCode: string, options: ViewerOptions) => JSX.Element;
+/**
+ * 将 Markdown 文本转成 HTML 文本
+ *
+ * @param sourceCode Markdown 文本
+ * @returns HTML 文本
+ */
+export declare const toHTML: (sourceCode: string) => string;
+/**
+ * 将带有 HTML 的 Markdown 文本转成 Markdown 文本
+ *
+ * @param sourceCode 带有 HTML 的 Markdown 文本
+ * @returns Markdown 文本
+ */
+export declare const toMarkdown: (sourceCode: string) => string;
 export {};

package/dist/utils/markdown.js

@@ -16,25 +16,31 @@ import { Fragment, jsx, jsxs } from 'react/jsx-runtime';
 import rehypeKatex from 'rehype-katex';
 import rehypePrism from 'rehype-prism-plus';
 import rehypeRaw from 'rehype-raw';
+import rehypeRemark from 'rehype-remark';
 import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
+import rehypeStringify from 'rehype-stringify';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import remarkParse from 'remark-parse';
 import remarkRehype from 'remark-rehype';
+import remarkStringify from 'remark-stringify';
 import { unified } from 'unified';
 import { prefix } from "./global";
 export var getDefaultSchema = function getDefaultSchema() {
-  var _defaultSchema$tagNam, _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8;
+  var _defaultSchema$attrib, _defaultSchema$attrib2, _defaultSchema$attrib3, _defaultSchema$attrib4, _defaultSchema$attrib5, _defaultSchema$attrib6, _defaultSchema$attrib7, _defaultSchema$attrib8, _defaultSchema$protoc, _defaultSchema$protoc2, _defaultSchema$tagNam;
   return _objectSpread(_objectSpread({}, defaultSchema), {}, {
-    tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom']),
     attributes: _objectSpread(_objectSpread({}, defaultSchema.attributes), {}, {
       pre: [].concat(_toConsumableArray((_defaultSchema$attrib = (_defaultSchema$attrib2 = defaultSchema.attributes) === null || _defaultSchema$attrib2 === void 0 ? void 0 : _defaultSchema$attrib2.pre) !== null && _defaultSchema$attrib !== void 0 ? _defaultSchema$attrib : []), ['className', 'style']),
       code: [].concat(_toConsumableArray((_defaultSchema$attrib3 = (_defaultSchema$attrib4 = defaultSchema.attributes) === null || _defaultSchema$attrib4 === void 0 ? void 0 : _defaultSchema$attrib4.code) !== null && _defaultSchema$attrib3 !== void 0 ? _defaultSchema$attrib3 : []), ['className', 'style']),
       div: [].concat(_toConsumableArray((_defaultSchema$attrib5 = (_defaultSchema$attrib6 = defaultSchema.attributes) === null || _defaultSchema$attrib6 === void 0 ? void 0 : _defaultSchema$attrib6.div) !== null && _defaultSchema$attrib5 !== void 0 ? _defaultSchema$attrib5 : []), ['className', 'style']),
       span: [].concat(_toConsumableArray((_defaultSchema$attrib7 = (_defaultSchema$attrib8 = defaultSchema.attributes) === null || _defaultSchema$attrib8 === void 0 ? void 0 : _defaultSchema$attrib8.span) !== null && _defaultSchema$attrib7 !== void 0 ? _defaultSchema$attrib7 : []), ['className', 'style', 'line']),
       custom: ['meta', 'value']
-    })
+    }),
+    protocols: _objectSpread(_objectSpread({}, defaultSchema.protocols), {}, {
+      src: [].concat(_toConsumableArray((_defaultSchema$protoc = (_defaultSchema$protoc2 = defaultSchema.protocols) === null || _defaultSchema$protoc2 === void 0 ? void 0 : _defaultSchema$protoc2.src) !== null && _defaultSchema$protoc !== void 0 ? _defaultSchema$protoc : []), ['data'])
+    }),
+    tagNames: [].concat(_toConsumableArray((_defaultSchema$tagNam = defaultSchema.tagNames) !== null && _defaultSchema$tagNam !== void 0 ? _defaultSchema$tagNam : []), ['custom'])
   });
 };
 
@@ -56,25 +62,7 @@ var processor = unified().use(remarkParse).use(remarkBreaks).use(remarkGfm).use(
   }
 }).use(rehypePrism, {
   ignoreMissing: true
-}).use(rehypeKatex).use(rehypeRaw).use(function () {
-  return function (root) {
-    var _iterator = _createForOfIteratorHelper(root.children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var node = _step.value;
-        if ('properties' in node && node.properties) {
-          var _node$position;
-          node.properties.line = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : _node$position.start.line;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-}).freeze();
+}).use(rehypeKatex).use(rehypeRaw).freeze();
 
 /**
  * Mdast 节点
@@ -232,14 +220,14 @@ export var editorRender = function editorRender(sourceCode) {
    * @param parentEndOffset 父节点终点偏移量
    */
   var getChildren = function getChildren(nodes, parentEndOffset) {
-    var _iterator2 = _createForOfIteratorHelper(nodes),
-      _step2;
+    var _iterator = _createForOfIteratorHelper(nodes),
+      _step;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _node$position2, _node$position3;
-        var node = _step2.value;
-        var startOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : _node$position2.start.offset;
-        var endOffset = (_node$position3 = node.position) === null || _node$position3 === void 0 ? void 0 : _node$position3.end.offset;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _node$position, _node$position2;
+        var node = _step.value;
+        var startOffset = (_node$position = node.position) === null || _node$position === void 0 ? void 0 : _node$position.start.offset;
+        var endOffset = (_node$position2 = node.position) === null || _node$position2 === void 0 ? void 0 : _node$position2.end.offset;
         if (startOffset === undefined || endOffset === undefined) {
           continue;
         }
@@ -269,11 +257,11 @@ export var editorRender = function editorRender(sourceCode) {
         if (stack.length > 1) {
           pushElement(stack.length - 1, true);
         } else {
-          var _node$position4;
+          var _node$position3;
           // 如果栈大小为 1，说明为块级元素终点
           stack[0].el.append("\u200B");
           pushElement(0, true);
-          block.setAttribute('line', "".concat((_node$position4 = node.position) === null || _node$position4 === void 0 ? void 0 : _node$position4.start.line));
+          block.setAttribute('line', "".concat((_node$position3 = node.position) === null || _node$position3 === void 0 ? void 0 : _node$position3.start.line));
           pushBlock();
           scanOffset++;
         }
@@ -282,9 +270,9 @@ export var editorRender = function editorRender(sourceCode) {
 
       // 添加扫描偏移量与父节点终点偏移量间的分隔文本
     } catch (err) {
-      _iterator2.e(err);
+      _iterator.e(err);
     } finally {
-      _iterator2.f();
+      _iterator.f();
     }
     addText(sourceCode.slice(scanOffset, parentEndOffset), true);
   };
@@ -304,7 +292,25 @@ export var editorRender = function editorRender(sourceCode) {
  * @returns React 虚拟 DOM 树
  */
 export var viewerRender = function viewerRender(sourceCode, options) {
-  return toJsxRuntime(processor().use(rehypeSanitize, options.customSchema).runSync(processor.parse(sourceCode)), {
+  return toJsxRuntime(processor().use(rehypeSanitize, options.customSchema).use(function () {
+    return function (root) {
+      var _iterator2 = _createForOfIteratorHelper(root.children),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var node = _step2.value;
+          if ('properties' in node && node.properties) {
+            var _node$position4;
+            node.properties.line = (_node$position4 = node.position) === null || _node$position4 === void 0 ? void 0 : _node$position4.start.line;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    };
+  }).runSync(processor.parse(sourceCode)), {
     Fragment: Fragment,
     jsx: jsx,
     jsxs: jsxs,
@@ -319,4 +325,29 @@ export var viewerRender = function viewerRender(sourceCode, options) {
       }
     })
   });
+};
+var toHastProcessor = unified().use(remarkParse).use(remarkBreaks).use(remarkGfm).use(remarkRehype, {
+  allowDangerousHtml: true
+}).use(rehypeRaw).freeze();
+var toHTMLProcessor = unified().use(rehypeStringify).freeze();
+
+/**
+ * 将 Markdown 文本转成 HTML 文本
+ *
+ * @param sourceCode Markdown 文本
+ * @returns HTML 文本
+ */
+export var toHTML = function toHTML(sourceCode) {
+  return toHTMLProcessor.stringify(toHastProcessor.runSync(toHastProcessor.parse(sourceCode)));
+};
+var toMarkdownProcessor = unified().use(rehypeRemark).use(remarkGfm).use(remarkBreaks).use(remarkStringify).freeze();
+
+/**
+ * 将带有 HTML 的 Markdown 文本转成 Markdown 文本
+ *
+ * @param sourceCode 带有 HTML 的 Markdown 文本
+ * @returns Markdown 文本
+ */
+export var toMarkdown = function toMarkdown(sourceCode) {
+  return toMarkdownProcessor.stringify(toMarkdownProcessor.runSync(toHastProcessor.runSync(toHastProcessor.parse(sourceCode))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-editor",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -9,7 +9,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "father build && sass src/styles/index.scss dist/styles/index.css --style=compressed --no-source-map",
+    "build": "father build && sass src/styles/index.scss dist/styles/index.css --no-source-map",
     "build:watch": "father dev",
     "dev": "dumi dev",
     "docs:build": "dumi build",
@@ -49,12 +49,15 @@
     "rehype-katex": "^6.0.3",
     "rehype-prism-plus": "^1.6.1",
     "rehype-raw": "^6.1.1",
+    "rehype-remark": "^9.1.2",
     "rehype-sanitize": "^5.0.1",
+    "rehype-stringify": "^9.0.4",
     "remark-breaks": "^3.0.3",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
     "remark-parse": "^10.0.2",
     "remark-rehype": "^10.1.0",
+    "remark-stringify": "^10.0.3",
     "unified": "^10.1.2"
   },
   "devDependencies": {