@seafile/seafile-sdoc-editor 2.0.32 → 2.0.34

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

@@ -35,13 +35,13 @@
 }
 
 .content-list .collaborator-details {
+  position: relative;
   height: 32px;
   line-height: 32px;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 3px 12px;
-  
 }
 
 .content-list .collaborator-details:hover {
@@ -72,3 +72,37 @@
   text-overflow: ellipsis;
   color: #212529;
 }
+
+.content-list .collaborator-details .sdocfont {
+  position: absolute;
+  right: 12px;
+  font-size: 14px;
+  display: inline-block;
+}
+
+.content-list .collaborator-details .sdocfont:hover {
+  color: #333;
+  cursor: pointer;
+}
+
+
+.content-list .collaborator-details .rename-container input {
+  box-sizing: content-box;
+  padding: 2px 3px;
+  max-width: 100%;
+  width: auto;
+  height: 22px;
+  line-height: 19px;
+  border-radius: 2px;
+  word-wrap: break-word;
+  vertical-align: middle;
+  border: 1px solid #ccc;
+}
+
+
+.content-list .collaborator-details .rename-container input:focus {
+  background-color: #fff;
+  border-color: #1991eb;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
+}

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

@@ -9,22 +9,47 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 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 _reactstrap = require("reactstrap");
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _rename = _interopRequireDefault(require("./rename"));
 require("./collaborators-popover.css");
 var CollaboratorsPopover = /*#__PURE__*/function (_React$PureComponent) {
-  function CollaboratorsPopover() {
+  function CollaboratorsPopover(props) {
+    var _this;
     (0, _classCallCheck2["default"])(this, CollaboratorsPopover);
-    return (0, _callSuper2["default"])(this, CollaboratorsPopover, arguments);
+    _this = (0, _callSuper2["default"])(this, CollaboratorsPopover, [props]);
+    (0, _defineProperty2["default"])(_this, "onEditNameToggle", function () {
+      _this.setState({
+        isRenaming: true
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameConfirm", function (newName) {
+      _this.props.onEditUserName(newName);
+      _this.onRenameCancel();
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameCancel", function () {
+      _this.setState({
+        isRenaming: false
+      });
+    });
+    _this.state = {
+      isRenaming: false
+    };
+    return _this;
   }
   (0, _inherits2["default"])(CollaboratorsPopover, _React$PureComponent);
   return (0, _createClass2["default"])(CollaboratorsPopover, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props = this.props,
         t = _this$props.t,
         collaborators = _this$props.collaborators;
+      var isRenaming = this.state.isRenaming;
+      var canEdit = _sdocEditor.context.getSetting('canEdit');
       return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
         target: "collaborators",
         placement: "bottom-end",
@@ -41,6 +66,8 @@ var CollaboratorsPopover = /*#__PURE__*/function (_React$PureComponent) {
         className: "content-list"
       }, collaborators.map(function (item, index) {
         var name = index === 0 ? "".concat(item.name, " (").concat(t('Me'), ")") : item.name;
+        var canEditName = index === 0 && canEdit;
+        var isEditName = index === 0 && isRenaming;
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: index,
           className: "collaborator-details"
@@ -50,9 +77,16 @@ var CollaboratorsPopover = /*#__PURE__*/function (_React$PureComponent) {
           className: "collaborator-avatar",
           alt: name,
           src: item.avatar_url
-        }), /*#__PURE__*/_react["default"].createElement("span", {
+        }), !isEditName && /*#__PURE__*/_react["default"].createElement("span", {
           className: "collaborator-name"
-        }, name));
+        }, name), isEditName && /*#__PURE__*/_react["default"].createElement(_rename["default"], {
+          name: item.name,
+          onRenameConfirm: _this2.onRenameConfirm,
+          onRenameCancel: _this2.onRenameCancel
+        }), canEditName && /*#__PURE__*/_react["default"].createElement("i", {
+          className: "sdocfont sdoc-rename",
+          onClick: _this2.onEditNameToggle
+        }));
       }))));
     }
   }]);

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

@@ -46,6 +46,34 @@ var CollaboratorsOperation = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     });
+    (0, _defineProperty2["default"])(_this, "onUserUpdated", function (userInfo) {
+      var collaborators = _this.state.collaborators;
+      var newCollaborators = collaborators.map(function (item) {
+        if (item.username === userInfo.username) {
+          item.name = userInfo.name;
+        }
+        return item;
+      });
+      _this.setState({
+        collaborators: newCollaborators
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onRename", function (newName) {
+      var collaborators = _this.state.collaborators;
+      var currentUser = _this.currentUser;
+      var socketManager = _sdocEditor.SocketManager.getInstance();
+      socketManager.sendUserUpdated(newName);
+      var newCollaborators = collaborators.map(function (item) {
+        if (item.username === currentUser.username) {
+          item.name = newName;
+          _this.currentUser.name = newName;
+        }
+        return item;
+      });
+      _this.setState({
+        collaborators: newCollaborators
+      });
+    });
     var _userInfo = _sdocEditor.context.getUserInfo();
     _this.state = {
       collaborators: [_userInfo]
@@ -76,12 +104,14 @@ var CollaboratorsOperation = /*#__PURE__*/function (_React$PureComponent) {
       var eventBus = _sdocEditor.EventBus.getInstance();
       this.unsubscribeJoinEvent = eventBus.subscribe('join-room', this.onUserJoinRoom);
       this.unsubscribeLeaveEvent = eventBus.subscribe('leave-room', this.onUserLeaveRoom);
+      this.unsubscribeUpdatedEvent = eventBus.subscribe('user-updated', this.onUserUpdated);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.unsubscribeJoinEvent();
       this.unsubscribeLeaveEvent();
+      this.unsubscribeUpdatedEvent();
     }
   }, {
     key: "render",
@@ -96,7 +126,8 @@ var CollaboratorsOperation = /*#__PURE__*/function (_React$PureComponent) {
       }), collaborators.length), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
         target: "collaborators"
       }, t('Online_members')), /*#__PURE__*/_react["default"].createElement(_collaboratorsPopover["default"], {
-        collaborators: collaborators
+        collaborators: collaborators,
+        onEditUserName: this.onRename
       }));
     }
   }]);

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

@@ -0,0 +1,100 @@
+"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 _sdocEditor = require("@seafile/sdoc-editor");
+var Rename = /*#__PURE__*/function (_React$Component) {
+  function Rename(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Rename);
+    _this = (0, _callSuper2["default"])(this, Rename, [props]);
+    (0, _defineProperty2["default"])(_this, "onChange", function (e) {
+      _this.setState({
+        name: e.target.value
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onKeyDown", function (e) {
+      if (e.keyCode === 13) {
+        _this.onRenameConfirm(e);
+      } else if (e.keyCode === 27) {
+        _this.onRenameCancel(e);
+      }
+      e.nativeEvent.stopImmediatePropagation();
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameConfirm", function (e) {
+      e && e.nativeEvent.stopImmediatePropagation();
+      var newName = _this.state.name.trim();
+      if (newName === _this.props.name) {
+        _this.props.onRenameCancel();
+        return;
+      }
+      var _this$validateInput = _this.validateInput(),
+        isValid = _this$validateInput.isValid,
+        errMessage = _this$validateInput.errMessage;
+      if (!isValid) {
+        _sdocEditor.toaster.danger(errMessage);
+        _this.props.onRenameCancel();
+      } else {
+        _this.props.onRenameConfirm(newName);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "onRenameCancel", function (e) {
+      e.nativeEvent.stopImmediatePropagation();
+      _this.props.onRenameCancel();
+    });
+    (0, _defineProperty2["default"])(_this, "validateInput", function () {
+      var newName = _this.state.name.trim();
+      var t = _this.props.t;
+      var isValid = true;
+      var errMessage = '';
+      if (!newName) {
+        isValid = false;
+        errMessage = t('Name_is_required');
+        return {
+          isValid: isValid,
+          errMessage: errMessage
+        };
+      }
+      return {
+        isValid: isValid,
+        errMessage: errMessage
+      };
+    });
+    _this.state = {
+      name: props.name
+    };
+    _this.inputRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+  (0, _inherits2["default"])(Rename, _React$Component);
+  return (0, _createClass2["default"])(Rename, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.inputRef.current.focus();
+      this.inputRef.current.setSelectionRange(0, -1);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "rename-container"
+      }, /*#__PURE__*/_react["default"].createElement("input", {
+        ref: this.inputRef,
+        value: this.state.name,
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onBlur: this.onRenameConfirm
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = Rename;

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

@@ -20,7 +20,6 @@ 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,

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _printJs = _interopRequireDefault(require("@seafile/print-js"));
+var _sdocEditor = require("@seafile/sdoc-editor");
+var _switch = _interopRequireDefault(require("../switch"));
+var ShareLinkMoreOperations = function ShareLinkMoreOperations(_ref) {
+  var t = _ref.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setIsDropdownOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(_sdocEditor.LocalStorage.getItem(_sdocEditor.FULL_WIDTH_MODE)),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isFullWidthMode = _useState4[0],
+    setIsFullWidthMode = _useState4[1];
+  var mobileLogin = _sdocEditor.context.getSetting('mobileLogin');
+  var cssUrls = _sdocEditor.context.getPrintCss();
+  var id = 'sdoc_more_operation';
+  (0, _react.useEffect)(function () {
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    var unSubscribe = eventBus.subscribe(_sdocEditor.INTERNAL_EVENT.ON_PRINT, handlePrint);
+    return function () {
+      unSubscribe();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var toggleDropdown = (0, _react.useCallback)(function (event, isDropdownOpen) {
+    if (isDropdownOpen) {
+      // Clicking the fullscreen menu does not close the collapsed menu
+      var el = document.getElementById('sdoc-full-width-mode-wrapper');
+      if (el && el.contains(event.target)) return;
+    }
+    setIsDropdownOpen(!isDropdownOpen);
+  }, []);
+  var handlePrint = (0, _react.useCallback)(function () {
+    (0, _printJs["default"])({
+      printable: 'sdoc-editor-print-wrapper',
+      type: 'html',
+      scanStyles: true,
+      targetStyles: ['*'],
+      style: '@page { size: auto A4 landscape;margin:20px auto; padding: 0;} .d-print-none{display:none !important;} .article {border: none !important; box-shadow: none !important; } html, body {margin: 0; padding: 0}',
+      css: cssUrls
+    });
+  }, [cssUrls]);
+  var printShortcutTexts = (0, _react.useMemo)(function () {
+    var printTexts = (0, _sdocEditor.isMac)() ? ['⌘', 'P'] : ['Ctrl', 'P'];
+    return printTexts;
+  }, []);
+  var onSwitchMode = (0, _react.useCallback)(function () {
+    var newMode = !isFullWidthMode;
+    _sdocEditor.LocalStorage.setItem(_sdocEditor.FULL_WIDTH_MODE, newMode);
+    var eventBus = _sdocEditor.EventBus.getInstance();
+    eventBus.dispatch(_sdocEditor.INTERNAL_EVENT.RESIZE_ARTICLE);
+    setIsFullWidthMode(newMode);
+  }, [isFullWidthMode]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Dropdown, {
+    className: "sdoc-operator-folder ".concat(mobileLogin ? 'mobile-login' : ''),
+    isOpen: isDropdownOpen,
+    toggle: function toggle(event) {
+      return toggleDropdown(event, isDropdownOpen);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+    id: id,
+    className: "op-item",
+    tag: "span"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-more"
+  })), /*#__PURE__*/_react["default"].createElement(_sdocEditor.Tooltip, {
+    target: id
+  }, t('More_operation')), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+    className: "sdoc-dropdown-menu",
+    end: true
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    onClick: handlePrint
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-dropdown-print-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, t('Print')), /*#__PURE__*/_react["default"].createElement(_sdocEditor.MenuShortcutPrompt, {
+    shortcuts: printShortcutTexts
+  }))), !_sdocEditor.isMobile && /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    id: "sdoc-full-width-mode-wrapper",
+    className: "sdoc-dropdown-menu-item"
+  }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+    checked: isFullWidthMode,
+    placeholder: t('Full_width_mode'),
+    className: "sdoc-full-width-mode-wrapper w-100",
+    onChange: onSwitchMode
+  }))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(ShareLinkMoreOperations);

package/dist/index.js

@@ -46,6 +46,12 @@ Object.defineProperty(exports, "SdocWikiEditor", {
     return _sdocWikiEditor["default"];
   }
 });
+Object.defineProperty(exports, "ShareLinkEditor", {
+  enumerable: true,
+  get: function get() {
+    return _shareLinkEditor["default"];
+  }
+});
 Object.defineProperty(exports, "SimpleEditor", {
   enumerable: true,
   get: function get() {
@@ -70,6 +76,7 @@ var _constants = require("./constants");
 var _diffViewer = _interopRequireDefault(require("./pages/diff-viewer"));
 var _publishedRevisionViewer = _interopRequireDefault(require("./pages/published-revision-viewer"));
 var _sdocWikiEditor = _interopRequireDefault(require("./pages/sdoc-wiki-editor"));
+var _shareLinkEditor = _interopRequireDefault(require("./pages/share-link-editor"));
 var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
 var _simpleViewer = _interopRequireDefault(require("./pages/simple-viewer"));
 var _wikiViewer = _interopRequireDefault(require("./pages/wiki-viewer"));

package/dist/pages/share-link-editor.js

@@ -0,0 +1,63 @@
+"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 _docInfo = _interopRequireDefault(require("../components/doc-info"));
+var _collaboratorsOperation = _interopRequireDefault(require("../components/doc-operations/collaborators-operation"));
+var _shareLinkMoreOperations = _interopRequireDefault(require("../components/doc-operations/share-link-more-operations"));
+var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+var _hooks = require("../hooks");
+var _layout = _interopRequireWildcard(require("../layout"));
+var _utils = require("../utils");
+require("../assets/css/simple-editor.css");
+var ShareLinkEditor = function ShareLinkEditor(_ref) {
+  var showComment = _ref.showComment,
+    t = _ref.t,
+    _ref$plugins = _ref.plugins,
+    plugins = _ref$plugins === void 0 ? [] : _ref$plugins,
+    collaborators = _ref.collaborators;
+  _sdocEditor.context.initApi();
+  var editorRef = (0, _react.useRef)(null);
+  var _useDocument = (0, _hooks.useDocument)(),
+    isFirstLoading = _useDocument.isFirstLoading,
+    isReloading = _useDocument.isReloading,
+    errorMessage = _useDocument.errorMessage,
+    document = _useDocument.document;
+
+  // useMount: reset title
+  (0, _react.useEffect)(function () {
+    (0, _utils.resetWebTitle)(t);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (isFirstLoading) {
+    return /*#__PURE__*/_react["default"].createElement(_sdocEditor.Loading, null);
+  }
+  if (errorMessage) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "error-page"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "error-tip"
+    }, t(errorMessage)));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.CollaboratorsProvider, {
+    collaborators: collaborators
+  }, /*#__PURE__*/_react["default"].createElement(_sdocEditor.PluginsProvider, {
+    plugins: plugins,
+    showComment: showComment
+  }, /*#__PURE__*/_react["default"].createElement(_layout["default"], null, !(0, _utils.isSeafileClient)() && /*#__PURE__*/_react["default"].createElement(_layout.Header, null, /*#__PURE__*/_react["default"].createElement(_docInfo["default"], null), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "doc-ops"
+  }, /*#__PURE__*/_react["default"].createElement(_collaboratorsOperation["default"], null), /*#__PURE__*/_react["default"].createElement(_shareLinkMoreOperations["default"], null))), /*#__PURE__*/_react["default"].createElement(_layout.Content, null, /*#__PURE__*/_react["default"].createElement(_sdocEditor.SDocEditor, {
+    ref: editorRef,
+    isReloading: isReloading,
+    document: document,
+    showComment: showComment
+  }))))));
+};
+var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(ShareLinkEditor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-sdoc-editor",
-  "version": "2.0.32",
+  "version": "2.0.34",
   "author": "shuntian <978987373@qq.com>",
   "homepage": "https://github.com/seafileltd/sea-sdoc-editor#readme",
   "license": "ISC",
@@ -29,7 +29,7 @@
   "description": "",
   "dependencies": {
     "@seafile/print-js": "1.6.6",
-    "@seafile/sdoc-editor": "^2.0.115",
+    "@seafile/sdoc-editor": "^2.0.117",
     "classnames": "2.3.2",
     "dayjs": "1.10.7"
   },
@@ -45,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "90b92ce7a4734fb67256a9b67aa78596f6160f70"
+  "gitHead": "192c29edee49bb35a6a30f68e34b11c2764ea0d5"
 }