@seafile/sdoc-editor 0.1.67 → 0.1.68-beta

package/dist/api/seafile-api.js

@@ -35,6 +35,12 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
       return this.req.get(url);
     }
+  }, {
+    key: "sdocPublishRevision",
+    value: function sdocPublishRevision(docUuid) {
+      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
+      return this.req.post(url);
+    }
   }]);
   return SeafileAPI;
 }();

package/dist/assets/css/diff-viewer.css

@@ -3,17 +3,3 @@
   margin: 0 -5px;
   overflow: hidden;
 }
-
-.sdoc-diff-added {
-  background-color: #e6ffed;
-}
-
-.sdoc-diff-removed {
-  background-color: #ffeef0;
-}
-
-.sdoc-diff-modify {
-  padding-left: 2px;
-  margin-left: -5px;
-  border-left: 3px solid #f9c513;
-}

package/dist/assets/css/simple-editor.css

@@ -5,6 +5,7 @@
 
 .sdoc-editor-page-header .doc-info .doc-name {
   font-size: 18px;
+  font-weight: 700;
   color: #212529;
 }
 
@@ -24,3 +25,7 @@
 .sdoc-editor-page-header .doc-info .sdoc-link {
   font-size: 14px;
 }
+
+.sdoc-editor-page-header .doc-state {
+  font-size: 0.8125rem;
+}

package/dist/basic-sdk/assets/css/code-block.css

@@ -3,7 +3,8 @@
 }
 
 .sdoc-code-block-pre {
-  border: 1px solid #ccc;
+  background: #FAFAFA;
+  border: 1px solid #f0f0f0;
 }
 
 .sdoc-code-block-pre .sdoc-code-no-wrap {
@@ -16,19 +17,21 @@
 
 .sdoc-code-block-code .sdoc-code-line {
   position: relative;
-  padding-left: 5px;
+  padding-left: 24px;
 }
 
 .sdoc-code-block-code .sdoc-code-line .sdoc-code-line-index {
   position: absolute;
-  left: -10px;
+  left: -8px;
   color: #ccc;
-  width: 10px;
-  height: 10px;
   caret-color: transparent;
   pointer-events: none;
 }
 
+.sdoc-code-block-code .sdoc-code-line .sdoc-code-line-index::selection {
+  background: transparent; 
+}
+
 .sdoc-code-line
 .token.comment,
 .token.prolog,

package/dist/basic-sdk/comment/style.css

@@ -64,6 +64,7 @@
 .sdoc-comment-container .comment-item .comment-header {
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 
 .sdoc-comment-container .comment-item .comment-content {

package/dist/basic-sdk/editor.js

@@ -47,6 +47,7 @@ var SDocEditor = function SDocEditor(_ref) {
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
   var scrollRef = useRef(null);
+  var articleRef = useRef(null);
   var decorate = usePipDecorate(editor);
 
   // init eventHandler
@@ -59,7 +60,7 @@ var SDocEditor = function SDocEditor(_ref) {
   // useMount: init socket connection
   useEffect(function () {
     editor.openConnection();
-    editor.width = scrollRef.current.children[0].clientWidth;
+    editor.width = articleRef.current.children[0].clientWidth;
     return function () {
       editor.closeConnection();
     };
@@ -121,7 +122,8 @@ var SDocEditor = function SDocEditor(_ref) {
     value: slateValue,
     onChange: onChange
   }, /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement("div", {
-    className: "article"
+    className: "article",
+    ref: articleRef
   }, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     renderElement: renderElement,
     renderLeaf: renderLeaf,

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -1,10 +1,78 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Transforms } from '@seafile/slate';
-import { getNodeType, isLastNode, genEmptyParagraph } from '../../core';
-import { CODE_BLOCK } from '../../constants';
+import _toArray from "@babel/runtime/helpers/esm/toArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import slugid from 'slugid';
+import { Transforms, Node, Range, Editor } from '@seafile/slate';
+import { getNodeType, isLastNode, genEmptyParagraph, getSelectedNodeByType, generateEmptyElement } from '../../core';
+import { CODE_BLOCK, PARAGRAPH, CODE_LINE } from '../../constants';
 var withCodeBlock = function withCodeBlock(editor) {
-  var normalizeNode = editor.normalizeNode;
+  var normalizeNode = editor.normalizeNode,
+    insertFragment = editor.insertFragment,
+    insertText = editor.insertText,
+    insertBreak = editor.insertBreak;
   var newEditor = editor;
+  newEditor.insertFragment = function (data) {
+    // only selected code block content
+    if (data.length === 1 && data[0].type === CODE_BLOCK && !getSelectedNodeByType(editor, CODE_BLOCK)) {
+      data.forEach(function (node, index) {
+        if (node.type === CODE_BLOCK) {
+          var newBlock = node.children.map(function (line) {
+            var text = Node.string(line);
+            var p = generateEmptyElement(PARAGRAPH);
+            p.children[0].text = text;
+            return p;
+          });
+          data.splice.apply(data, [index, 1].concat(_toConsumableArray(newBlock)));
+        }
+      });
+      return insertFragment(data);
+    } else {
+      if (getSelectedNodeByType(editor, CODE_BLOCK)) {
+        // Paste into code block
+
+        // Pasted data is code block split with code-line
+        data.forEach(function (node, index) {
+          if (node.type === CODE_BLOCK) {
+            var codeLineArr = node.children.map(function (line) {
+              return line;
+            });
+            data.splice.apply(data, [index, 1].concat(_toConsumableArray(codeLineArr)));
+          }
+        });
+        var newData = data.map(function (node) {
+          var text = Node.string(node);
+          var codeLine = {
+            id: slugid.nice(),
+            type: CODE_LINE,
+            children: [{
+              text: text,
+              id: slugid.nice()
+            }]
+          };
+          return codeLine;
+        });
+
+        // current focus code-line string not empty
+        var string = Editor.string(newEditor, newEditor.selection.focus.path);
+        if (string.length !== 0 && Range.isCollapsed(newEditor.selection)) {
+          var _newData = _toArray(newData),
+            node = _newData[0],
+            restNode = _newData.slice(1);
+          var text = Node.string(node);
+          insertText(text);
+          if (restNode.length !== 0) {
+            insertBreak();
+            insertFragment(restNode);
+          }
+          return;
+        }
+        return insertFragment(newData);
+      } else {
+        // Paste into not a code block
+        return insertFragment(data);
+      }
+    }
+  };
 
   // Rewrite normalizeNode
   newEditor.normalizeNode = function (_ref) {

package/dist/basic-sdk/extension/plugins/table/render/render-row.js

@@ -10,6 +10,7 @@ import { TABLE_ROW_MIN_HEIGHT } from '../constants';
 import { updateTableRowHeight } from '../helpers';
 import { eventStopPropagation, getMouseDownInfo, getMouseMoveInfo, registerResizeEvents, unregisterResizeEvents } from '../../../../utils/mouse-event';
 import { useSettingSelectRangeContext, useResizeHandlersContext } from './hooks';
+import { useScrollContext } from '../../../../hooks/use-scroll-context';
 var TableRow = function TableRow(_ref) {
   var _element$style;
   var element = _ref.element,
@@ -36,11 +37,11 @@ var TableRow = function TableRow(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     height = _useState6[0],
     setHeight = _useState6[1];
+  var scrollContent = useScrollContext();
   var onMouseDown = useCallback(function (event) {
     eventStopPropagation(event);
     Transforms.deselect(editor);
-    var pageElement = document.getElementsByClassName('sdoc-editor-article-container')[0];
-    var mouseDownInfo = getMouseDownInfo(event, pageElement);
+    var mouseDownInfo = getMouseDownInfo(event, scrollContent.current);
     setMouseDownInfo(mouseDownInfo);
     setIsResizing(true);
 
@@ -50,8 +51,7 @@ var TableRow = function TableRow(_ref) {
     if (!isResizing) return;
     var onMouseMove = function onMouseMove(event) {
       eventStopPropagation(event);
-      var pageElement = document.getElementsByClassName('sdoc-editor-article-container')[0];
-      var mouseMoveInfo = getMouseMoveInfo(event, mouseDownInfo, pageElement);
+      var mouseMoveInfo = getMouseMoveInfo(event, mouseDownInfo, scrollContent.current);
       var newHeight = tableRow.current + mouseMoveInfo.displacementY;
       var validHeight = Math.max(TABLE_ROW_MIN_HEIGHT, newHeight);
       setHeight(validHeight);

package/dist/basic-sdk/extension/render/render-element.js

@@ -99,6 +99,7 @@ var CustomElement = function CustomElement(props) {
         return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
           className: 'sdoc-code-line'
         }), lineNumber && /*#__PURE__*/React.createElement("span", {
+          spellCheck: false,
           className: "sdoc-code-line-index"
         }, lineNumber), children);
       }

package/dist/basic-sdk/hooks/use-scroll-context.js

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext } from 'react';
 export var ScrollContext = React.createContext(null);
 export var useScrollContext = function useScrollContext() {
   var context = useContext(ScrollContext);

package/dist/basic-sdk/index.js

@@ -1,5 +1,5 @@
 import SDocEditor from './editor';
-import SDocViewer from './viewer';
+import { DiffViewer, SDocViewer } from './views';
 import SDocOutline from './outline';
 import EventBus from './utils/event-bus';
-export { SDocEditor, SDocViewer, SDocOutline, EventBus };
+export { SDocEditor, SDocViewer, SDocOutline, EventBus, DiffViewer };

package/dist/{pages/diff-viewer → basic-sdk/views}/diff-viewer.js

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect } from 'react';
-import { renderLeaf, renderElement } from '../../basic-sdk/extension';
-import { getDiff } from '../../basic-sdk/utils/diff';
+import { renderLeaf, renderElement } from '../extension';
+import { getDiff } from '../utils/diff';
 import context from '../../context';
-import { ELEMENT_TYPE, ADDED_STYLE, DELETED_STYLE } from '../../basic-sdk/extension/constants';
-import { SDocViewer } from '../../basic-sdk';
+import { ELEMENT_TYPE, ADDED_STYLE, DELETED_STYLE } from '../extension/constants';
+import SDocViewer from './viewer';
 import '../../assets/css/diff-viewer.css';
 var DiffViewer = function DiffViewer(_ref) {
   var currentContent = _ref.currentContent,
@@ -27,8 +27,8 @@ var DiffViewer = function DiffViewer(_ref) {
     var type = element.type;
     if (type === ELEMENT_TYPE.IMAGE && (element.ADD || element.DELETE)) {
       var style = element.ADD ? ADDED_STYLE : DELETED_STYLE;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-1",
+      return /*#__PURE__*/React.createElement("span", {
+        className: "d-inline-block p-1",
         style: {
           backgroundColor: style.background_color,
           width: 'fit-content',

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

@@ -0,0 +1,3 @@
+import DiffViewer from './diff-viewer';
+import SDocViewer from './viewer';
+export { DiffViewer, SDocViewer };

package/dist/basic-sdk/{viewer.js → views/viewer.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useEffect, useState } from 'react';
 import { Editable, Slate } from '@seafile/slate-react';
-import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from './extension';
-import { withSocketIO } from './socket';
-import withNodeId from './node-id';
-import './assets/css/layout.css';
-import './assets/css/sdoc-editor-plugins.css';
-import { generateDefaultDocContent } from '../utils';
+import defaultEditor, { renderLeaf as _renderLeaf, renderElement as _renderElement } from '../extension';
+import { withSocketIO } from '../socket';
+import withNodeId from '../node-id';
+import '../assets/css/layout.css';
+import '../assets/css/sdoc-editor-plugins.css';
+import { generateDefaultDocContent } from '../../utils';
 var SDocViewer = function SDocViewer(_ref) {
   var isOpenSocket = _ref.isOpenSocket,
     document = _ref.document,

package/dist/components/code-block-hover-menu/index.css

@@ -26,7 +26,7 @@
 .sdoc-code-block-hover-menu-container .hover-menu-container .op-item {
   font-size: 12px;
   color: #212529;
-  padding: 0 5px;
+  padding: 0 3px;
   border-radius: 2px;
 }
 
@@ -37,7 +37,7 @@
 }
 
 .sdoc-code-block-hover-menu-container .hover-menu-container .icon-font {
-  font-size: 12px;
+  font-size: 14px;
   color: #999999;
 }
 

package/dist/components/doc-info/index.js

@@ -1,61 +1,57 @@
-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 React, { useCallback } from 'react';
 import TipMessage from '../tip-message';
 import { withTranslation } from 'react-i18next';
 import context from '../../context';
 import { EventBus } from '../../basic-sdk';
 import { EXTERNAL_EVENT } from '../../constants';
-var DocInfo = /*#__PURE__*/function (_React$Component) {
-  _inherits(DocInfo, _React$Component);
-  var _super = _createSuper(DocInfo);
-  function DocInfo() {
-    var _this;
-    _classCallCheck(this, DocInfo);
-    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.onInternalLinkClick = function () {
-      var eventBus = EventBus.getInstance();
-      eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
-    };
-    _this.toggleStar = function () {
-      var eventBus = EventBus.getInstance();
-      eventBus.dispatch(EXTERNAL_EVENT.TOGGLE_STAR);
-    };
-    return _this;
+import { DateUtils } from '../../utils';
+var DocInfo = function DocInfo(_ref) {
+  var t = _ref.t,
+    isStarred = _ref.isStarred;
+  var onInternalLinkClick = useCallback(function () {
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch(EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+  }, []);
+  var toggleStar = useCallback(function () {
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch(EXTERNAL_EVENT.TOGGLE_STAR);
+  }, []);
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var docName = context.getSetting('docName');
+  var _context$getSettings = context.getSettings(),
+    isShowInternalLink = _context$getSettings.isShowInternalLink,
+    isStarIconShown = _context$getSettings.isStarIconShown;
+  var docInfo = /*#__PURE__*/React.createElement(React.Fragment, null, isStarIconShown && /*#__PURE__*/React.createElement("button", {
+    className: "doc-icon sdocfont ".concat(isStarred ? 'sdoc-starred' : 'sdoc-unstarred', " border-0 p-0 bg-transparent"),
+    title: isStarred ? t('Starred') : t('Unstarred'),
+    "aria-label": isStarred ? t('Unstar') : t('Star'),
+    onClick: toggleStar
+  }), isShowInternalLink && /*#__PURE__*/React.createElement("span", {
+    className: "doc-icon"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "internal-link sdocfont sdoc-link",
+    title: t('Internal_link'),
+    onClick: onInternalLinkClick
+  })), /*#__PURE__*/React.createElement(TipMessage, null));
+  if (!isSdocRevision) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "doc-info"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "doc-name"
+    }, docName), docInfo);
   }
-  _createClass(DocInfo, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        t = _this$props.t,
-        isStarred = _this$props.isStarred;
-      var docName = context.getSetting('docName');
-      var _context$getSettings = context.getSettings(),
-        isShowInternalLink = _context$getSettings.isShowInternalLink,
-        isStarIconShown = _context$getSettings.isStarIconShown;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "doc-info"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "doc-name"
-      }, docName), isStarIconShown && /*#__PURE__*/React.createElement("button", {
-        className: "doc-icon sdocfont ".concat(isStarred ? 'sdoc-starred' : 'sdoc-unstarred', " border-0 p-0 bg-transparent"),
-        title: isStarred ? t('Starred') : t('Unstarred'),
-        "aria-label": isStarred ? t('Unstar') : t('Star'),
-        onClick: this.toggleStar
-      }), isShowInternalLink && /*#__PURE__*/React.createElement("span", {
-        className: "doc-icon"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "internal-link sdocfont sdoc-link",
-        title: t('Internal_link'),
-        onClick: this.onInternalLinkClick
-      })), /*#__PURE__*/React.createElement(TipMessage, null));
-    }
-  }]);
-  return DocInfo;
-}(React.Component);
+  var revisionCreatedAt = context.getSetting('revisionCreatedAt');
+  var oldDocName = context.getSetting('originFilename');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "doc-info d-flex flex-column"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "doc-name-container d-flex align-items-center justify-content-start w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "doc-name"
+  }, oldDocName), docInfo), /*#__PURE__*/React.createElement("div", {
+    className: "doc-state"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "mr-2"
+  }, t('Revision')), /*#__PURE__*/React.createElement("span", null, DateUtils.format(revisionCreatedAt, 'YYYY-MM-DD HH:MM'))));
+};
 export default withTranslation('sdoc-editor')(DocInfo);

package/dist/components/doc-operations/history-operation.js

@@ -0,0 +1,23 @@
+import React, { useCallback } from 'react';
+import context from '../../context';
+var HistoryOperation = function HistoryOperation() {
+  var docPerm = context.getSetting('docPerm');
+  var historyURL = context.getSetting('historyURL');
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var toggleHistory = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    window.location.href = historyURL;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (docPerm !== 'rw' || !historyURL) return null;
+  if (isSdocRevision) return null;
+  return /*#__PURE__*/React.createElement("span", {
+    className: "op-item",
+    onClick: toggleHistory
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-history"
+  }));
+};
+export default HistoryOperation;

package/dist/components/doc-operations/index.js

@@ -1,81 +1,17 @@
-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, { Fragment } from 'react';
-import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-import CollaboratorsOperation from './collaborators-operation';
-import context from '../../context';
+import React from 'react';
 import { withTranslation } from 'react-i18next';
+import RevisionOperations from './revision-operations';
+import HistoryOperation from './history-operation';
+import CollaboratorsOperation from './collaborators-operation';
+import MoreOperations from './more-operations';
 import './style.css';
-var DocOperations = /*#__PURE__*/function (_React$Component) {
-  _inherits(DocOperations, _React$Component);
-  var _super = _createSuper(DocOperations);
-  function DocOperations(props) {
-    var _this;
-    _classCallCheck(this, DocOperations);
-    _this = _super.call(this, props);
-    _this.toggleDropdown = function () {
-      _this.setState({
-        isDropdownOpen: !_this.state.isDropdownOpen
-      });
-    };
-    _this.toggleHistory = function (event) {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      var historyURL = context.getSetting('historyURL');
-      window.location.href = historyURL;
-    };
-    _this.state = {
-      isDropdownOpen: false
-    };
-    return _this;
-  }
-  _createClass(DocOperations, [{
-    key: "render",
-    value: function render() {
-      var t = this.props.t;
-      var isDropdownOpen = this.state.isDropdownOpen;
-      var docPerm = context.getSetting('docPerm');
-      var historyURL = context.getSetting('historyURL');
-      var parentFolderURL = context.getSetting('parentFolderURL');
-      var dropdownItems = [];
-      if (parentFolderURL) {
-        dropdownItems.push({
-          text: t('Open_parent_folder'),
-          URL: parentFolderURL
-        });
-      }
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "doc-ops"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "op-item"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-share"
-      })), docPerm === 'rw' && historyURL && /*#__PURE__*/React.createElement("span", {
-        className: "op-item",
-        onClick: this.toggleHistory
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-history"
-      })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), dropdownItems.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
-        isOpen: isDropdownOpen,
-        toggle: this.toggleDropdown
-      }, /*#__PURE__*/React.createElement(DropdownToggle, {
-        className: "op-item",
-        tag: "span"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "sdocfont sdoc-menu"
-      })), /*#__PURE__*/React.createElement(DropdownMenu, {
-        right: true
-      }, dropdownItems.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(DropdownItem, {
-          tag: "a",
-          href: item.URL,
-          key: index
-        }, item.text);
-      })))));
-    }
-  }]);
-  return DocOperations;
-}(React.Component);
+var DocOperations = function DocOperations() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "doc-ops"
+  }, /*#__PURE__*/React.createElement(RevisionOperations, null), /*#__PURE__*/React.createElement("span", {
+    className: "op-item"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-share"
+  })), /*#__PURE__*/React.createElement(HistoryOperation, null), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), /*#__PURE__*/React.createElement(MoreOperations, null));
+};
 export default withTranslation('sdoc-editor')(DocOperations);

package/dist/components/doc-operations/more-operations.js

@@ -0,0 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { withTranslation } from 'react-i18next';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import context from '../../context';
+var MoreOperations = function MoreOperations(_ref) {
+  var t = _ref.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  var toggleDropdown = useCallback(function (isDropdownOpen) {
+    setIsDropdownOpen(!isDropdownOpen);
+  }, []);
+  var parentFolderURL = context.getSetting('parentFolderURL');
+  var dropdownItems = [];
+  if (parentFolderURL) {
+    dropdownItems.push({
+      text: t('Open_parent_folder'),
+      URL: parentFolderURL
+    });
+  }
+  if (dropdownItems.length === 0) return null;
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    isOpen: isDropdownOpen,
+    toggle: function toggle() {
+      return toggleDropdown(isDropdownOpen);
+    }
+  }, /*#__PURE__*/React.createElement(DropdownToggle, {
+    className: "op-item",
+    tag: "span"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "sdocfont sdoc-menu"
+  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+    right: true
+  }, dropdownItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(DropdownItem, {
+      tag: "a",
+      href: item.URL,
+      key: index
+    }, item.text);
+  })));
+};
+export default withTranslation('sdoc-editor')(MoreOperations);

package/dist/components/doc-operations/revision-operations.js

@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react';
+import { Button } from 'reactstrap';
+import { withTranslation } from 'react-i18next';
+import context from '../../context';
+import toaster from '../../components/toast';
+var RevisionOperations = function RevisionOperations(_ref) {
+  var t = _ref.t;
+  var isSdocRevision = context.getSetting('isSdocRevision');
+  var revisionURL = context.getSetting('revisionURL');
+  var isPublished = context.getSetting('isPublished');
+  var repoID = context.getSetting('repoID');
+  var siteRoot = context.getSetting('siteRoot');
+  var viewChanges = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    window.location.href = revisionURL;
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var publishRevision = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    context.publishSdocRevision().then(function (res) {
+      var origin_file_path = res.data.origin_file_path;
+      window.location.href = "".concat(siteRoot, "lib/").concat(repoID, "/file/").concat(origin_file_path);
+    }).catch(function (error) {
+      toaster.danger(t('Error'));
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (!isSdocRevision) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isPublished && revisionURL && /*#__PURE__*/React.createElement(Button, {
+    color: "success",
+    className: "mr-4",
+    onClick: viewChanges
+  }, t('View_changes')), !isPublished && /*#__PURE__*/React.createElement(Button, {
+    color: "success",
+    onClick: publishRevision
+  }, t('Publish')));
+};
+export default withTranslation('sdoc-editor')(RevisionOperations);

package/dist/context.js

@@ -101,6 +101,8 @@ var Context = /*#__PURE__*/function () {
         avatar_url: avatarURL
       };
     }
+
+    // comments
   }, {
     key: "listComments",
     value: function listComments() {
@@ -121,6 +123,14 @@ var Context = /*#__PURE__*/function () {
     value: function updateComment(commentId, newComment) {
       return this.sdocServerApi.updateComment(commentId, newComment);
     }
+
+    // revision
+  }, {
+    key: "publishSdocRevision",
+    value: function publishSdocRevision() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.sdocPublishRevision(docUuid);
+    }
   }]);
   return Context;
 }();

package/dist/pages/diff-viewer/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import HistoryVersionViewer from './history-version-viewer';
-import DiffViewer from './diff-viewer';
+import { DiffViewer } from '../../basic-sdk';
 import context from '../../context';
 var Index = /*#__PURE__*/function (_Component) {
   _inherits(Index, _Component);

package/dist/utils/date-utils.js

@@ -0,0 +1,86 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var DateUtils = /*#__PURE__*/function () {
+  function DateUtils() {
+    _classCallCheck(this, DateUtils);
+  }
+  _createClass(DateUtils, null, [{
+    key: "format",
+    value:
+    /**
+     * return the formatted date with target format.
+     * @param {string|date object} date
+     * @param {string} format
+     * @returns formatted date
+     */
+    function format(date, _format) {
+      var dateObject = this.getValidDate(date);
+      if (!dateObject) {
+        return '';
+      }
+      var upperCaseFormat = _format && _format.toUpperCase();
+      var year = dateObject.getFullYear();
+      var month = dateObject.getMonth() + 1;
+      var day = dateObject.getDate();
+      var displayMonth = month < 10 ? "0".concat(month) : month;
+      var displayDay = day < 10 ? "0".concat(day) : day;
+      switch (upperCaseFormat) {
+        case 'YYYY-MM-DD HH:MM:SS':
+          {
+            var hours = dateObject.getHours();
+            var minutes = dateObject.getMinutes();
+            var seconds = dateObject.getSeconds();
+            var disPlayHours = hours < 10 ? "0".concat(hours) : hours;
+            var disPlayMinutes = minutes < 10 ? "0".concat(minutes) : minutes;
+            var disPlaySeconds = seconds < 10 ? "0".concat(seconds) : seconds;
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay, " ").concat(disPlayHours, ":").concat(disPlayMinutes, ":").concat(disPlaySeconds);
+          }
+        case 'YYYY-MM-DD HH:MM':
+          {
+            var _hours = dateObject.getHours();
+            var _minutes = dateObject.getMinutes();
+            var _disPlayHours = _hours < 10 ? "0".concat(_hours) : _hours;
+            var _disPlayMinutes = _minutes < 10 ? "0".concat(_minutes) : _minutes;
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay, " ").concat(_disPlayHours, ":").concat(_disPlayMinutes);
+          }
+        default:
+          {
+            return "".concat(year, "-").concat(displayMonth, "-").concat(displayDay);
+          }
+      }
+    }
+  }, {
+    key: "isValidDateObject",
+    value: function isValidDateObject(dateObject) {
+      return dateObject instanceof Date && !isNaN(dateObject.getTime());
+    }
+  }, {
+    key: "getValidDate",
+    value: function getValidDate(date) {
+      if (!date) {
+        return null;
+      }
+      var isDateTypeString = typeof date === 'string';
+      var dateString = date;
+      var dateObject = date;
+      if (isDateTypeString) {
+        if (dateString.split(' ').length > 1 || dateString.includes('T')) {
+          dateObject = new Date(date);
+        } else {
+          // given date is without time precision
+          dateString = "".concat(date, " 00:00:00");
+          dateObject = new Date(dateString);
+        }
+      }
+      if (this.isValidDateObject(dateObject)) return dateObject;
+      if (!isDateTypeString) return null;
+
+      //ios phone and safari browser not support use '2021-09-10 12:30', support '2021/09/10 12:30'
+      dateObject = new Date(dateString.replace(/-/g, '/'));
+      if (this.isValidDateObject(dateObject)) return dateObject;
+      return null;
+    }
+  }]);
+  return DateUtils;
+}();
+export default DateUtils;

package/dist/utils/index.js

@@ -1,3 +1,4 @@
+import DateUtils from './date-utils';
 export var getDirPath = function getDirPath(path) {
   var dir = path.slice(0, path.lastIndexOf('/'));
   if (dir === '') {
@@ -22,4 +23,20 @@ export var generateDefaultDocContent = function generateDefaultDocContent() {
 export var getImageFileNameWithTimestamp = function getImageFileNameWithTimestamp() {
   var d = Date.now();
   return 'image-' + d.toString() + '.png';
-};
+};
+export var getErrorMsg = function getErrorMsg(error) {
+  var errorMsg = '';
+  if (error.response) {
+    if (error.response.status === 403) {
+      errorMsg = 'Permission_denied';
+    } else if (error.response.data && error.response.data['error_msg']) {
+      errorMsg = error.response.data['error_msg'];
+    } else {
+      errorMsg = 'Error';
+    }
+  } else {
+    errorMsg = 'Please_check_the_network';
+  }
+  return errorMsg;
+};
+export { DateUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.67",
+  "version": "0.1.68beta",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/en/sdoc-editor.json

@@ -251,5 +251,8 @@
   "Add_comment": "Add comment",
   "Delete_comment": "Delete comment",
   "Are_you_sure_to_delete_this_comment": "Are you sure to delete this comment?",
-  "Confirm": "Confirm"
+  "Confirm": "Confirm",
+  "View_changes": "View changes",
+  "Revision": "Revision",
+  "Error": "Error"
 }

package/public/locales/zh-CN/sdoc-editor.json

@@ -251,5 +251,8 @@
   "Add_comment": "添加评论",
   "Delete_comment": "删除评论",
   "Are_you_sure_to_delete_this_comment": "你确定要删除这个评论吗?",
-  "Confirm": "确定"
+  "Confirm": "确定",
+  "View_changes": "查看改动",
+  "Revision": "修订",
+  "Error": "错误"
 }