@seafile/seafile-editor 0.3.97 → 0.3.100

package/dist/_i18n/index.js

@@ -0,0 +1,20 @@
+import i18n from 'i18next';
+import Backend from 'i18next-xhr-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { initReactI18next } from 'react-i18next';
+i18n.use(Backend).use(LanguageDetector).use(initReactI18next).init({
+  lng: 'zh-CN',
+  fallbackLng: 'en',
+  ns: ['seafile-editor'],
+  defaultNS: 'seafile-editor',
+  debug: false,
+  // console log if debug: true
+  interpolation: {
+    escapeValue: false // not needed for react!!
+
+  },
+  react: {
+    wait: true
+  }
+});
+export default i18n;

package/dist/assets/css/comment-dialog.css

@@ -0,0 +1,50 @@
+.seafile-editor-comment.comment-dialog {
+  width: 500px;
+  position: absolute;
+  top: 30%;
+  right: 0;
+  padding: 15px;
+  background-color: #fafafa;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: .3rem;
+  box-shadow: 0 0 3px #ccc;
+  z-index: 1000;
+}
+
+.seafile-editor-comment.comment-dialog .comment-dialog-triangle {
+  position: absolute;
+  left: -5px;
+  top: 50%;
+  transform: rotate(45deg);
+  border: 1px solid rgba(0,0,0,.2);
+  border-top: none;
+  border-right: none;
+  width: 10px;
+  height: 10px;
+  background-color: #fafafa;
+  box-shadow: -1px 1px #ccc;
+}
+
+.seafile-editor-comment.comment-dialog textarea {
+  width: 100%;
+  min-height: 100px;
+  max-height: 300px;
+  padding: 5px;
+  background-color: #fff;
+}
+
+.seafile-editor-comment.comment-dialog .button-group .btn {
+  margin-right: 10px;
+}
+
+.seafile-editor-comment.comment-dialog .comment-dialog-quote {
+  margin-top: 10px;
+  max-height: 6rem;
+  overflow: auto;
+  padding-left: 1rem;
+}
+
+.seafile-editor-comment.comment-dialog .comment-dialog-quote ul,
+.seafile-editor-comment.comment-dialog .comment-dialog-quote ol {
+  padding-left: 1rem;
+}

package/dist/assets/css/issue-card.css

@@ -0,0 +1,43 @@
+.issue-container {
+  width: 100%;
+  padding: 0 10px 10px 10px;
+  margin-top: -10px;
+}
+
+.issue-card {
+  background-color: #fff;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  border-radius: 5px;
+  padding-left: 5px;
+  margin-top: 10px;
+  position: relative;
+  word-break: break-word;
+  box-shadow: 0 5px 5px -2px rgba(200,200,200, 0.5);
+}
+
+.issue-card:before {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  content: '';
+  background-color: rgb(217, 130, 43);
+  border-radius: 3px 0 0 3px;
+}
+.issue-card-title {
+  font-size: 16px;
+  padding: 5px 10px 3px 10px;
+}
+
+.issue-card-description {
+  padding: 0 10px 5px 10px;
+  color: #aaa;
+}
+
+.size-panel-no-content {
+  width: 100%;
+  text-align: center;
+  color: #9a9a9a;
+  padding-top: 10px;
+}

package/dist/assets/css/outline.css

@@ -0,0 +1,29 @@
+.seafile-editor-outline .outline-h2, .outline-h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.seafile-editor-outline .outline-h2 {
+  margin-left: 20px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor:pointer;
+}
+
+.seafile-editor-outline .outline-h2:hover {
+  color: #eb8205;
+}
+
+.seafile-editor-outline .outline-h3 {
+  margin-left: 40px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor:pointer;
+}
+
+.seafile-editor-outline .outline-h3:hover {
+  color: #eb8205;
+}

package/dist/{css → assets/css}/topbar.css

@@ -24,6 +24,25 @@
   margin-right: 6px;
 }
 
+.sf-editor-toolbar {
+  height: 39px;
+  background-color: #fcfcfc;
+}
+
+.sf-editor-toolbar .iconfont {
+  font-size: 13px;
+}
+
+.sf-editor-toolbar .icon-drop-down {
+  display: inline-block;
+  transform: scale(0.8);
+}
+
+.sf-editor-toolbar .icon-caret-up {
+  display: inline-block;
+  transform: scale(0.8);
+}
+
 .seafile-btn-group div button {
   border: none;
 }
@@ -205,14 +224,6 @@
   font-weight: 900;
 }
 
-.seafile-rich-editor-topbar .editor-btn-group {
-  height: 100%;
-  padding: 5px 0 5px 5px;
-  font-size: 0.75rem;
-  border-right: 1px solid #e5e5e5;
-  color: #555555;
-}
-
 .header-list-container {
   height: 39px;
   border-right: 1px solid #e5e5e5;
@@ -425,28 +436,3 @@ p.tip {
     margin-left: 10px;
   }
 }
-
-.sf-editor-rich-menu {
-  height: 39px;
-  background-color: #fcfcfc;
-}
-
-.seafile-simple-editor {
-  height: 100%;
-  min-width: 768px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  border: 1px solid #e5e5e5;
-}
-
-.seafile-simple-editor .editor {
-  margin: 0;
-  padding: 10px;
-  height: 100%;
-  border: none;
-}
-
-.seafile-simple-editor .header-list-container {
-  border-left: 0;
-}

package/dist/{css/richeditor/right-panel.css → assets/css/user-help.css}

@@ -25,16 +25,16 @@
   margin-bottom: 0;
 }
 
-.help-close {
+.seafile-editor-help .help-close {
   font-weight: normal;
   color: #b9b9b9;
 }
 
-.help-close:hover {
+.seafile-editor-help .help-close:hover {
   color: #888;
 }
 
-.help-content {
+.seafile-editor-help .help-content {
   height: calc(100% - 50px);
   overflow-y: auto;
   padding: 0 15px;
@@ -42,7 +42,7 @@
   font-size: 0.8rem;
 }
 
-.help-shortcut {
+.seafile-editor-help .help-shortcut {
   display: flex;
   border-bottom: 1px solid #eee;
   justify-content: space-between;
@@ -50,12 +50,12 @@
   padding: 10px 0;
 }
 
-.help-shortcut-left {
+.seafile-editor-help .help-shortcut-left {
   word-break: break-all;
   line-height: 30px;
 }
 
-.help-content .help-shortcut-type {
+.seafile-editor-help .help-content .help-shortcut-type {
   border-bottom: 1px solid #eee;
   /*height: 50px;*/
   line-height: 2;
@@ -63,7 +63,7 @@
   margin: 10px 0 0 0;
 }
 
-.help-shortcut .key {
+.seafile-editor-help .help-shortcut .key {
   display: inline-block;
   border-radius: 3px;
   background-color: #e8e8e8;
@@ -75,10 +75,10 @@
   line-height: 20px;
 }
 
-.help-shortcut-right {
+.seafile-editor-help .help-shortcut-right {
   min-width: max-content;
 }
 
-.help-shortcut-right-container:not(:first-child) {
+.seafile-editor-help .help-shortcut-right-container:not(:first-child) {
   margin-top: 10px;
 }

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

@@ -0,0 +1,30 @@
+.plain-editor {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  min-width: 0;
+  position: relative;
+}
+
+/* fix plain editor main height */
+.plain-editor-main {
+  position: absolute;
+  inset: 0;
+}
+
+.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/assets/editor/rich-editor.css

@@ -0,0 +1,104 @@
+.seafile-editor {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  min-width: 960px;
+}
+
+.seafile-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-editor-topbar .use-help-icon {
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.seafile-editor-topbar .editor-btn-group {
+  height: 100%;
+  padding: 5px 0 5px 5px;
+  font-size: 0.75rem;
+  border-right: 1px solid #e5e5e5;
+  color: #555555;
+}
+
+.seafile-editor-main {
+  height: calc(100% - 96px);
+  width: 100%;
+}
+
+.seafile-editor-main-panel {
+  height: 100%;
+  background-color: rgb(250,250,249);
+  overflow-x: hidden;
+  display: flex;
+  flex: 0 0 1;
+  position: relative;
+}
+
+.seafile-editor-side-panel {
+  width: 300px;
+  height: 100%;
+  background-color: #fff;
+  border-left: 1px solid rgb(230,230,221);
+  position: relative;
+}
+
+/*set scroll bar*/
+.seafile-rich-editor ::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+.seafile-rich-editor ::-webkit-scrollbar-button {
+  display: none;
+}
+
+.seafile-rich-editor ::-webkit-scrollbar-thumb {
+  background-color: rgb(206, 206, 212);
+  border-radius: 10px;
+}
+
+.seafile-editor-all-panel .editor-container .article {
+  margin: 20px auto;
+  max-width: 950px;
+}
+
+@media (max-width: 991.8px) {
+  .seafile-editor {
+    min-width: calc(100% - 40px);
+  }
+
+  .seafile-editor-main-panel {
+    width: calc(100% - 200px);
+  }
+
+  .seafile-editor-side-panel {
+    min-width: 200px;
+  }
+
+  .editor-container {
+    width: 100%;
+  }
+  
+  .editor-container .editor {
+    margin: 20px !important;
+    padding: 20px 30px;
+  }
+}
+
+@media (max-width: 768px) {
+  .editor-container .editor {
+    margin: 0 !important;
+    padding: 10px 15px;
+    border: 0;
+  }
+}

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

@@ -0,0 +1,77 @@
+.seafile-simple-editor {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 768px;
+  overflow: hidden;
+  border: 1px solid #e5e5e5;
+}
+
+.seafile-simple-editor .seafile-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-simple-editor .seafile-editor-topbar .use-help-icon {
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.seafile-simple-editor .seafile-editor-topbar .editor-btn-group {
+  height: 100%;
+  padding: 5px 0 5px 5px;
+  font-size: 0.75rem;
+  border-right: 1px solid #e5e5e5;
+  color: #555555;
+}
+
+.seafile-simple-editor .header-list-container {
+  border-left: 0;
+}
+
+.seafile-simple-editor .editor {
+  margin: 0;
+  padding: 10px;
+  height: 100%;
+  border: none;
+}
+
+/*set scroll bar*/
+.seafile-simple-editor ::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+
+.seafile-simple-editor ::-webkit-scrollbar-button {
+  display: none;
+}
+
+.seafile-simple-editor ::-webkit-scrollbar-thumb {
+  background-color: rgb(206, 206, 212);
+  border-radius: 10px;
+}
+
+.editor-container {
+  /* this container is needed to show the scroll bar */
+  height: 100%;
+  overflow-y: auto;
+  flex: 1 1 auto;
+  position: relative;
+}
+
+.editor {
+  min-height: calc(100% - 40px);
+  background: #fff;
+  padding: 40px 60px;
+  margin: 20px 40px;
+  border: 1px solid rgb(230,230,221);
+  overflow-x: hidden;
+}

package/dist/components/add-formula-dialog.js

@@ -6,7 +6,7 @@ import React, { Fragment } from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
 import { Editor } from 'slate';
-import { EditorUtils } from '../editor/editor-utils/common-editor-utils';
+import EditorBuilder from '../editor/editor-builder';
 
 var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddFormulaDialog, _React$PureComponent);
@@ -21,7 +21,8 @@ var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
     _this = _super.call(this, props);
 
     _this.setInitialValue = function () {
-      var nodes = Editor.match(window.editor, window.editor.selection, {
+      var editor = EditorBuilder.getEditor();
+      var nodes = Editor.match(editor, editor.selection, {
         type: 'formula'
       });
 
@@ -70,7 +71,7 @@ var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
       _this.props.toggleFormulaDialog();
     };
 
-    _this.editorUtils = new EditorUtils(window.editor);
+    _this.editorUtils = EditorBuilder.getEditorUtils();
     _this.state = {
       formula: ''
     };
@@ -82,7 +83,8 @@ var AddFormulaDialog = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(AddFormulaDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.editorSelection = window.editor.selection;
+      var editor = EditorBuilder.getEditor();
+      this.editorSelection = editor.selection;
 
       if (this.formulaNode) {
         this.renderFormula(this.state.formula);

package/dist/components/add-image-dialog.js

@@ -5,6 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
+import EditorBuilder from '../editor/editor-builder';
 
 var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddImageDialog, _React$PureComponent);
@@ -43,7 +44,8 @@ var AddImageDialog = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(AddImageDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.editorSelection = window.editor.selection;
+      var editor = EditorBuilder.getEditor();
+      this.editorSelection = editor.selection;
     }
   }, {
     key: "render",

package/dist/components/add-link-dialog.js

@@ -5,7 +5,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
 import { withTranslation } from 'react-i18next';
-import { EditorUtils } from '../editor/editor-utils/common-editor-utils';
+import EditorBuilder from '../editor/editor-builder';
 
 var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(AddLinkDialog, _React$PureComponent);
@@ -76,7 +76,7 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
       }
     };
 
-    _this.editorUtils = new EditorUtils(window.editor);
+    _this.editorUtils = EditorBuilder.getEditorUtils();
     _this.isLinkActive = _this.editorUtils.isLinkActive();
     _this.editorSelection = null;
     _this.state = {
@@ -89,7 +89,8 @@ var AddLinkDialog = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(AddLinkDialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.editorSelection = window.editor.selection;
+      var editor = EditorBuilder.getEditor();
+      this.editorSelection = editor.selection;
     }
   }, {
     key: "componentWillMount",

package/dist/components/comment-dialog.js

@@ -3,8 +3,10 @@ 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 { withTranslation } from 'react-i18next';
 import { Button } from 'reactstrap';
 import { processor } from '../utils/seafile-markdown2html';
+import '../assets/css/comment-dialog.css';
 
 var CommentDialog = /*#__PURE__*/function (_React$Component) {
   _inherits(CommentDialog, _React$Component);
@@ -74,16 +76,20 @@ var CommentDialog = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
+      var t = this.props.t;
+      var _this$state = this.state,
+          comment = _this$state.comment,
+          quote = _this$state.quote;
       return /*#__PURE__*/React.createElement("div", {
-        className: "comment-dialog"
+        className: "seafile-editor-comment comment-dialog"
       }, /*#__PURE__*/React.createElement("div", null, this.props.editorApi.name), /*#__PURE__*/React.createElement("blockquote", {
         className: "comment-dialog-quote"
       }, /*#__PURE__*/React.createElement("div", {
         dangerouslySetInnerHTML: {
-          __html: this.state.quote
+          __html: quote
         }
       })), /*#__PURE__*/React.createElement("textarea", {
-        value: this.state.comment,
+        value: comment,
         onChange: this.handleCommentChange
       }), /*#__PURE__*/React.createElement("div", {
         className: "button-group"
@@ -91,11 +97,11 @@ var CommentDialog = /*#__PURE__*/function (_React$Component) {
         size: "sm",
         color: "primary",
         onClick: this.submitComment
-      }, this.props.t('submit')), /*#__PURE__*/React.createElement(Button, {
+      }, t('submit')), /*#__PURE__*/React.createElement(Button, {
         size: "sm",
         color: "secondary",
         onClick: this.props.toggleCommentDialog
-      }, this.props.t('cancel'))), /*#__PURE__*/React.createElement("span", {
+      }, t('cancel'))), /*#__PURE__*/React.createElement("span", {
         className: "comment-dialog-triangle"
       }));
     }
@@ -104,4 +110,4 @@ var CommentDialog = /*#__PURE__*/function (_React$Component) {
   return CommentDialog;
 }(React.Component);
 
-export default CommentDialog;
+export default withTranslation('seafile-editor')(CommentDialog);

package/dist/components/markdown-lint.js

@@ -3,6 +3,7 @@ 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 '../assets/css/issue-card.css';
 
 var MarkdownLint = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(MarkdownLint, _React$PureComponent);