@seafile/sdoc-editor 0.1.91 → 0.1.92

package/dist/components/common-loading/index.css

@@ -0,0 +1,54 @@
+/** common loading **/
+@-moz-keyframes commonLoading {
+  0% {
+    -moz-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes commonLoading {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes commonLoading {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+.common-loading-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  border: 2px solid #eee;
+  border-left-color: #aaa;
+  border-radius: 50%;
+  -moz-animation: commonLoading 0.9s infinite linear;
+  -webkit-animation: commonLoading 0.9s infinite linear;
+  animation: commonLoading 0.9s infinite linear;
+}
+
+.common-loading-tip {
+  display: block;
+  margin: 0 auto;
+}

package/dist/components/common-loading/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.css';
+var CommonLoading = function CommonLoading() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: "common-loading-icon common-loading-tip"
+  });
+};
+export default CommonLoading;

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

@@ -47,18 +47,21 @@ var DocInfo = function DocInfo(_ref) {
   }
   var revisionCreatedAt = context.getSetting('revisionCreatedAt');
   var oldDocName = context.getSetting('originFilename');
+  var revisionId = context.getSetting('revisionId');
   return /*#__PURE__*/React.createElement("div", {
     className: "doc-info d-flex flex-column align-items-start"
   }, /*#__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), /*#__PURE__*/React.createElement(TipMessage, {
+  }, oldDocName), /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revision-order"
+  }, t('Revision') + ' ' + revisionId), /*#__PURE__*/React.createElement(TipMessage, {
     isEditMode: isEditMode
   })), /*#__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'))));
+  }, t('Created_at')), /*#__PURE__*/React.createElement("span", null, DateUtils.format(revisionCreatedAt, 'YYYY-MM-DD HH:MM'))));
 };
 export default withTranslation('sdoc-editor')(DocInfo);

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

@@ -3,12 +3,13 @@ import context from '../../../context';
 import PublishRevision from './publish-button';
 import ViewChanges from './view-changes';
 import MoreRevisionOperations from './more-revision-operations';
+import Revisions from './revisions';
 var RevisionOperations = function RevisionOperations(_ref) {
   var isShowChanges = _ref.isShowChanges,
     toggleViewChanges = _ref.toggleViewChanges;
   var isSdocRevision = context.getSetting('isSdocRevision');
   var isPublished = context.getSetting('isPublished');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(MoreRevisionOperations, null), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isSdocRevision && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreRevisionOperations, null), /*#__PURE__*/React.createElement(Revisions, null)), isSdocRevision && /*#__PURE__*/React.createElement(ViewChanges, {
     isShowChanges: isShowChanges,
     toggleViewChanges: toggleViewChanges
   }), isSdocRevision && !isPublished && /*#__PURE__*/React.createElement(PublishRevision, null));

package/dist/components/doc-operations/revision-operations/revisions/index.css

@@ -0,0 +1,16 @@
+.sdoc-revisions-count {
+  height: 30px;
+  width: fit-content;
+  border: 1px solid #E5E5E5;
+  border-radius: 3px;
+  line-height: 28px;
+  text-align: center;
+  padding: 0 16px;
+  margin-left: 1rem;
+  color: #666;
+}
+
+.sdoc-revisions-count:hover {
+  cursor: pointer;
+  color: #333;
+}

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

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import context from '../../../../context';
+import RevisionsDialog from './revisions-dialog';
+import { getErrorMsg } from '../../../../utils';
+import toaster from '../../../toast';
+import './index.css';
+var Revisions = function Revisions() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    revisionsCount = _useState2[0],
+    setRevisionsCount = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isShowRevisions = _useState4[0],
+    setShowRevisions = _useState4[1];
+
+  // did mount
+  useEffect(function () {
+    context.getSdocRevisionsCount().then(function (res) {
+      var count = res.data.count;
+      setRevisionsCount(count);
+    }).catch(function (error) {
+      var errorMessage = getErrorMsg(error);
+      toaster.danger(t(errorMessage));
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var showRevisions = useCallback(function () {
+    setShowRevisions(true);
+  }, []);
+  var closeRevisions = useCallback(function () {
+    setShowRevisions(false);
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "sdoc-revisions-count",
+    onClick: showRevisions
+  }, revisionsCount === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, t('No_revisions')), revisionsCount === 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('1_revision')), revisionsCount > 1 && /*#__PURE__*/React.createElement(React.Fragment, null, t('x_revisions', {
+    count: revisionsCount
+  }))), isShowRevisions && /*#__PURE__*/React.createElement(RevisionsDialog, {
+    updateRevisionsCount: setRevisionsCount,
+    toggle: closeRevisions
+  }));
+};
+export default Revisions;

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.css

@@ -0,0 +1,120 @@
+.revisions-dialog {
+  width: 700px;
+  max-width: 700px;
+  height: calc(100% - 56px);
+}
+
+.revisions-dialog .modal-content {
+  height: 100%;
+  overflow: hidden;
+}
+
+.revisions-dialog .revisions-body {
+  height: calc(100% - 50px);
+  padding: 0;
+  overflow: hidden;
+}
+
+.revisions-dialog .sdoc-revisions-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.revisions-dialog .sdoc-revisions-container .sdoc-revisions-header {
+  height: 41px;
+  width: calc(100% - 32px);
+  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
+  margin: 0 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.revisions-dialog .sdoc-revisions-container .sdoc-revisions-content {
+  flex: 1;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  padding: 0 16px 16px 16px;
+}
+
+.revisions-dialog .sdoc-revisions-container .sdoc-revisions-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.revisions-dialog .sdoc-revisions-container.loading {
+  align-items: center;
+  justify-content: center;
+}
+
+.revisions-dialog .revisions-body .sdoc-revision {
+  height: 41px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
+}
+
+.revisions-dialog .revisions-body .sdoc-revision:hover {
+  background-color: #f5f5f5;
+}
+
+.revisions-dialog .sdoc-revision-name-header,
+.revisions-dialog .sdoc-revision-user-header,
+.revisions-dialog .sdoc-revision-time-header {
+  padding-left: 9px;
+  color: #999;
+}
+
+.revisions-dialog .sdoc-revision .sdoc-revision-user {
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  padding-left: 9px;
+}
+
+.revisions-dialog .sdoc-revision .sdoc-revision-name {
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  padding-left: 9px;
+}
+
+.revisions-dialog .sdoc-revision .sdoc-revision-name-content {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+}
+
+.revisions-dialog .sdoc-revision .sdoc-revision-name-content:hover {
+  text-decoration: underline;
+  cursor: pointer;
+  color: #ff8000;
+}
+
+.revisions-dialog .sdoc-revision .sdoc-revision-time {
+  height: 100%;
+  padding-left: 9px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+
+.revisions-dialog .revisions-body .sdoc-revision.loading {
+  height: 40px;
+  align-items: center;
+  border-bottom: none;
+}
+
+.revisions-dialog .sdoc-revision.loading:hover {
+  background-color: unset;
+}

package/dist/components/doc-operations/revision-operations/revisions/revisions-dialog/index.js

@@ -0,0 +1,174 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+import CommonLoading from '../../../../common-loading';
+import context from '../../../../../context';
+import { Revision } from '../../../../../model';
+import { getErrorMsg } from '../../../../../utils';
+import toaster from '../../../../toast';
+import './index.css';
+var RevisionsDialog = function RevisionsDialog(_ref) {
+  var _revisionListRef$curr;
+  var updateRevisionsCount = _ref.updateRevisionsCount,
+    toggle = _ref.toggle;
+  var revisionListRef = useRef(null);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    revisions = _useState4[0],
+    setRevisions = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    errorMessage = _useState8[0],
+    setErrorMessage = _useState8[1];
+  var _useState9 = useState(true),
+    _useState10 = _slicedToArray(_useState9, 2),
+    hasMore = _useState10[0],
+    setHasMore = _useState10[1];
+  var perPage = 25;
+  var repoID = context.getSetting('repoID');
+  var siteRoot = context.getSetting('siteRoot');
+
+  // did mount
+  useEffect(function () {
+    listRevisions();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var listRevisions = useCallback(function () {
+    context.getSdocRevisions(page, perPage).then(function (res) {
+      var addedRevisions = res.data.revisions.map(function (revision) {
+        return new Revision(revision);
+      });
+      setLoading(false);
+      updateRevisionsCount(res.data.count);
+      var newRevisions = [].concat(_toConsumableArray(revisions), _toConsumableArray(addedRevisions));
+      setRevisions(newRevisions);
+      if (newRevisions.length < res.data.count) {
+        setPage(page + 1);
+      } else {
+        setHasMore(false);
+      }
+    }).catch(function (error) {
+      var errorMessage = getErrorMsg(error);
+      if (page === 1) {
+        setErrorMessage(errorMessage);
+      } else {
+        toaster.danger(t(errorMessage));
+      }
+      setLoading(false);
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [revisions, page, perPage]);
+  var openRevision = useCallback(function (revisionId) {
+    window.location.href = "".concat(siteRoot, "lib/").concat(repoID, "/revisions/").concat(revisionId, "/");
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onScroll = useCallback(function (event) {
+    var _event$target = event.target,
+      scrollTop = _event$target.scrollTop,
+      clientHeight = _event$target.clientHeight;
+    var _ref2 = revisionListRef.current || {
+        clientHeight: 0
+      },
+      revisionListHeight = _ref2.clientHeight;
+    if (isLoading) return;
+    if (!hasMore) return;
+    if (scrollTop + clientHeight + 1 >= revisionListHeight) {
+      setLoading(true);
+      listRevisions();
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [(_revisionListRef$curr = revisionListRef.current) === null || _revisionListRef$curr === void 0 ? void 0 : _revisionListRef$curr.clientHeight, isLoading, hasMore]);
+  var renderContent = useCallback(function () {
+    if (page === 1 && isLoading) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revisions-container loading"
+      }, /*#__PURE__*/React.createElement(CommonLoading, null));
+    }
+    if (page === 1 && errorMessage) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revisions-container error"
+      }, t(errorMessage));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revisions-container"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revisions-header"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision-name-header",
+      style: {
+        width: '40%'
+      }
+    }, t('ID')), /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision-user-header",
+      style: {
+        width: '30%'
+      }
+    }, t('Creator')), /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision-time-header",
+      style: {
+        width: '30%'
+      }
+    }, t('Created_time'))), /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revisions-content",
+      onScroll: onScroll
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revisions-list",
+      ref: revisionListRef
+    }, revisions.map(function (revision) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revision",
+        key: revision.id
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revision-name",
+        style: {
+          width: '40%'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revision-name-content",
+        onClick: function onClick() {
+          return openRevision(revision.id);
+        }
+      }, t('Revision') + ' ' + revision.id)), /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revision-user",
+        style: {
+          width: '30%'
+        }
+      }, revision.nickname), /*#__PURE__*/React.createElement("div", {
+        className: "sdoc-revision-time",
+        style: {
+          width: '30%'
+        }
+      }, revision.createdTime));
+    }), isLoading && /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-revision loading"
+    }, /*#__PURE__*/React.createElement(CommonLoading, null)))));
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [page, revisions, isLoading, errorMessage]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: true,
+    toggle: toggle,
+    className: "revisions-dialog"
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    toggle: toggle
+  }, t('Revision')), /*#__PURE__*/React.createElement(ModalBody, {
+    className: "revisions-body"
+  }, renderContent()));
+};
+export default RevisionsDialog;

package/dist/components/doc-operations/style.css

@@ -26,3 +26,16 @@
   width: 300px;
 }
 
+.doc-info .sdoc-revision-order {
+  display: inline-block;
+  font-size: 14px;
+  color: #888;
+  background: #eee;
+  padding: 0 8px; 
+  height: 20px;
+  line-height: 20px;
+  border-radius: 10px;
+  margin-left: 0.5rem;
+  cursor: default;
+}
+

package/dist/context.js

@@ -123,6 +123,21 @@ var Context = /*#__PURE__*/function () {
     value: function updateComment(commentId, newComment) {
       return this.sdocServerApi.updateComment(commentId, newComment);
     }
+  }, {
+    key: "insertReply",
+    value: function insertReply(commentId, reply) {
+      return this.sdocServerApi.insertReply(commentId, reply);
+    }
+  }, {
+    key: "deleteReply",
+    value: function deleteReply(commentId, replyId) {
+      return this.sdocServerApi.deleteReply(commentId, replyId);
+    }
+  }, {
+    key: "updateReply",
+    value: function updateReply(commentId, replyId, newReply) {
+      return this.sdocServerApi.updateReply(commentId, replyId, newReply);
+    }
 
     // revision
   }, {
@@ -145,6 +160,18 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.getSeadocRevisionDownloadLinks(docUuid);
     }
+  }, {
+    key: "getSdocRevisionsCount",
+    value: function getSdocRevisionsCount() {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getSdocRevisionsCount(docUuid);
+    }
+  }, {
+    key: "getSdocRevisions",
+    value: function getSdocRevisions(page, perPage) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getSdocRevisions(docUuid, page, perPage);
+    }
   }]);
   return Context;
 }();

package/dist/model/index.js

@@ -0,0 +1,2 @@
+import Revision from './revision';
+export { Revision };

package/dist/model/revision.js

@@ -0,0 +1,35 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import { DateUtils } from '../utils';
+var Revision = /*#__PURE__*/_createClass(function Revision(options) {
+  _classCallCheck(this, Revision);
+  this.id = options.revision_id || '';
+
+  // file info
+  this.repoId = options.repo_id || '';
+  this.docUuid = options.doc_uuid || '';
+  this.filePath = options.file_path || '';
+  this.filename = options.filename || '';
+  this.parentPath = options.parent_path || '';
+
+  // user
+  this.nickname = options.nickname || '';
+
+  // time
+  this.createdTime = DateUtils.format(options.created_at || '', 'YYYY-MM-DD HH:MM');
+  this.updatedTime = DateUtils.format(options.updated_at || '', 'YYYY-MM-DD HH:MM');
+
+  // publish
+  this.isPublished = options.is_published || false;
+  this.publisher = options.publisher || '';
+  this.publisherNickname = options.publisher_nickname || '';
+  this.publishFileVersion = options.publish_file_version || '';
+
+  // origin
+  this.originDocUuid = options.origin_doc_uuid || '';
+  this.originFilePath = options.origin_file_path || '';
+  this.originFileVersion = options.origin_file_version || '';
+  this.originFilename = options.origin_filename || '';
+  this.originParentPath = options.origin_parent_path || '';
+});
+export default Revision;

package/package.json

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

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

@@ -252,7 +252,11 @@
   "Auto_wrap": "Auto wrap",
   "Add_comment": "Add comment",
   "Delete_comment": "Delete comment",
+  "Delete_reply": "Delete reply",
   "Are_you_sure_to_delete_this_comment": "Are you sure to delete this comment?",
+  "Are_you_sure_to_delete_this_reply": "Are you sure to delete this reply?",
+  "Enter_a_comment": "Enter a comment",
+  "Enter_a_reply": "Enter a reply",
   "Confirm": "Confirm",
   "View_changes": "View changes",
   "Revision": "Revision",
@@ -308,5 +312,11 @@
   "Standard_purple": "Standard purple",
   "Highlight_color": "Highlight",
   "Font_color": "Font color",
-  "Default": "Default"
+  "Default": "Default",
+  "No_revisions": "No revisions",
+  "1_revision": "1 revision",
+  "x_revisions": "{{count}} revisions",
+  "Creator": "Creator",
+  "Created_time": "Created time",
+  "Created_at": "Created at"
 }

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

@@ -252,7 +252,11 @@
   "Auto_wrap": "自动换行",
   "Add_comment": "添加评论",
   "Delete_comment": "删除评论",
+  "Delete_reply": "删除回复",
   "Are_you_sure_to_delete_this_comment": "你确定要删除这个评论吗?",
+  "Are_you_sure_to_delete_this_reply": "你确定要删除这个回复吗?",
+  "Enter_a_comment": "输入评论",
+  "Enter_a_reply": "输入回复",
   "Confirm": "确定",
   "View_changes": "查看改动",
   "Revision": "修订稿",
@@ -308,5 +312,11 @@
   "Standard_purple": "标准紫",
   "Highlight_color": "突出显示",
   "Font_color": "字体颜色",
-  "Default": "默认"
+  "Default": "默认",
+  "No_revisions": "没有修订稿",
+  "1_revision": "1 个修订稿",
+  "x_revisions": "{{count}} 个修订稿",
+  "Creator": "创建者",
+  "Created_time": "创建时间",
+  "Created_at": "创建时间"
 }