@seafile/sdoc-editor 0.1.67-beta → 0.1.67

package/dist/api/seafile-api.js

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

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

@@ -1,57 +1,61 @@
-import React, { useCallback } from 'react';
+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 TipMessage from '../tip-message';
 import { withTranslation } from 'react-i18next';
 import context from '../../context';
 import { EventBus } from '../../basic-sdk';
 import { EXTERNAL_EVENT } from '../../constants';
-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);
+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;
   }
-  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'))));
-};
+  _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);
 export default withTranslation('sdoc-editor')(DocInfo);

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

@@ -1,17 +1,81 @@
-import React from 'react';
-import { withTranslation } from 'react-i18next';
-import RevisionOperations from './revision-operations';
-import HistoryOperation from './history-operation';
+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 MoreOperations from './more-operations';
+import context from '../../context';
+import { withTranslation } from 'react-i18next';
 import './style.css';
-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));
-};
+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);
 export default withTranslation('sdoc-editor')(DocOperations);

package/dist/context.js

@@ -101,8 +101,6 @@ var Context = /*#__PURE__*/function () {
         avatar_url: avatarURL
       };
     }
-
-    // comments
   }, {
     key: "listComments",
     value: function listComments() {
@@ -123,14 +121,6 @@ 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/diff-viewer.js

@@ -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("span", {
-        className: "d-inline-block p-1",
+      return /*#__PURE__*/React.createElement("div", {
+        className: "p-1",
         style: {
           backgroundColor: style.background_color,
           width: 'fit-content',

package/dist/utils/index.js

@@ -1,4 +1,3 @@
-import DateUtils from './date-utils';
 export var getDirPath = function getDirPath(path) {
   var dir = path.slice(0, path.lastIndexOf('/'));
   if (dir === '') {
@@ -23,20 +22,4 @@ 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.67beta",
+  "version": "0.1.67",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

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

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

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

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

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

@@ -1,21 +0,0 @@
-import React, { useCallback } from 'react';
-import context from '../../context';
-var HistoryOperation = function HistoryOperation() {
-  var docPerm = context.getSetting('docPerm');
-  var historyURL = context.getSetting('historyURL');
-  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;
-  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/more-operations.js

@@ -1,44 +0,0 @@
-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/index.js

@@ -1,42 +0,0 @@
-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, 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/utils/date-utils.js

@@ -1,86 +0,0 @@
-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;