x-star-editor 0.0.2

package/dist/components/FileInput.js

@@ -0,0 +1,107 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames/bind';
+import React, { useState } from 'react';
+import styles from "./FileInput.module.css";
+var cx = classNames.bind(styles);
+var FileInput = function FileInput(_ref) {
+  var _file$name;
+  var onCancel = _ref.onCancel,
+    onOk = _ref.onOk;
+  var _useState = useState('file'),
+    _useState2 = _slicedToArray(_useState, 2),
+    type = _useState2[0],
+    setType = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    url = _useState6[0],
+    setUrl = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    description = _useState8[0],
+    setDescription = _useState8[1];
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx('container')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('tabs')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('tab', {
+      active: type === 'file'
+    }),
+    onClick: function onClick() {
+      return setType('file');
+    }
+  }, "\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
+    className: cx('tab', {
+      active: type === 'url'
+    }),
+    onClick: function onClick() {
+      return setType('url');
+    }
+  }, "\u7F51\u5740")), type === 'file' ? /*#__PURE__*/React.createElement("label", {
+    className: cx('field')
+  }, "\u6587\u4EF6", /*#__PURE__*/React.createElement("div", {
+    className: cx('file-container')
+  }, /*#__PURE__*/React.createElement("input", {
+    className: cx('hidden'),
+    type: "file",
+    onChange: function onChange(e) {
+      var _e$target$files;
+      return setFile((_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0]);
+    }
+  }), /*#__PURE__*/React.createElement("input", {
+    className: cx('input', 'file-input'),
+    readOnly: true,
+    value: (_file$name = file === null || file === void 0 ? void 0 : file.name) !== null && _file$name !== void 0 ? _file$name : ''
+  }), /*#__PURE__*/React.createElement("button", {
+    className: cx('button', 'file-button'),
+    type: "button"
+  }, "\u9009\u62E9\u6587\u4EF6"))) : /*#__PURE__*/React.createElement("label", {
+    className: cx('field')
+  }, "\u7F51\u5740", /*#__PURE__*/React.createElement("input", {
+    className: cx('input'),
+    onChange: function onChange(e) {
+      return setUrl(e.target.value);
+    }
+  })), /*#__PURE__*/React.createElement("label", {
+    className: cx('field')
+  }, "\u63CF\u8FF0", /*#__PURE__*/React.createElement("input", {
+    className: cx('input'),
+    onChange: function onChange(e) {
+      return setDescription(e.target.value);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: cx('buttons')
+  }, /*#__PURE__*/React.createElement("button", {
+    className: cx('button', 'primary'),
+    type: "button",
+    onClick: function onClick() {
+      if (type === 'file' && file) {
+        onOk({
+          type: type,
+          file: file,
+          description: description
+        });
+      } else if (type === 'url' && url) {
+        onOk({
+          type: type,
+          url: url,
+          description: description
+        });
+      }
+    }
+  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement("button", {
+    className: cx('button'),
+    type: "button",
+    onClick: onCancel
+  }, "\u53D6\u6D88")));
+};
+export default FileInput;

package/dist/components/FileInput.module.css

@@ -0,0 +1,81 @@
+.container {
+  margin: 0.5em 1em 1em 1em;
+}
+
+.tabs {
+  display: flex;
+}
+
+.tab {
+  padding: 0.4em 1em;
+  border-bottom: 1px solid #f5771280;
+  cursor: pointer;
+  user-select: none;
+}
+
+.tab.active {
+  color: #f57712;
+  border-bottom: 2px solid #f57712;
+}
+
+.field {
+  margin: 0.8em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2em;
+  font-size: 0.9em;
+}
+
+.file-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.hidden {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+}
+
+.input {
+  width: 20em;
+  padding: 0.4em;
+  border: 1px solid #d0d0d0;
+  border-radius: 0.2em;
+  outline: none;
+}
+
+.input:focus {
+  border: 1px solid #f57712;
+}
+
+.input.file-input {
+  width: 14em;
+}
+
+.buttons {
+  display: flex;
+  flex-direction: row-reverse;
+  gap: 0.4em;
+}
+
+.button {
+  padding: 0.4em 1em;
+  background-color: #f0f0f0;
+  border: 1px solid #d0d0d0;
+  border-radius: 0.2em;
+  cursor: pointer;
+  user-select: none;
+}
+
+.button.primary {
+  color: #ffffff;
+  background-color: #f57712;
+  border: none;
+}
+
+.button.file-button {
+  padding: 0.3em 0.4em;
+}

package/dist/components/Toolbar.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { Executor } from '../utils/handler';
+export interface ToolbarItem {
+    children: React.ReactNode;
+    tooltip?: React.ReactNode;
+    popoverRender?: (exec: Executor, close: () => void) => React.ReactNode;
+    onClick?: (exec: Executor) => void;
+}
+export declare const getDefaultToolbarItemMap: (onInsertFile?: ((file: File, options: {
+    description: string;
+    image: boolean;
+}) => void) | undefined) => Partial<Record<string, ToolbarItem>>;
+export declare const getDefaultToolbarItems: () => (string | ToolbarItem)[][];
+interface ToolbarProps {
+    className?: string;
+    style?: React.CSSProperties;
+    itemMap: Partial<Record<string, ToolbarItem>>;
+    items: (string | ToolbarItem)[][];
+    exec: Executor;
+}
+declare const Toolbar: ({ className, style, itemMap, items, exec }: ToolbarProps) => React.JSX.Element;
+export default Toolbar;

package/dist/components/Toolbar.js

@@ -0,0 +1,294 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames/bind';
+import React, { useEffect, useRef, useState } from 'react';
+import { toggleHandler } from "../utils/handler";
+import FileInput from "./FileInput";
+import styles from "./Toolbar.module.css";
+var cx = classNames.bind(styles);
+var Button = function Button(_ref) {
+  var toolbarRef = _ref.toolbarRef,
+    children = _ref.children,
+    tooltip = _ref.tooltip,
+    popoverRender = _ref.popoverRender,
+    _onClick = _ref.onClick;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltipOpen = _useState2[0],
+    setTooltipOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    popoverOpen = _useState4[0],
+    setPopoverOpen = _useState4[1];
+  var popover = popoverRender === null || popoverRender === void 0 ? void 0 : popoverRender(function () {
+    return setPopoverOpen(false);
+  });
+  var popoverMount = !!popover && popoverOpen;
+  var tooltipMount = !popoverMount && !!tooltip && tooltipOpen;
+  var popoverRef = useRef(null);
+  useEffect(function () {
+    if (popoverMount) {
+      if (toolbarRef.current && popoverRef.current) {
+        var left = toolbarRef.current.getBoundingClientRect().right - popoverRef.current.getBoundingClientRect().right;
+        popoverRef.current.style.left = "".concat(left < 0 ? left : 0, "px");
+        popoverRef.current.style.opacity = '1';
+      }
+      var listener = function listener(e) {
+        var _popoverRef$current;
+        if (!(e.target instanceof Node) || !((_popoverRef$current = popoverRef.current) !== null && _popoverRef$current !== void 0 && _popoverRef$current.contains(e.target))) {
+          setPopoverOpen(false);
+        }
+      };
+      document.addEventListener('click', listener, {
+        capture: true,
+        passive: true
+      });
+      return function () {
+        return document.removeEventListener('click', listener, {
+          capture: true
+        });
+      };
+    }
+  }, [popoverMount]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx('button-container')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('button', {
+      'button-hover': tooltipOpen || popoverMount
+    }),
+    onClick: function onClick() {
+      setPopoverOpen(true);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+    },
+    onMouseDown: function onMouseDown(e) {
+      return e.preventDefault();
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setTooltipOpen(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setTooltipOpen(false);
+    }
+  }, children, tooltipMount && /*#__PURE__*/React.createElement("div", {
+    className: cx('tooltip')
+  }, tooltip)), popoverMount && /*#__PURE__*/React.createElement("div", {
+    ref: popoverRef,
+    className: cx('popover')
+  }, popover));
+};
+export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsertFile) {
+  return {
+    heading: {
+      children: 'H',
+      tooltip: '标题',
+      popoverRender: function popoverRender(exec, close) {
+        var optionRender = function optionRender(depth, fontSize) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: cx('option'),
+            style: {
+              fontSize: fontSize
+            },
+            onClick: function onClick() {
+              exec(toggleHandler({
+                type: 'heading',
+                depth: depth
+              }));
+              close();
+            }
+          }, "\u6807\u9898 ", depth);
+        };
+        return /*#__PURE__*/React.createElement(React.Fragment, null, optionRender(1, '1.6em'), optionRender(2, '1.3em'), optionRender(3, '1.2em'), optionRender(4, '1.1em'), optionRender(5, '1.0em'), optionRender(6, '0.9em'));
+      }
+    },
+    thematicBreak: {
+      children: '—',
+      tooltip: '分隔线',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'thematicBreak'
+        }));
+      }
+    },
+    blockquote: {
+      children: '『』',
+      tooltip: '引用',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'blockquote'
+        }));
+      }
+    },
+    code: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'code-library')
+      }),
+      tooltip: '代码块',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'code'
+        }));
+      }
+    },
+    emphasis: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'italic')
+      }),
+      tooltip: '斜体',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'emphasis'
+        }));
+      }
+    },
+    strong: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'bold')
+      }),
+      tooltip: '粗体',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'strong'
+        }));
+      }
+    },
+    inlineCode: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'code')
+      }),
+      tooltip: '行内代码',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'inlineCode'
+        }));
+      }
+    },
+    link: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'link')
+      }),
+      tooltip: '链接',
+      popoverRender: function popoverRender(exec, close) {
+        return /*#__PURE__*/React.createElement(FileInput, {
+          onCancel: close,
+          onOk: function onOk(data) {
+            if (data.type === 'file') {
+              onInsertFile === null || onInsertFile === void 0 ? void 0 : onInsertFile(data.file, {
+                description: data.description,
+                image: false
+              });
+            } else {
+              exec(toggleHandler({
+                type: 'link',
+                url: data.url,
+                description: data.description
+              }));
+            }
+            close();
+          }
+        });
+      }
+    },
+    image: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'image')
+      }),
+      tooltip: '图片',
+      popoverRender: function popoverRender(exec, close) {
+        return /*#__PURE__*/React.createElement(FileInput, {
+          onCancel: close,
+          onOk: function onOk(data) {
+            if (data.type === 'file') {
+              onInsertFile === null || onInsertFile === void 0 ? void 0 : onInsertFile(data.file, {
+                description: data.description,
+                image: true
+              });
+            } else {
+              exec(toggleHandler({
+                type: 'image',
+                url: data.url,
+                description: data.description
+              }));
+            }
+            close();
+          }
+        });
+      }
+    },
+    delete: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: cx('icon', 'strikethrough')
+      }),
+      tooltip: '删除线',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'delete'
+        }));
+      }
+    },
+    math: {
+      children: 'π',
+      tooltip: '公式块',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'math'
+        }));
+      }
+    },
+    inlineMath: {
+      children: '𝑥',
+      tooltip: '行内公式',
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'inlineMath'
+        }));
+      }
+    }
+  };
+};
+export var getDefaultToolbarItems = function getDefaultToolbarItems() {
+  return [['heading', 'strong', 'emphasis', 'delete'], ['thematicBreak', 'blockquote'], ['link', 'image'], ['inlineCode', 'code', 'inlineMath', 'math']];
+};
+var Toolbar = function Toolbar(_ref2) {
+  var className = _ref2.className,
+    style = _ref2.style,
+    itemMap = _ref2.itemMap,
+    items = _ref2.items,
+    exec = _ref2.exec;
+  var toolbarRef = useRef(null);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: toolbarRef,
+    className: cx('toolbar', className),
+    style: style
+  }, items.map(function (group, index) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, !!index && /*#__PURE__*/React.createElement("div", {
+      className: cx('divider')
+    }), group.map(function (item, index) {
+      var toolbarItem = typeof item === 'string' ? itemMap[item] : item;
+      if (!toolbarItem) {
+        return undefined;
+      }
+      var children = toolbarItem.children,
+        tooltip = toolbarItem.tooltip,
+        _popoverRender = toolbarItem.popoverRender,
+        _onClick2 = toolbarItem.onClick;
+      return /*#__PURE__*/React.createElement(Button, {
+        key: index,
+        toolbarRef: toolbarRef,
+        tooltip: tooltip,
+        popoverRender: function popoverRender(close) {
+          return _popoverRender === null || _popoverRender === void 0 ? void 0 : _popoverRender(exec, close);
+        },
+        onClick: function onClick() {
+          return _onClick2 === null || _onClick2 === void 0 ? void 0 : _onClick2(exec);
+        }
+      }, children);
+    }));
+  }));
+};
+export default Toolbar;

package/dist/components/Toolbar.module.css

@@ -0,0 +1,116 @@
+.button-container {
+  position: relative;
+}
+
+.button {
+  width: 2em;
+  height: 2em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: Consolas;
+  border: 1px solid transparent;
+  cursor: pointer;
+  user-select: none;
+}
+
+.button-hover {
+  background-color: #f8f8f8;
+  border: 1px solid #f5771280;
+  border-radius: 0.2em;
+}
+
+.tooltip {
+  position: absolute;
+  top: 3em;
+  width: max-content;
+  padding: 0.4em;
+  font-size: 0.8em;
+  color: #f8f8f8;
+  background-color: #022679;
+  border-radius: 0.2em;
+  z-index: 2;
+}
+
+.tooltip::before {
+  content: '';
+  position: absolute;
+  top: -0.3em;
+  left: 50%;
+  border-top: 0.6em solid #022679;
+  border-right: 0.6em solid transparent;
+  transform-origin: 0 0;
+  transform: rotate(45deg);
+}
+
+.popover {
+  position: absolute;
+  width: max-content;
+  background-color: #f8f8f8;
+  border: 1px solid #f5771280;
+  border-radius: 0.2em;
+  box-shadow: 0 2px 4px #00000020;
+  opacity: 0;
+  z-index: 1;
+}
+
+.option {
+  padding: 4px 8px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.option:hover {
+  background-color: #f0f0f0;
+}
+
+.icon {
+  width: 45%;
+  height: 45%;
+  background-size: contain;
+}
+
+.icon.code-library {
+  background-image: url(icons/code-library.svg);
+}
+
+.icon.italic {
+  background-image: url(icons/italic.svg);
+}
+
+.icon.bold {
+  background-image: url(icons/bold.svg);
+}
+
+.icon.code {
+  background-image: url(icons/code.svg);
+}
+
+.icon.link {
+  background-image: url(icons/link.svg);
+}
+
+.icon.image {
+  background-image: url(icons/image.svg);
+}
+
+.icon.strikethrough {
+  background-image: url(icons/strikethrough.svg);
+}
+
+.toolbar {
+  margin: 0 -1px;
+  padding: 0.2em;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.2em;
+  background-color: #f5771210;
+  border: 1px solid #f5771220;
+  border-top-left-radius: 0.2em;
+  border-top-right-radius: 0.2em;
+}
+
+.divider {
+  margin: 0.4em;
+  border: 1px solid #f5771280;
+}

package/dist/components/icons/bold.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626310611" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8363" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M697.8 481.4c33.6-35 54.2-82.3 54.2-134.3v-10.2C752 229.3 663.9 142 555.3 142H259.4c-15.1 0-27.4 12.3-27.4 27.4v679.1c0 16.3 13.2 29.5 29.5 29.5h318.7c117 0 211.8-94.2 211.8-210.5v-11c0-73-37.4-137.3-94.2-175.1zM328 238h224.7c57.1 0 103.3 44.4 103.3 99.3v9.5c0 54.8-46.3 99.3-103.3 99.3H328V238z m366.6 429.4c0 62.9-51.7 113.9-115.5 113.9H328V542.7h251.1c63.8 0 115.5 51 115.5 113.9v10.8z" p-id="8364"></path></svg>

package/dist/components/icons/code-library.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681627986714" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9340" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zM321.1 679.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9c-5.2-4.4-13.1-0.7-13.1 6.1v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2c-1.8 1.5-2.9 3.8-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1z" p-id="9341"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z" p-id="9342"></path></svg>

package/dist/components/icons/code.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626580538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8641" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z" opacity=".224" p-id="8642"></path><path d="M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z" p-id="8643"></path></svg>

package/dist/components/icons/image.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626730905" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8920" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32z m-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792z m0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z" p-id="8921"></path><path d="M304 456c48.6 0 88-39.4 88-88s-39.4-88-88-88-88 39.4-88 88 39.4 88 88 88z m0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z" p-id="8922"></path></svg>

package/dist/components/icons/italic.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626574917" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8502" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798 160H366c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h181.2l-156 544H229c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H474.4l156-544H798c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z" p-id="8503"></path></svg>

package/dist/components/icons/link.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626738114" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9060" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M574 665.4c-3.1-3.1-8.2-3.1-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8c-3.1-3.1-8.2-3.1-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zM832.6 191.4c-84.6-84.6-221.5-84.6-306 0L410.3 307.6c-3.1 3.1-3.1 8.2 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6c-3.1 3.1-3.1 8.2 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1z" p-id="9061"></path><path d="M610.1 372.3c-3.1-3.1-8.2-3.1-11.3 0L372.3 598.7c-3.1 3.1-3.1 8.2 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z" p-id="9062"></path></svg>

package/dist/components/icons/strikethrough.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1681626588137" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8781" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M952 474H569.9c-10-2-20.5-4-31.6-6-15.9-2.9-22.2-4.1-30.8-5.8-51.3-10-82.2-20-106.8-34.2-35.1-20.5-52.2-48.3-52.2-85.1 0-37 15.2-67.7 44-89 28.4-21 68.8-32.1 116.8-32.1 54.8 0 97.1 14.4 125.8 42.8 14.6 14.4 25.3 32.1 31.8 52.6 1.3 4.1 2.8 10 4.3 17.8 0.9 4.8 5.2 8.2 9.9 8.2h72.8c5.6 0 10.1-4.6 10.1-10.1v-1c-0.7-6.8-1.3-12.1-2-16-7.3-43.5-28-81.7-59.7-110.3-44.4-40.5-109.7-61.8-188.7-61.8-72.3 0-137.4 18.1-183.3 50.9-25.6 18.4-45.4 41.2-58.6 67.7-13.5 27.1-20.3 58.4-20.3 92.9 0 29.5 5.7 54.5 17.3 76.5 8.3 15.7 19.6 29.5 34.1 42H72c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h433.2c2.1 0.4 3.9 0.8 5.9 1.2 30.9 6.2 49.5 10.4 66.6 15.2 23 6.5 40.6 13.3 55.2 21.5 35.8 20.2 53.3 49.2 53.3 89 0 35.3-15.5 66.8-43.6 88.8-30.5 23.9-75.6 36.4-130.5 36.4-43.7 0-80.7-8.5-110.2-25-29.1-16.3-49.1-39.8-59.7-69.5-0.8-2.2-1.7-5.2-2.7-9-1.2-4.4-5.3-7.5-9.7-7.5h-79.7c-5.6 0-10.1 4.6-10.1 10.1v1c0.2 2.3 0.4 4.2 0.6 5.7 6.5 48.8 30.3 88.8 70.7 118.8 47.1 34.8 113.4 53.2 191.8 53.2 84.2 0 154.8-19.8 204.2-57.3 25-18.9 44.2-42.2 57.1-69 13-27.1 19.7-57.9 19.7-91.5 0-31.8-5.8-58.4-17.8-81.4-5.8-11.2-13.1-21.5-21.8-30.8H952c4.4 0 8-3.6 8-8v-60c0-4.3-3.6-7.9-8-7.9z" p-id="8782"></path></svg>

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { default as XStarEditor } from './XStarEditor';
+export type { XStarMDProps } from './XStarEditor';
+export { default as XStarMdEditor } from './XStarMdEditor';
+export type { XStarMdEditorHandle, XStarMdEditorPlugin, XStarMdEditorProps, } from './XStarMdEditor';
+export { default as XStarMdViewer } from './XStarMdViewer';
+export type { XStarMdViewerHandle, XStarMdViewerPlugin, XStarMdViewerProps, } from './XStarMdViewer';
+export { createSelection, getRange } from './utils/container';
+export { deleteHandler, insertHandler, redoHandler, selectHandler, setHandler, toggleHandler, undoHandler, } from './utils/handler';
+export type { Handler } from './utils/handler';

package/dist/index.js

@@ -0,0 +1,5 @@
+export { default as XStarEditor } from "./XStarEditor";
+export { default as XStarMdEditor } from "./XStarMdEditor";
+export { default as XStarMdViewer } from "./XStarMdViewer";
+export { createSelection, getRange } from "./utils/container";
+export { deleteHandler, insertHandler, redoHandler, selectHandler, setHandler, toggleHandler, undoHandler } from "./utils/handler";