@seafile/sdoc-editor 0.1.25 → 0.1.26

package/dist/basic-sdk/assets/css/sdoc-editor-toolbar.css

@@ -4,7 +4,7 @@
   width: 140px;
   padding: 6px 10px;
   border-right: 1px solid #e5e6e8;
-  border-left: 1px solid #e5e6e8;
+  /* border-left: 1px solid #e5e6e8; */
   position: relative;
 }
 

package/dist/basic-sdk/editor.js

@@ -63,6 +63,8 @@ var SDocEditor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
       var slateValue = this.state.slateValue;
+      var config = this.props.config;
+      var docUuid = config.docUuid;
       return /*#__PURE__*/React.createElement("div", {
         className: "sdoc-editor-container"
       }, /*#__PURE__*/React.createElement(Toolbar, {
@@ -70,7 +72,8 @@ var SDocEditor = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React.createElement("div", {
         className: "sdoc-editor-content"
       }, /*#__PURE__*/React.createElement(SDocOutline, {
-        doc: slateValue
+        doc: slateValue,
+        docUuid: docUuid
       }), /*#__PURE__*/React.createElement("div", {
         className: "flex-fill o-auto"
       }, /*#__PURE__*/React.createElement(Slate, {

package/dist/basic-sdk/extension/constants/index.js

@@ -31,6 +31,10 @@ export var COLUMN = 'column';
 export var TEXTSTYLE = 'text-style';
 export var BOLD_ITALIC = 'bold-italic';
 
+// history
+export var UNDO = 'undo';
+export var REDO = 'redo';
+
 // menus config
 export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CONFIG_MAP, BLOCKQUOTE, {
   id: "sdoc_".concat(BLOCKQUOTE),
@@ -66,5 +70,15 @@ export var MENUS_CONFIG_MAP = (_MENUS_CONFIG_MAP = {}, _defineProperty(_MENUS_CO
   iconClass: 'iconfont icon-bold',
   text: 'bold',
   type: 'BOLD'
-}]), _MENUS_CONFIG_MAP);
+}]), _defineProperty(_MENUS_CONFIG_MAP, UNDO, {
+  id: UNDO,
+  iconClass: 'iconfont icon-revoke',
+  text: 'undo',
+  type: 'undo'
+}), _defineProperty(_MENUS_CONFIG_MAP, REDO, {
+  id: REDO,
+  iconClass: 'iconfont icon-redo',
+  text: 'redo',
+  type: 'redo'
+}), _MENUS_CONFIG_MAP);
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'paragraph'), _HEADER_TITLE_MAP);

package/dist/basic-sdk/extension/index.js

@@ -1,15 +1,17 @@
 import { createEditor } from '@seafile/slate';
 import { withReact } from '@seafile/slate-react';
+import { withHistory } from '@seafile/slate-history';
 import Plugins from './plugins';
 import renderElement from './render/render-element';
 import renderLeaf from './render/render-leaf';
 import Toolbar from './toolbar';
+var baseEditor = withHistory(withReact(createEditor()));
 var editor = Plugins.reduce(function (editor, pluginItem) {
   var withPlugin = pluginItem.editorPlugin;
   if (withPlugin) {
     return withPlugin(editor);
   }
   return editor;
-}, withReact(createEditor()));
+}, baseEditor);
 export default editor;
 export { renderLeaf, renderElement, Toolbar };

package/dist/basic-sdk/extension/toolbar/index.js

@@ -12,6 +12,7 @@ import CheckListMenu from '../plugins/check-list/menu';
 import { MenuGroup } from '../menu';
 import TextStyleMenuList from '../plugins/text-style/menu';
 import CodeBlockMenu from '../plugins/code-block/menu';
+import HistoryMenu from './redo-undo';
 import '../../assets/css/sdoc-editor-toolbar.css';
 var Toolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(Toolbar, _React$Component);
@@ -25,7 +26,9 @@ var Toolbar = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       return /*#__PURE__*/React.createElement("div", {
         className: "sdoc-editor-toolbar"
-      }, /*#__PURE__*/React.createElement(HeaderMenu, {
+      }, /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(HistoryMenu, {
+        editor: this.props.editor
+      })), /*#__PURE__*/React.createElement(HeaderMenu, {
         editor: this.props.editor
       }), /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(TextStyleMenuList, {
         editor: this.props.editor

package/dist/basic-sdk/extension/toolbar/redo-undo.js

@@ -0,0 +1,66 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { MenuItem } from '../menu';
+import { MENUS_CONFIG_MAP, REDO, UNDO } from '../constants';
+var HistoryMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(HistoryMenu, _React$Component);
+  var _super = _createSuper(HistoryMenu);
+  function HistoryMenu() {
+    var _this;
+    _classCallCheck(this, HistoryMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.isDisabled = function (type) {
+      var editor = _this.props.editor;
+      var history = editor.history;
+      if (type === UNDO) {
+        return history.undos.length === 0;
+      }
+      return history.redos.length === 0;
+    };
+    _this.onUndoMouseDown = function () {
+      var editor = _this.props.editor;
+      editor.undo();
+    };
+    _this.onRedoMouseDown = function () {
+      var editor = _this.props.editor;
+      editor.redo();
+    };
+    return _this;
+  }
+  _createClass(HistoryMenu, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        isRichEditor = _this$props.isRichEditor,
+        className = _this$props.className;
+      var undoConfig = MENUS_CONFIG_MAP[UNDO];
+      var redoConfig = MENUS_CONFIG_MAP[REDO];
+      var undoProps = _objectSpread(_objectSpread({
+        isRichEditor: isRichEditor,
+        className: className
+      }, undoConfig), {}, {
+        disabled: this.isDisabled(UNDO),
+        isActive: false,
+        onMouseDown: this.onUndoMouseDown
+      });
+      var redoProps = _objectSpread(_objectSpread({
+        isRichEditor: isRichEditor,
+        className: className
+      }, redoConfig), {}, {
+        disabled: this.isDisabled(REDO),
+        isActive: false,
+        onMouseDown: this.onRedoMouseDown
+      });
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuItem, undoProps), /*#__PURE__*/React.createElement(MenuItem, redoProps));
+    }
+  }]);
+  return HistoryMenu;
+}(React.Component);
+export default HistoryMenu;

package/dist/basic-sdk/outline.js

@@ -14,12 +14,22 @@ var SDocOutline = /*#__PURE__*/function (_React$PureComponent) {
     _classCallCheck(this, SDocOutline);
     _this = _super.call(this, props);
     _this.toggleShow = function () {
+      var docUuid = _this.props.docUuid;
       _this.setState({
         isShown: !_this.state.isShown
+      }, function () {
+        var currentValue = localStorage.getItem(docUuid);
+        var options = currentValue ? JSON.parse(currentValue) : {};
+        options['outlineOpen'] = _this.state.isShown;
+        localStorage.setItem(docUuid, JSON.stringify(options));
       });
     };
+    var _currentValue = localStorage.getItem(props.docUuid);
+    var _options = _currentValue ? JSON.parse(_currentValue) : {};
+    var _options$outlineOpen = _options.outlineOpen,
+      outlineOpen = _options$outlineOpen === void 0 ? false : _options$outlineOpen;
     _this.state = {
-      isShown: false
+      isShown: outlineOpen
     };
     return _this;
   }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.2",
     "@seafile/slate": "0.91.8",
+    "@seafile/slate-history": "0.86.2",
     "@seafile/slate-hyperscript": "0.81.7",
     "@seafile/slate-react": "0.92.2",
     "classnames": "2.3.2",
@@ -46,6 +47,7 @@
     "@typescript-eslint/eslint-plugin": "^2.2.0",
     "@typescript-eslint/parser": "^2.2.0",
     "autoprefixer": "7.1.6",
+    "axios": "1.4.0",
     "babel-eslint": "10.0.3",
     "babel-jest": "^24.9.0",
     "babel-loader": "8.0.6",

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,6 +14,10 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="revoke" unicode="&#58947;" d="M380.8 438.4c0-41.6-51.2-67.2-86.4-41.6L57.6 550.4c-32 19.2-32 64 0 83.2l236.8 153.6c35.2 25.6 86.4 0 86.4-41.6v-92.8H672c41.6 0 83.2-9.6 121.6-25.6 38.4-16 70.4-38.4 99.2-70.4 28.8-28.8 51.2-64 67.2-102.4 16-38.4 25.6-83.2 25.6-124.8s-6.4-96-22.4-134.4c-16-38.4-38.4-73.6-67.2-102.4-32-28.8-64-51.2-102.4-67.2-38.4-16-80-25.6-121.6-25.6H243.2c-32 0-60.8 28.8-60.8 64s25.6 64 60.8 64H672c105.6 0 188.8 96 188.8 204.8S777.6 528 672 528H380.8v-89.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="redo" unicode="&#58948;" d="M643.2 438.4c0-41.6 51.2-67.2 86.4-41.6l236.8 153.6c32 19.2 32 64 0 83.2L729.6 787.2c-35.2 25.6-86.4 0-86.4-41.6v-92.8H352c-41.6 0-83.2-9.6-121.6-25.6-38.4-16-70.4-38.4-99.2-70.4C102.4 528 80 492.8 64 454.4 48 416 38.4 371.2 38.4 329.6s6.4-96 22.4-134.4c16-38.4 38.4-73.6 67.2-102.4 32-28.8 64-51.2 102.4-67.2 38.4-16 80-25.6 121.6-25.6h428.8c32 0 60.8 28.8 60.8 64s-25.6 64-60.8 64H352c-105.6 0-188.8 96-188.8 204.8S246.4 528 352 528h291.2v-89.6z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="cancel" unicode="&#58945;" d="M512 441.6L214.4 742.4 185.6 768 128 710.4l25.6-28.8 300.8-297.6-300.8-297.6-25.6-28.8L185.6 0l28.8 25.6 297.6 300.8 297.6-300.8 28.8-25.6 57.6 57.6-25.6 28.8-300.8 297.6 300.8 297.6 25.6 28.8L838.4 768l-28.8-25.6-297.6-300.8z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="table-of-content" unicode="&#58946;" d="M64 800h512c35.2 0 64-28.8 64-64s-28.8-64-64-64H64C28.8 672 0 700.8 0 736s28.8 64 64 64zM998.4 355.2l-12.8-12.8-172.8-172.8c-25.6-25.6-64-25.6-89.6 0s-25.6 64 0 89.6l134.4 134.4-134.4 134.4c-25.6 25.6-25.6 64 0 89.6s64 25.6 89.6 0l172.8-172.8 9.6-9.6c12.8-12.8 19.2-25.6 19.2-41.6v-3.2c0-12.8-9.6-28.8-16-35.2zM64 448h800c35.2 0 64-28.8 64-64s-28.8-64-64-64H64c-35.2 0-64 28.8-64 64s28.8 64 64 64zM64 96h512c35.2 0 64-28.8 64-64s-28.8-64-64-64H64c-35.2 0-64 28.8-64 64s28.8 64 64 64z"  horiz-adv-x="1024" />

package/public/media/sdoc-editor-font.css

@@ -16,6 +16,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-revoke:before {
+  content: "\e643";
+}
+
+.icon-redo:before {
+  content: "\e644";
+}
+
 .icon-cancel:before {
   content: "\e641";
 }