@seafile/seafile-editor 0.3.76

package/dist/components/user-help.js

@@ -0,0 +1,205 @@
+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';
+
+var ShortCut = /*#__PURE__*/function (_React$Component) {
+  _inherits(ShortCut, _React$Component);
+
+  var _super = _createSuper(ShortCut);
+
+  function ShortCut(props) {
+    var _this;
+
+    _classCallCheck(this, ShortCut);
+
+    _this = _super.call(this, props); // get platform of browser
+
+    _this.platfrom = navigator.platform.indexOf('Win') < 0 ? 'Mac' : 'Win';
+    return _this;
+  }
+
+  _createClass(ShortCut, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("li", {
+        className: 'help-shortcut'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'help-shortcut-left'
+      }, this.props.shortcutName), /*#__PURE__*/React.createElement("div", {
+        className: 'help-shortcut-right'
+      }, /*#__PURE__*/React.createElement(ShortCutRight, {
+        platfrom: this.platform,
+        shortcuts: this.props.shortcuts
+      })));
+    }
+  }]);
+
+  return ShortCut;
+}(React.Component);
+
+var ShortCutRight = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ShortCutRight, _React$PureComponent);
+
+  var _super2 = _createSuper(ShortCutRight);
+
+  function ShortCutRight() {
+    _classCallCheck(this, ShortCutRight);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(ShortCutRight, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, this.props.shortcuts.map(function (shortcut) {
+        var shortcutFirKey = shortcut[0];
+        var shortcutSecnKey = shortcut[1];
+
+        if (typeof shortcut[0] === 'object') {
+          if (_this2.platfrom === 'Win') {
+            shortcutFirKey = shortcut[0][0];
+          } else {
+            shortcutFirKey = shortcut[0][1];
+          }
+        }
+
+        return /*#__PURE__*/React.createElement("div", {
+          className: 'help-shortcut-right-container',
+          key: 'help' + shortcut[0]
+        }, shortcutFirKey ? /*#__PURE__*/React.createElement("div", {
+          className: 'key shortcut-first'
+        }, shortcutFirKey) : null, shortcutSecnKey ? /*#__PURE__*/React.createElement("div", {
+          className: 'key shortcut-second'
+        }, shortcutSecnKey) : null);
+      }));
+    }
+  }]);
+
+  return ShortCutRight;
+}(React.PureComponent);
+
+var HelpShortcutList = /*#__PURE__*/function (_React$PureComponent2) {
+  _inherits(HelpShortcutList, _React$PureComponent2);
+
+  var _super3 = _createSuper(HelpShortcutList);
+
+  function HelpShortcutList(props) {
+    var _this3;
+
+    _classCallCheck(this, HelpShortcutList);
+
+    _this3 = _super3.call(this, props);
+    _this3.shortcutData = [{
+      'Make_list': [['*/-', 'space']],
+      'Make_ordered_list': [['1.', 'space']],
+      'Insert_new_item': [['Enter']],
+      'Insert_child_in_item': [['Shift', 'Enter']],
+      'Increase_depth': [['Tab']]
+    }, {
+      'Heading_1': [['#', 'space']],
+      'Heading_2': [['##', 'space']],
+      'Heading_3': [['###', 'space']],
+      'Heading_4': [['####', 'space']],
+      'Heading_5': [['#####', 'space']],
+      'Heading_6': [['######', 'space']]
+    }, {
+      'Make_code_block': [['```']],
+      'Insert_new_line': [['Enter']],
+      'Escape_code_block': [[['Ctrl', 'Cmd'], 'Enter']],
+      'Insert_indent': [['Tab']]
+    }, {
+      'Make_Block_quote': [['>', 'space']],
+      'Escape_Block_quote': [['Enter']]
+    }, {
+      'Insert_Table_Row': [['Enter']],
+      'Escape_table': [[['Ctrl', 'Cmd'], 'Enter']]
+    }, {
+      'Insert_Formula': [[['Ctrl', 'Cmd'], '$']]
+    }, {
+      'Bold': [['**bold** / __bold__', 'space']],
+      'Italic': [['*italic* / _italic_', 'space']],
+      'Italic_Bold': [['***italic*** / ___italic___', 'space']],
+      'Inline_code': [['`code`', 'space']]
+    }, {
+      'Save_file': [[['Ctrl', 'Cmd'], 's']]
+    }, {
+      'Paste_screen_shot': [[['Ctrl', 'Cmd'], 'v']],
+      'Drag_image_from_anywhere_to_upload_it': []
+    }];
+    return _this3;
+  }
+
+  _createClass(HelpShortcutList, [{
+    key: "render",
+    value: function render() {
+      var title = this.props.data.shortcutType;
+      var dataList = this.props.data.shortcutData;
+      var liArr = [];
+
+      for (var prop in dataList) {
+        var shortcutKeyArr = this.shortcutData[this.props.index][prop];
+        liArr.push( /*#__PURE__*/React.createElement(ShortCut, {
+          key: 'help ' + prop,
+          shortcutName: dataList[prop],
+          shortcuts: shortcutKeyArr
+        }));
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'help-content-container'
+      }, /*#__PURE__*/React.createElement("h5", {
+        className: 'help-shortcut-type'
+      }, title), /*#__PURE__*/React.createElement("ul", {
+        className: 'help-shortcut-list'
+      }, liArr));
+    }
+  }]);
+
+  return HelpShortcutList;
+}(React.PureComponent);
+
+var UserHelpDialog = /*#__PURE__*/function (_React$PureComponent3) {
+  _inherits(UserHelpDialog, _React$PureComponent3);
+
+  var _super4 = _createSuper(UserHelpDialog);
+
+  function UserHelpDialog() {
+    _classCallCheck(this, UserHelpDialog);
+
+    return _super4.apply(this, arguments);
+  }
+
+  _createClass(UserHelpDialog, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'seafile-editor-help align-self-end'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'help-header d-flex'
+      }, /*#__PURE__*/React.createElement("div", {
+        className: 'help-title'
+      }, this.props.userHelp.title), /*#__PURE__*/React.createElement("div", {
+        className: 'help-close',
+        onClick: this.props.hideHelpDialog
+      }, /*#__PURE__*/React.createElement("i", {
+        className: 'iconfont icon-times-circle'
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: 'help-content'
+      }, this.props.userHelp.userHelpData.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(HelpShortcutList, {
+          key: 'help-list' + index,
+          index: index,
+          data: item
+        });
+      })));
+    }
+  }]);
+
+  return UserHelpDialog;
+}(React.PureComponent);
+
+export default UserHelpDialog;

package/dist/css/diff-viewer.css

@@ -0,0 +1,105 @@
+.diff-added {
+  padding: 0 5px;
+  margin: 0 -5px;
+  background-color: #e6ffed;
+  overflow: hidden;
+}
+
+.diff-removed {
+  padding: 0 5px;
+  margin: 0 -5px;
+  overflow: hidden;
+  background-color: #ffeef0;
+}
+
+.diff-removed * {
+  border-left: none;
+  padding-left: 0
+}
+
+.diff-added * {
+  padding-left: 0;
+  border-left: none;
+}
+
+
+.diff-replaced {
+  padding-left: 2px;
+  margin-left: -5px;
+  border-left: 3px solid #f9c513;
+}
+
+.diff-replaced .diff-added {
+  background-color: #e6ffed;
+  margin-left: 0;
+  padding-left: 0;
+  overflow: visible;
+}
+
+.diff-replaced .diff-removed {
+  overflow: visible;
+  padding-left: 0;
+  color: #cb2431;
+  margin-left: 0;
+  background-color: #ffeef0;
+}
+
+.diff-replaced .diff-replaced {
+  border-left: none;
+  margin-left: 0;
+  overflow: visible;
+}
+
+.diff-replaced .diff-removed-container {
+  padding: 0 5px;
+  margin: 0 -5px;
+  background-color: #ffeef0;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.diff-replaced .diff-added-container {
+  padding: 0 5px;
+  margin: 0 -5px;
+  background-color: #e6ffed;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+
+.diff-replaced table .diff-added {
+  background-color: #e6ffed;
+  padding: 0 0;
+  margin: 0;
+}
+
+.diff-replaced table .diff-removed {
+  background-color: #ffeef0;
+  margin: 0;
+  padding: 0 0;
+}
+
+.diff-replaced table tr.diff-replaced {
+  padding-left: 0;
+}
+
+.diff-replaced del {
+  background-color: #fdb8c0;
+  text-decoration: none;
+  color: #cb2431;
+}
+
+.diff-replaced ins {
+  background-color: #acf2bd;
+  text-decoration: none;
+}
+
+.article .diff-replaced .old-paragraph {
+  background-color: #ffeef0;
+  margin-bottom: 0;
+}
+
+.article .diff-replaced .new-paragraph {
+  background-color: #e6ffed;
+  margin-top: 0;
+}

package/dist/css/history-viewer.css

@@ -0,0 +1,104 @@
+.seafile-history-side-panel {
+  user-select: none;
+  border-left: 1px solid #e5e5e5;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 auto;
+}
+
+.history-side-panel-title {
+  height: 50px;
+  border-bottom: 1px solid #e5e5e5;
+  line-height: 50px;
+  font-size: 1rem;
+  padding: 0 10px;
+  box-sizing: border-box;
+  background-color: rgb(250,250,249);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.history-side-panel-title .history-tile-text {
+  font-weight: bolder;
+}
+
+
+.history-side-panel-title .history-title-close {
+  color: #b9b9b9;
+}
+
+.history-side-panel-title .history-title-close:hover {
+  color: #888;
+}
+
+
+.history-list-container {
+  height: calc(100% - 36px);
+  overflow-y: hidden;
+}
+.history-list-container:hover {
+  overflow-y: auto;
+}
+
+.item-active {
+  background-color: #fdc297;
+}
+
+.history-item-container {
+  padding: 0.5rem .8rem;
+}
+
+.history-item-container:not(.item-active):hover {
+  background-color: #ffe7d5;
+}
+
+.history-item-container div {
+ width: 100%;
+}
+
+.history-item-container .owner {
+ margin-top: 0.2rem;
+}
+
+.history-item-container .owner i {
+  color: #549b5a;
+  font-size: 0.2rem;
+  margin-right: 0.2rem;
+  vertical-align: middle;
+}
+
+.history-item-container .owner span {
+  vertical-align: middle;
+}
+
+.diff-container {
+  flex: 1 1 auto;
+  overflow: auto;
+  box-sizing: border-box;
+}
+
+.diff-wrapper {
+  width: 90%;
+  border: 1px solid #e5e5e5;
+  margin: 20px auto;
+  background-color: #fff;
+  min-height: calc(100% - 40px);
+  padding: 70px 75px;
+}
+
+@media (max-width:991.8px) {
+  .diff-container {
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .diff-wrapper {
+    padding: 20px;
+  }
+}
+@media (min-width:992px) {
+  .seafile-history-side-panel {
+    width: 260px;
+  }
+}

package/dist/css/keyboard-shortcuts.css

@@ -0,0 +1,59 @@
+.keyboard-shortcut-dialog {
+  max-width: 600px;
+}
+
+.keyboard-shortcut-dialog .modal-body {
+  max-height: 500px;
+  overflow: auto;
+}
+
+.keyboard-shortcut-container {
+  line-height: 1.5;
+  border-radius: 3px;
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  margin-top: 3px;
+  background-color: rgb(248, 248, 248);
+}
+
+.keyboard-shortcut-title {
+  font-size: 0.9rem;
+}
+
+.keyboard-shortcut-container>div:first-child {
+  text-align: right;
+}
+
+.keyboard-shortcut-container>div:last-child {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  font-size: 13px;
+}
+
+.keyboard-shortcut {
+  display: inline-block;
+}
+
+.keyboard-shortcut kbd {
+  font: inherit;
+  background-color: hsla(0,0%,100%,0.25);
+  border-color: rgba(0,0,0,0.1);
+  text-transform: uppercase;
+  text-align: center;
+  border-radius: 3px;
+  color: #333333;
+  box-sizing: border-box;
+  border-style: solid;
+  border-width: 1px;
+  display: inline-block;
+  border-bottom-width: 2px;
+  font-size: 12px;
+  margin-left: 1px;
+  margin-right: 1px;
+  margin-bottom: 0px;
+  min-width: 12px;
+  padding: 1px 3px;
+}

package/dist/css/layout.css

@@ -0,0 +1,110 @@
+/*set scroll bar*/
+.seafile-editor-module ::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+.iconfont {
+  font-size: 13px;
+}
+
+.icon-drop-down {
+  display: inline-block;
+  transform: scale(0.8);
+}
+
+.icon-caret-up {
+  display: inline-block;
+  transform: scale(0.8);
+}
+ 
+.seafile-editor-module ::-webkit-scrollbar-button {
+  display: none;
+}
+
+.seafile-editor-module ::-webkit-scrollbar-thumb {
+  background-color: rgb(206, 206, 212);
+  border-radius: 10px;
+}
+
+.seafile-editor {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  min-width: 960px;
+}
+
+.seafile-editor-main {
+  height: calc(100% - 96px);
+  width: 100%;
+}
+
+/* fix plain editor main height */
+.plain-editor-main {
+  height: calc(100% - 68px);
+}
+.seafile-editor-topbar {
+  width: 100%;
+  height: 68px;
+  background-color: #fff;
+  padding: 0px 10px;
+  border-bottom: 1px solid #e5e5e5;
+  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
+  user-select: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  z-index: 3;
+}
+
+
+.seafile-rich-editor-topbar {
+  width: 100%;
+  background-color: #fff;
+  border-bottom: 1px solid #e5e5e5;
+  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
+  user-select: none;
+  position: relative;
+  z-index: 3;
+  display: flex;
+  justify-content: space-between;
+}
+
+.seafile-rich-editor-topbar .use-help-icon {
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.seafile-editor-side-panel {
+  height: 100%;
+  background-color: #fff;
+  border-left: 1px solid rgb(230,230,221);
+  position: relative;
+}
+
+.seafile-editor-main-panel {
+  height: 100%;
+  background-color: rgb(250,250,249);
+  overflow-x: hidden;
+  display: flex;
+  flex: 0 0 1;
+  position: relative; /* for seafile-editor-resize */
+}
+
+.plain-editor-left-panel {
+  height: 100%;
+  width: 50%;
+  background-color: #fff;
+  border-right: 1px solid rgb(230,230,221);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+.plain-editor-right-panel {
+  height: 100%;
+  width: 50%;
+  background-color: rgb(250,250,249);
+  overflow-y: scroll;
+  overflow-x: hidden;
+}

package/dist/css/markdown-viewer-slate/file-tags-list.css

@@ -0,0 +1,76 @@
+.sf-md-viewer-topbar-second {
+  border-bottom: 1px solid #e5e5e5;
+  box-shadow: 0 3px 2px -2px rgba(200,200,200,.15);
+}
+
+.sf-related-files-bar {
+  display: flex;
+  padding: 4px 8px;
+  border-right: 1px solid #e6e6dd;
+}
+
+.sf-related-files-bar a {
+  color: #212529;
+}
+
+.sf-related-files-bar a:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.edit-related-file {
+  color: #666;
+  font-size: 14px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.edit-related-file:hover {
+  text-decoration: underline;
+}
+
+.sf-files-tags, .no-file-tag {
+  display: flex;
+  flex-wrap: wrap;
+  border-left: 1px solid #e6e6dd;
+  border-right: 1px solid #e6e6dd;
+  margin-bottom: 0;
+}
+
+.no-file-tag {
+  padding: 4px 10px;
+}
+
+.no-related-file {
+  margin: 0 2px;
+}
+
+.sf-files-tag {
+  margin: 4px 8px;
+  width: max-content;
+  display: flex;
+  align-items: center;
+}
+
+.sf-files-tag:last-child {
+  background: none;
+  font-size: 14px;
+  color: #666;
+  cursor: pointer;
+  margin-left: 0;
+}
+
+.sf-files-tag:last-child:hover {
+  text-decoration: underline;
+}
+
+.sf-files-tag .file-tag-icon {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+}
+
+.sf-files-tag .file-tag-name {
+  margin-left: 5px;
+  white-space: nowrap;
+}