@seafile/seafile-sdoc-editor 2.0.0

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

@@ -0,0 +1,7 @@
+.sdoc-editor-container .sdoc-editor-content.no-outline .sdoc-article-container {
+  margin: 0 auto !important;
+}
+
+html {
+  scrollbar-width: none;
+}

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

@@ -0,0 +1,9 @@
+/* reset common css */
+.sdoc-editor-page-wrapper .dropdown-item,
+.sdoc-context-menu .dropdown-item:not(:disabled) {
+  color: #212529;
+}
+
+.sdoc-context-menu .dropdown-item:hover {
+  color: #fff;
+}

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

@@ -0,0 +1,6 @@
+.sdoc-share-permission {
+  font-size: 12px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: solid 1px rgba(0, 0, 0, 0.12);
+}

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

@@ -0,0 +1,102 @@
+.sdoc-editor-page-header .doc-info {
+  display: flex;
+  align-items: center;
+}
+
+.sdoc-editor-page-header .doc-info .doc-name {
+  font-size: 18px;
+  font-weight: 700;
+  color: #212529;
+}
+
+.sdoc-editor-page-header .doc-info .doc-icon {
+  margin-left: 0.5rem;
+  color: #999;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.sdoc-editor-page-header .doc-info .doc-icon:hover {
+  margin-left: 0.5rem;
+  color: #333;
+}
+
+.sdoc-editor-page-header .doc-info .sdoc-link {
+  font-size: 14px;
+}
+
+.sdoc-editor-page-header .doc-info .sdoc-freezed {
+  color: red;
+}
+
+.sdoc-editor-page-header .doc-state {
+  font-size: 0.8125rem;
+}
+
+.sdoc-editor-page-header .doc-info .sdoc-revision-avatar {
+  width: 44px;
+  margin-right: 6px;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-avatar {
+  width: 44px;
+  height: 44px;
+  margin-right: 6px;
+  overflow: hidden;
+}
+
+.sdoc-editor-page-header .sdoc-revision-avatar img {
+  height: 100%;
+  width: 100%;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-detail {
+  display: flex;
+  flex-direction: column;
+}
+
+.sdoc-editor-page-header .sdoc-revision-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;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-published-tip {
+  display: inline-block;
+  font-size: 14px;
+  color: #fff;
+  background: #5EBA00;
+  padding: 0 8px; 
+  height: 20px;
+  line-height: 20px;
+  border-radius: 10px;
+  margin-left: 0.5rem;
+  cursor: default;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 20px;
+  width: 20px;
+  margin-left: 0.5rem;
+  cursor: pointer;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc .sdoc-jump-to {
+  font-size: 14px;
+  color: #999;
+}
+
+.sdoc-editor-page-header .sdoc-revision-info .sdoc-revision-source-doc:hover .sdoc-jump-to {
+  color: #333;
+}

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

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _revisionAvatar = _interopRequireDefault(require("../../assets/images/revision-avatar.png"));
+var _sdocFreezed = _interopRequireDefault(require("../../assets/images/sdoc-freezed.png"));
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+var _draftDropdown = _interopRequireDefault(require("../draft-dropdown"));
+var _tipMessage = _interopRequireDefault(require("../tip-message"));
+require("./index.css");
+var DocInfo = function DocInfo(_ref) {
+  var t = _ref.t,
+    isStarred = _ref.isStarred,
+    isDraft = _ref.isDraft,
+    isEditMode = _ref.isEditMode,
+    _ref$isPublished = _ref.isPublished,
+    isPublished = _ref$isPublished === void 0 ? false : _ref$isPublished,
+    _ref$initContext = _ref.initContext,
+    initContext = _ref$initContext === void 0 ? false : _ref$initContext;
+  initContext && _sdocEditor.context.initApi();
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
+  var docName = _sdocEditor.context.getSetting('docName');
+  var _context$getSettings = _sdocEditor.context.getSettings(),
+    isShowInternalLink = _context$getSettings.isShowInternalLink,
+    isStarIconShown = _context$getSettings.isStarIconShown,
+    isFreezed = _context$getSettings.isFreezed,
+    mobileLogin = _context$getSettings.mobileLogin;
+  var onInternalLinkClick = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    if (isSdocRevision) {
+      eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK, {
+        internalLink: window.location.href
+      });
+      return;
+    }
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.INTERNAL_LINK_CLICK);
+  }, [isSdocRevision]);
+  var toggleStar = (0, _react.useCallback)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_constants.EXTERNAL_EVENT.TOGGLE_STAR);
+  }, []);
+  var jumpToSourceDoc = (0, _react.useCallback)(function () {
+    var originFileURL = _sdocEditor.context.getSetting('originFileURL');
+    window.open(originFileURL, '_blank');
+  }, []);
+  var docInfo = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDraft && /*#__PURE__*/_react["default"].createElement(_draftDropdown["default"], null), isStarIconShown && !mobileLogin && /*#__PURE__*/_react["default"].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 && !mobileLogin && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "doc-icon"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "internal-link sdocfont sdoc-link",
+    title: t('Internal_link'),
+    onClick: onInternalLinkClick
+  })), isFreezed && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "doc-icon"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _sdocFreezed["default"],
+    alt: t('Document_frozen'),
+    title: t('Document_frozen'),
+    width: "16px"
+  })), /*#__PURE__*/_react["default"].createElement(_tipMessage["default"], {
+    isEditMode: isEditMode
+  }));
+  if (!isSdocRevision) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "doc-info"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "doc-name"
+    }, docName), docInfo);
+  }
+  var revisionCreatedAt = _sdocEditor.context.getSetting('revisionCreatedAt');
+  var oldDocName = _sdocEditor.context.getSetting('originFilename');
+  var revisionId = _sdocEditor.context.getSetting('revisionId');
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-info doc-info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-avatar"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _revisionAvatar["default"],
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-detail"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "doc-name-container d-flex align-items-center justify-content-start w-100"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "doc-name"
+  }, oldDocName), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-order"
+  }, t('Revision') + ' ' + revisionId), isShowInternalLink && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "doc-icon"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "internal-link sdocfont sdoc-link",
+    title: t('Internal_link'),
+    onClick: onInternalLinkClick
+  })), isPublished && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-published-tip"
+  }, t('Published')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-revision-source-doc",
+    title: t('Jump_to_original_doc'),
+    onClick: jumpToSourceDoc
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-jump-to"
+  }))), !isPublished && /*#__PURE__*/_react["default"].createElement(_tipMessage["default"], {
+    isEditMode: isEditMode
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "doc-state"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "mr-2"
+  }, t('Created_at')), /*#__PURE__*/_react["default"].createElement("span", null, _utils.DateUtils.format(revisionCreatedAt, 'YYYY-MM-DD HH:MM')))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(DocInfo);

package/dist/components/doc-operations/collaborators-operation/collaborators-popover.css

@@ -0,0 +1,74 @@
+.collaborators-popover.popover {
+  width: 300px;
+  max-width: 300px;
+}
+
+.collaborators-popover .popover-container {
+  padding: 0;
+  margin: 0;
+  max-height: 360px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.collaborators-popover .popover-header {
+  height: 50px;
+  min-height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 600;
+  font-size: 16px;
+  border-bottom: 1px solid #ededed;
+  color: #212529;
+  background: #fff;
+}
+
+.collaborators-popover .popover-container .content-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: auto;
+  padding: 5px 0;
+}
+
+.content-list .collaborator-details {
+  height: 32px;
+  line-height: 32px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 3px 12px;
+  
+}
+
+.content-list .collaborator-details:hover {
+  background-color: #f8f8f8;
+}
+
+.content-list .collaborator-details .collaborator-tag {
+  margin-right: 8px;
+  height: 5px;
+  width: 5px;
+  background-color: #08DB6B;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.content-list .collaborator-details .collaborator-avatar {
+  margin-right: 8px;
+  height: 20px;
+  width: 20px;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.content-list .collaborator-details .collaborator-name {
+  max-width: calc(100% - 20px);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #212529;
+}

package/dist/components/doc-operations/collaborators-operation/collaborators-popover.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+require("./collaborators-popover.css");
+var CollaboratorsPopover = /*#__PURE__*/function (_React$PureComponent) {
+  function CollaboratorsPopover() {
+    (0, _classCallCheck2["default"])(this, CollaboratorsPopover);
+    return (0, _callSuper2["default"])(this, CollaboratorsPopover, arguments);
+  }
+  (0, _inherits2["default"])(CollaboratorsPopover, _React$PureComponent);
+  return (0, _createClass2["default"])(CollaboratorsPopover, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        t = _this$props.t,
+        collaborators = _this$props.collaborators;
+      return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
+        target: "collaborators",
+        placement: "bottom-end",
+        popperClassName: "collaborators-popover",
+        trigger: "legacy",
+        hideArrow: true,
+        fade: false,
+        security: "fixed"
+      }, /*#__PURE__*/_react["default"].createElement(_reactstrap.PopoverHeader, {
+        className: "popover-header"
+      }, t('Online_members'), ' ', "(", collaborators.length, ")"), /*#__PURE__*/_react["default"].createElement(_reactstrap.PopoverBody, {
+        className: "popover-container"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "content-list"
+      }, collaborators.map(function (item, index) {
+        var name = index === 0 ? "".concat(item.name, " (").concat(t('Me'), ")") : item.name;
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: index,
+          className: "collaborator-details"
+        }, /*#__PURE__*/_react["default"].createElement("span", {
+          className: "collaborator-tag"
+        }), /*#__PURE__*/_react["default"].createElement("img", {
+          className: "collaborator-avatar",
+          alt: name,
+          src: item.avatar_url
+        }), /*#__PURE__*/_react["default"].createElement("span", {
+          className: "collaborator-name"
+        }, name));
+      }))));
+    }
+  }]);
+}(_react["default"].PureComponent);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CollaboratorsPopover);

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _collaboratorsPopover = _interopRequireDefault(require("./collaborators-popover"));
+var CollaboratorsOperation = /*#__PURE__*/function (_React$PureComponent) {
+  function CollaboratorsOperation(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, CollaboratorsOperation);
+    _this = (0, _callSuper2["default"])(this, CollaboratorsOperation, [props]);
+    (0, _defineProperty2["default"])(_this, "onUserJoinRoom", function (userInfo) {
+      var collaborators = _this.state.collaborators;
+      var newCollaborators = collaborators.slice();
+      if (!newCollaborators.find(function (user) {
+        return user.username === userInfo.username;
+      })) {
+        newCollaborators.push(userInfo);
+        _this.setState({
+          collaborators: newCollaborators
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onUserLeaveRoom", function (username) {
+      if (_this.currentUser.username === username) return;
+      var collaborators = _this.state.collaborators;
+      var newCollaborators = collaborators.slice();
+      if (newCollaborators.find(function (user) {
+        return user.username === username;
+      })) {
+        newCollaborators = newCollaborators.filter(function (user) {
+          return user.username !== username;
+        });
+        _this.setState({
+          collaborators: newCollaborators
+        });
+      }
+    });
+    var _userInfo = _sdocEditor.context.getUserInfo();
+    _this.state = {
+      collaborators: [_userInfo]
+    };
+    _this.currentUser = _userInfo;
+    return _this;
+  }
+  (0, _inherits2["default"])(CollaboratorsOperation, _React$PureComponent);
+  return (0, _createClass2["default"])(CollaboratorsOperation, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      _sdocEditor.context.getCollaborators().then(function (res) {
+        var collaborators = res.data.collaborators;
+
+        // delete current user and push it at first one
+        var currentUserIndex = collaborators.findIndex(function (user) {
+          return user.username === _this2.currentUser.username;
+        });
+        if (currentUserIndex > -1) {
+          collaborators.splice(currentUserIndex, 1);
+        }
+        collaborators.unshift(_this2.currentUser);
+        _this2.setState({
+          collaborators: collaborators
+        });
+      });
+      var eventBus = _sdocEditor.EventBus.getInstance();
+      this.unsubscribeJoinEvent = eventBus.subscribe('join-room', this.onUserJoinRoom);
+      this.unsubscribeLeaveEvent = eventBus.subscribe('leave-room', this.onUserLeaveRoom);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.unsubscribeJoinEvent();
+      this.unsubscribeLeaveEvent();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var collaborators = this.state.collaborators;
+      var t = this.props.t;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "op-item collaborators-op-item",
+        id: "collaborators"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "sdocfont sdoc-user mr-1"
+      }), collaborators.length), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+        target: "collaborators"
+      }, t('Online_members')), /*#__PURE__*/_react["default"].createElement(_collaboratorsPopover["default"], {
+        collaborators: collaborators
+      }));
+    }
+  }]);
+}(_react["default"].PureComponent);
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CollaboratorsOperation);

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

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _collaboratorsOperation = _interopRequireDefault(require("./collaborators-operation"));
+var _moreOperations = _interopRequireDefault(require("./more-operations"));
+var _pluginsOperations = _interopRequireDefault(require("./plugins-operations"));
+var _presentationOperation = _interopRequireDefault(require("./presentation-operation"));
+var _revisionOperations = _interopRequireDefault(require("./revision-operations"));
+var _shareOperation = _interopRequireDefault(require("./share-operation"));
+require("./style.css");
+var DocOperations = function DocOperations(_ref) {
+  var isShowChanges = _ref.isShowChanges,
+    isStarred = _ref.isStarred,
+    _ref$isPublished = _ref.isPublished,
+    isPublished = _ref$isPublished === void 0 ? false : _ref$isPublished,
+    changes = _ref.changes,
+    handleViewChangesToggle = _ref.handleViewChangesToggle,
+    handleRevisionMerged = _ref.handleRevisionMerged,
+    handleRevisionPublished = _ref.handleRevisionPublished;
+  var isSdocRevision = _sdocEditor.context.getSetting('isSdocRevision');
+  var mobileLogin = _sdocEditor.context.getSetting('mobileLogin');
+  if (_sdocEditor.isMobile) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "doc-ops"
+    }, !isSdocRevision && !mobileLogin && /*#__PURE__*/_react["default"].createElement(_shareOperation["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_moreOperations["default"], {
+      isStarred: isStarred
+    }));
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "doc-ops"
+  }, /*#__PURE__*/_react["default"].createElement(_revisionOperations["default"], {
+    isShowChanges: isShowChanges,
+    isPublished: isPublished,
+    changes: changes,
+    handleViewChangesToggle: handleViewChangesToggle,
+    handleRevisionMerged: handleRevisionMerged,
+    handleRevisionPublished: handleRevisionPublished
+  }), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_presentationOperation["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_pluginsOperations["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_shareOperation["default"], null), !isPublished && /*#__PURE__*/_react["default"].createElement(_collaboratorsOperation["default"], null), !isSdocRevision && /*#__PURE__*/_react["default"].createElement(_moreOperations["default"], null));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(DocOperations);