x-star-editor 0.0.8 → 0.1.0

package/dist/components/Fade.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface FadeProps {
+    children: React.ReactNode;
+    nodeRef: React.RefObject<HTMLDivElement>;
+    appear: boolean;
+    timeout: number;
+}
+declare const Fade: ({ children, nodeRef, appear, timeout }: FadeProps) => React.JSX.Element;
+export default Fade;

package/dist/components/Fade.js

@@ -0,0 +1,38 @@
+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 React, { useEffect, useState } from 'react';
+var Fade = function Fade(_ref) {
+  var children = _ref.children,
+    nodeRef = _ref.nodeRef,
+    appear = _ref.appear,
+    timeout = _ref.timeout;
+  var _useState = useState(appear),
+    _useState2 = _slicedToArray(_useState, 2),
+    mount = _useState2[0],
+    setMount = _useState2[1];
+  useEffect(function () {
+    if (appear) {
+      if (nodeRef.current) {
+        nodeRef.current.getBoundingClientRect();
+        nodeRef.current.style.opacity = '1';
+      }
+      setMount(true);
+    } else {
+      if (nodeRef.current) {
+        nodeRef.current.style.opacity = '0';
+      }
+      var timer = window.setTimeout(function () {
+        return setMount(false);
+      }, timeout);
+      return function () {
+        return window.clearTimeout(timer);
+      };
+    }
+  }, [appear, timeout]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (appear || mount) && children);
+};
+export default Fade;

package/dist/components/FileInput.js

@@ -10,6 +10,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { useState } from 'react';
+import { useLocale } from "../locales";
 import { prefix } from "../utils/global";
 var FileInput = function FileInput(_ref) {
   var _file$name;
@@ -31,6 +32,8 @@ var FileInput = function FileInput(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     description = _useState8[0],
     setDescription = _useState8[1];
+  var _useLocale = useLocale('fileInput'),
+    t = _useLocale.format;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "file-input"))
   }, /*#__PURE__*/React.createElement("div", {
@@ -40,14 +43,14 @@ var FileInput = function FileInput(_ref) {
     onClick: function onClick() {
       return setType('file');
     }
-  }, "\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
+  }, t('file')), /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "tab"), _defineProperty({}, "".concat(prefix, "active"), type === 'url')),
     onClick: function onClick() {
       return setType('url');
     }
-  }, "\u7F51\u5740")), type === 'file' ? /*#__PURE__*/React.createElement("label", {
+  }, t('url'))), type === 'file' ? /*#__PURE__*/React.createElement("label", {
     className: classNames("".concat(prefix, "field"))
-  }, "\u6587\u4EF6", /*#__PURE__*/React.createElement("div", {
+  }, t('file'), /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "file-container"))
   }, /*#__PURE__*/React.createElement("input", {
     className: classNames("".concat(prefix, "hidden")),
@@ -63,16 +66,16 @@ var FileInput = function FileInput(_ref) {
   }), /*#__PURE__*/React.createElement("button", {
     className: classNames("".concat(prefix, "button")),
     type: "button"
-  }, "\u9009\u62E9\u6587\u4EF6"))) : /*#__PURE__*/React.createElement("label", {
+  }, t('chooseFile')))) : /*#__PURE__*/React.createElement("label", {
     className: classNames("".concat(prefix, "field"))
-  }, "\u7F51\u5740", /*#__PURE__*/React.createElement("input", {
+  }, t('url'), /*#__PURE__*/React.createElement("input", {
     className: classNames("".concat(prefix, "input")),
     onChange: function onChange(e) {
       return setUrl(e.target.value);
     }
   })), /*#__PURE__*/React.createElement("label", {
     className: classNames("".concat(prefix, "field"))
-  }, "\u63CF\u8FF0", /*#__PURE__*/React.createElement("input", {
+  }, t('description'), /*#__PURE__*/React.createElement("input", {
     className: classNames("".concat(prefix, "input")),
     onChange: function onChange(e) {
       return setDescription(e.target.value);
@@ -97,10 +100,10 @@ var FileInput = function FileInput(_ref) {
         });
       }
     }
-  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement("button", {
+  }, t('confirm')), /*#__PURE__*/React.createElement("button", {
     className: classNames("".concat(prefix, "button")),
     type: "button",
     onClick: onCancel
-  }, "\u53D6\u6D88")));
+  }, t('cancel'))));
 };
 export default FileInput;

package/dist/components/Toolbar.d.ts

@@ -1,16 +1,20 @@
 import React from 'react';
-import type { Executor } from '../utils/handler';
-export interface ToolbarItem {
+import type { Executor, Handler } from '../utils/handler';
+interface ToolbarItemProps {
     children: React.ReactNode;
+    disabled?: boolean;
     tooltip?: React.ReactNode;
     popoverRender?: (exec: Executor, close: () => void) => React.ReactNode;
     onClick?: (exec: Executor) => void;
 }
-export declare const getDefaultToolbarItemMap: (onInsertFile?: ((file: File, options: {
+type ToolbarItem = ToolbarItemProps | Handler<ToolbarItemProps>;
+export type ToolbarItemMap = Partial<Record<string, ToolbarItem>>;
+export declare const getDefaultToolbarItemMap: (locale?: string, onInsertFile?: ((file: File, options: {
     description: string;
     image: boolean;
-}) => void) | undefined) => Partial<Record<string, ToolbarItem>>;
-export declare const getDefaultToolbarItems: () => (string | ToolbarItem)[][];
+}) => void) | undefined) => ToolbarItemMap;
+export type ToolbarItems = (string | ToolbarItem)[][];
+export declare const getDefaultToolbarItems: () => ToolbarItems;
 interface ToolbarProps {
     className?: string;
     style?: React.CSSProperties;

package/dist/components/Toolbar.js

@@ -10,12 +10,16 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { useEffect, useRef, useState } from 'react';
+import { getFormat } from "../locales";
 import { prefix } from "../utils/global";
-import { toggleHandler } from "../utils/handler";
+import { redoHandler, toggleHandler, undoHandler } from "../utils/handler";
+import Fade from "./Fade";
 import FileInput from "./FileInput";
 var Button = function Button(_ref) {
-  var toolbarRef = _ref.toolbarRef,
-    children = _ref.children,
+  var _classNames;
+  var children = _ref.children,
+    toolbarRef = _ref.toolbarRef,
+    disabled = _ref.disabled,
     tooltip = _ref.tooltip,
     popoverRender = _ref.popoverRender,
     _onClick = _ref.onClick;
@@ -32,13 +36,13 @@ var Button = function Button(_ref) {
   });
   var popoverMount = !!popover && popoverOpen;
   var tooltipMount = !popoverMount && !!tooltip && tooltipOpen;
+  var tooltipRef = useRef(null);
   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;
@@ -60,13 +64,12 @@ var Button = function Button(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "button-container"))
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "button"), _defineProperty({}, "".concat(prefix, "active"), tooltipOpen || popoverMount)),
+    className: classNames("".concat(prefix, "button"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "active"), tooltipOpen || popoverMount), _classNames)),
     onClick: function onClick() {
-      setPopoverOpen(true);
-      _onClick === null || _onClick === void 0 ? void 0 : _onClick();
-    },
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
+      if (!disabled) {
+        setPopoverOpen(true);
+        _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+      }
     },
     onMouseEnter: function onMouseEnter() {
       return setTooltipOpen(true);
@@ -74,104 +77,110 @@ var Button = function Button(_ref) {
     onMouseLeave: function onMouseLeave() {
       return setTooltipOpen(false);
     }
-  }, children, tooltipMount && /*#__PURE__*/React.createElement("div", {
+  }, children), /*#__PURE__*/React.createElement(Fade, {
+    nodeRef: tooltipRef,
+    appear: tooltipMount,
+    timeout: 300
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: tooltipRef,
     className: classNames("".concat(prefix, "tooltip"))
-  }, tooltip)), popoverMount && /*#__PURE__*/React.createElement("div", {
+  }, tooltip)), /*#__PURE__*/React.createElement(Fade, {
+    nodeRef: popoverRef,
+    appear: popoverMount,
+    timeout: 300
+  }, /*#__PURE__*/React.createElement("div", {
     ref: popoverRef,
     className: classNames("".concat(prefix, "popover"))
-  }, popover));
+  }, popover)));
 };
-export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsertFile) {
+export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap() {
+  var locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var onInsertFile = arguments.length > 1 ? arguments[1] : undefined;
+  var t = getFormat(locale, 'toolbarItem');
   return {
-    heading: {
-      children: 'H',
-      tooltip: '标题',
+    blockquote: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "blockquote"))
+      }),
+      tooltip: t('blockquote'),
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'blockquote'
+        }));
+      }
+    },
+    code: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "code"))
+      }),
+      tooltip: t('code'),
       popoverRender: function popoverRender(exec, close) {
-        var optionRender = function optionRender(depth, fontSize) {
+        var optionRender = function optionRender(label, language) {
           return /*#__PURE__*/React.createElement("div", {
             className: classNames("".concat(prefix, "option")),
-            style: {
-              fontSize: fontSize
-            },
             onClick: function onClick() {
               exec(toggleHandler({
-                type: 'heading',
-                depth: depth
+                type: 'code',
+                language: language
               }));
               close();
             }
-          }, "\u6807\u9898 ", depth);
+          }, label);
         };
-        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'
-        }));
+        return /*#__PURE__*/React.createElement(React.Fragment, null, optionRender('C++', 'cpp'), optionRender('Java', 'java'), optionRender('Python', 'py'), optionRender('Text', 'txt'));
       }
     },
-    blockquote: {
-      children: '『』',
-      tooltip: '引用',
-      onClick: function onClick(exec) {
-        return exec(toggleHandler({
-          type: 'blockquote'
-        }));
-      }
-    },
-    code: {
+    delete: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "code-library"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "delete"))
       }),
-      tooltip: '代码块',
+      tooltip: t('delete'),
       onClick: function onClick(exec) {
         return exec(toggleHandler({
-          type: 'code'
+          type: 'delete'
         }));
       }
     },
     emphasis: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "italic"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "emphasis"))
       }),
-      tooltip: '斜体',
+      tooltip: t('emphasis'),
       onClick: function onClick(exec) {
         return exec(toggleHandler({
           type: 'emphasis'
         }));
       }
     },
-    strong: {
-      children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "bold"))
-      }),
-      tooltip: '粗体',
-      onClick: function onClick(exec) {
-        return exec(toggleHandler({
-          type: 'strong'
-        }));
-      }
-    },
-    inlineCode: {
+    heading: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "code"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "heading"))
       }),
-      tooltip: '行内代码',
-      onClick: function onClick(exec) {
-        return exec(toggleHandler({
-          type: 'inlineCode'
-        }));
+      tooltip: t('heading'),
+      popoverRender: function popoverRender(exec, close) {
+        var optionRender = function optionRender(depth, fontSize) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: classNames("".concat(prefix, "option")),
+            style: {
+              fontSize: fontSize
+            },
+            onClick: function onClick() {
+              exec(toggleHandler({
+                type: 'heading',
+                depth: depth
+              }));
+              close();
+            }
+          }, "H", depth, " ", t('heading'), " ", 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, '1em'), optionRender(6, '0.9em'));
       }
     },
-    link: {
+    image: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "link"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "image"))
       }),
-      tooltip: '链接',
+      tooltip: t('image'),
       popoverRender: function popoverRender(exec, close) {
         return /*#__PURE__*/React.createElement(FileInput, {
           onCancel: close,
@@ -179,11 +188,11 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsert
             if (data.type === 'file') {
               onInsertFile === null || onInsertFile === void 0 ? void 0 : onInsertFile(data.file, {
                 description: data.description,
-                image: false
+                image: true
               });
             } else {
               exec(toggleHandler({
-                type: 'link',
+                type: 'image',
                 url: data.url,
                 description: data.description
               }));
@@ -193,11 +202,33 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsert
         });
       }
     },
-    image: {
+    inlineCode: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "image"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "inline-code"))
+      }),
+      tooltip: t('inlineCode'),
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'inlineCode'
+        }));
+      }
+    },
+    inlineMath: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "inline-math"))
+      }),
+      tooltip: t('inlineMath'),
+      onClick: function onClick(exec) {
+        return exec(toggleHandler({
+          type: 'inlineMath'
+        }));
+      }
+    },
+    link: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "link"))
       }),
-      tooltip: '图片',
+      tooltip: t('link'),
       popoverRender: function popoverRender(exec, close) {
         return /*#__PURE__*/React.createElement(FileInput, {
           onCancel: close,
@@ -205,11 +236,11 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsert
             if (data.type === 'file') {
               onInsertFile === null || onInsertFile === void 0 ? void 0 : onInsertFile(data.file, {
                 description: data.description,
-                image: true
+                image: false
               });
             } else {
               exec(toggleHandler({
-                type: 'image',
+                type: 'link',
                 url: data.url,
                 description: data.description
               }));
@@ -219,47 +250,80 @@ export var getDefaultToolbarItemMap = function getDefaultToolbarItemMap(onInsert
         });
       }
     },
-    delete: {
+    math: {
       children: /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "strikethrough"))
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "math"))
       }),
-      tooltip: '删除线',
+      tooltip: t('math'),
       onClick: function onClick(exec) {
         return exec(toggleHandler({
-          type: 'delete'
+          type: 'math'
         }));
       }
     },
-    math: {
-      children: 'π',
-      tooltip: '公式块',
+    redo: function redo(_ref2) {
+      var history = _ref2.history;
+      return {
+        children: /*#__PURE__*/React.createElement("div", {
+          className: classNames("".concat(prefix, "icon"), "".concat(prefix, "redo"))
+        }),
+        disabled: history.index === history.states.length - 1,
+        tooltip: t('redo'),
+        onClick: function onClick(exec) {
+          return exec(redoHandler());
+        }
+      };
+    },
+    strong: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "strong"))
+      }),
+      tooltip: t('strong'),
       onClick: function onClick(exec) {
         return exec(toggleHandler({
-          type: 'math'
+          type: 'strong'
         }));
       }
     },
-    inlineMath: {
-      children: '𝑥',
-      tooltip: '行内公式',
+    thematicBreak: {
+      children: /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefix, "icon"), "".concat(prefix, "thematic-break"))
+      }),
+      tooltip: t('thematicBreak'),
       onClick: function onClick(exec) {
         return exec(toggleHandler({
-          type: 'inlineMath'
+          type: 'thematicBreak'
         }));
       }
+    },
+    undo: function undo(_ref3) {
+      var history = _ref3.history;
+      return {
+        children: /*#__PURE__*/React.createElement("div", {
+          className: classNames("".concat(prefix, "icon"), "".concat(prefix, "undo"))
+        }),
+        disabled: !history.index,
+        tooltip: t('undo'),
+        onClick: function onClick(exec) {
+          return exec(undoHandler());
+        }
+      };
     }
   };
 };
 export var getDefaultToolbarItems = function getDefaultToolbarItems() {
-  return [['heading', 'strong', 'emphasis', 'delete'], ['thematicBreak', 'blockquote'], ['link', 'image'], ['inlineCode', 'code', 'inlineMath', 'math']];
+  return [['heading', 'strong', 'emphasis', 'delete'], ['thematicBreak', 'blockquote'], ['link', 'image'], ['inlineCode', 'code', 'inlineMath', 'math'], ['undo', 'redo']];
 };
-var Toolbar = function Toolbar(_ref2) {
-  var className = _ref2.className,
-    style = _ref2.style,
-    itemMap = _ref2.itemMap,
-    items = _ref2.items,
-    exec = _ref2.exec;
+var Toolbar = function Toolbar(_ref4) {
+  var className = _ref4.className,
+    style = _ref4.style,
+    itemMap = _ref4.itemMap,
+    items = _ref4.items,
+    exec = _ref4.exec;
   var toolbarRef = useRef(null);
+  var ctx = exec(function (ctx) {
+    return ctx;
+  });
   return /*#__PURE__*/React.createElement("div", {
     ref: toolbarRef,
     className: classNames("".concat(prefix, "toolbar"), className),
@@ -274,13 +338,16 @@ var Toolbar = function Toolbar(_ref2) {
       if (!toolbarItem) {
         return undefined;
       }
-      var children = toolbarItem.children,
-        tooltip = toolbarItem.tooltip,
-        _popoverRender = toolbarItem.popoverRender,
-        _onClick2 = toolbarItem.onClick;
+      var _ref5 = typeof toolbarItem === 'function' ? toolbarItem(ctx) : toolbarItem,
+        children = _ref5.children,
+        disabled = _ref5.disabled,
+        tooltip = _ref5.tooltip,
+        _popoverRender = _ref5.popoverRender,
+        _onClick2 = _ref5.onClick;
       return /*#__PURE__*/React.createElement(Button, {
         key: index,
         toolbarRef: toolbarRef,
+        disabled: disabled,
         tooltip: tooltip,
         popoverRender: function popoverRender(close) {
           return _popoverRender === null || _popoverRender === void 0 ? void 0 : _popoverRender(exec, close);

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export { default as XStarEditor, useEditorRef } from './XStarEditor';
-export type { XStarEditorHandle, XStarEditorProps } from './XStarEditor';
-export { default as XStarMdEditor, useMdEditorRef } from './XStarMdEditor';
-export type { XStarMdEditorHandle, XStarMdEditorPlugin, XStarMdEditorProps, } from './XStarMdEditor';
-export { default as XStarMdViewer, useMdViewerRef } 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';
-export { toHTML, toMarkdown } from './utils/markdown';
+export { toHTML, toMarkdown, toText } from './utils/markdown';
+export { default as XStarEditor, useEditorRef } from './x-star-editor';
+export type { XStarEditorHandle, XStarEditorProps } from './x-star-editor';
+export { default as XStarMdEditor, useMdEditorRef } from './x-star-md-editor';
+export type { XStarMdEditorHandle, XStarMdEditorPlugin, XStarMdEditorProps, } from './x-star-md-editor';
+export { default as XStarMdViewer, useMdViewerRef } from './x-star-md-viewer';
+export type { XStarMdViewerHandle, XStarMdViewerPlugin, XStarMdViewerProps, } from './x-star-md-viewer';

package/dist/index.js

@@ -1,6 +1,6 @@
-export { default as XStarEditor, useEditorRef } from "./XStarEditor";
-export { default as XStarMdEditor, useMdEditorRef } from "./XStarMdEditor";
-export { default as XStarMdViewer, useMdViewerRef } from "./XStarMdViewer";
 export { createSelection, getRange } from "./utils/container";
 export { deleteHandler, insertHandler, redoHandler, selectHandler, setHandler, toggleHandler, undoHandler } from "./utils/handler";
-export { toHTML, toMarkdown } from "./utils/markdown";
+export { toHTML, toMarkdown, toText } from "./utils/markdown";
+export { default as XStarEditor, useEditorRef } from "./x-star-editor";
+export { default as XStarMdEditor, useMdEditorRef } from "./x-star-md-editor";
+export { default as XStarMdViewer, useMdViewerRef } from "./x-star-md-viewer";

package/dist/locales/en_US.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    readonly fileInput: {
+        readonly cancel: "Cancel";
+        readonly chooseFile: "Choose File";
+        readonly confirm: "Confirm";
+        readonly description: "Description";
+        readonly file: "File";
+        readonly url: "URL";
+    };
+    readonly toolbarItem: {
+        readonly blockquote: "Blockquote";
+        readonly code: "Code Block";
+        readonly delete: "Strikethrough";
+        readonly emphasis: "Italic";
+        readonly heading: "Heading";
+        readonly image: "Image";
+        readonly inlineCode: "Inline Code";
+        readonly inlineMath: "Inline Formula";
+        readonly link: "Link";
+        readonly math: "Formula Block";
+        readonly redo: "Redo";
+        readonly strong: "Bold";
+        readonly thematicBreak: "Thematic Break";
+        readonly undo: "Undo";
+    };
+};
+export default _default;

package/dist/locales/en_US.js

@@ -0,0 +1,26 @@
+export default {
+  fileInput: {
+    cancel: 'Cancel',
+    chooseFile: 'Choose File',
+    confirm: 'Confirm',
+    description: 'Description',
+    file: 'File',
+    url: 'URL'
+  },
+  toolbarItem: {
+    blockquote: 'Blockquote',
+    code: 'Code Block',
+    delete: 'Strikethrough',
+    emphasis: 'Italic',
+    heading: 'Heading',
+    image: 'Image',
+    inlineCode: 'Inline Code',
+    inlineMath: 'Inline Formula',
+    link: 'Link',
+    math: 'Formula Block',
+    redo: 'Redo',
+    strong: 'Bold',
+    thematicBreak: 'Thematic Break',
+    undo: 'Undo'
+  }
+};