@seafile/seafile-editor 0.4.7 → 0.4.8

package/dist/components/error-boundary.js

@@ -2,7 +2,7 @@ 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, { Children } from 'react';
+import React from 'react';
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
   var _super = _createSuper(ErrorBoundary);

package/dist/components/svg-icons/check-mark-icon.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 var CheckMarkIcon = function CheckMarkIcon(props) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     className: "icon",

package/dist/components/svg-icons/column-icon.js

@@ -1,13 +1,13 @@
-import * as React from "react";
+import * as React from 'react';
 var ColumnIcon = function ColumnIcon(props) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32",
     style: {
-      enableBackground: "new 0 0 32 32"
+      enableBackground: 'new 0 0 32 32'
     },
     xmlSpace: "preserve"
-  }, props), /*#__PURE__*/React.createElement("title", null, "insert-column"), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("title", null, 'insert-column'), /*#__PURE__*/React.createElement("path", {
     d: "m19.4 14.3 12 6.7-4.5 1.3 2.2 4.7c.5.8.2 1.9-.5 2.5-.8.5-1.8.5-2.5-.2L22 25l-3.5 3.2.9-13.9zM14.5 23c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5h-13c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h13zm2-10c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5h-15c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h15zm13-10c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5h-28c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h28z",
     style: {
       fill: props.color

package/dist/components/svg-icons/text-icon.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 var TextIcon = function TextIcon(props) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "\\u56FE\\u5C42_1",
@@ -7,10 +7,10 @@ var TextIcon = function TextIcon(props) {
     y: 0,
     viewBox: "0 0 32 32",
     style: {
-      enableBackground: "new 0 0 32 32"
+      enableBackground: 'new 0 0 32 32'
     },
     xmlSpace: "preserve"
-  }, props), /*#__PURE__*/React.createElement("title", null, "text-style"), /*#__PURE__*/React.createElement("g", {
+  }, props), /*#__PURE__*/React.createElement("title", null, 'text-style'), /*#__PURE__*/React.createElement("g", {
     id: "text-style"
   }, /*#__PURE__*/React.createElement("g", {
     id: "\\u5B57\\u4F53\\u6837\\u5F0F",

package/dist/config.js

@@ -0,0 +1,15 @@
+var serverConfig = {
+  serviceUrl: 'dhttps://dev.seafile.com/seahub',
+  username: 'bing.an@seafile.com',
+  password: 'Seafile123#$%',
+  repoID: '66ffac5c-9cce-4738-a867-bb8931821e04',
+  userInfo: {
+    username: 'bing.an@seafile.com',
+    name: '安冰',
+    contact_email: 'bing.an@seafile.com'
+  },
+  filePath: '/测试.md',
+  fileName: '测试.md',
+  dirPath: '/'
+};
+export { serverConfig };

package/dist/containers/controller/index.js

@@ -1,5 +1,5 @@
-import withBlock from "./block-element-controller";
-import withVoid from "./void-element-controller";
-import withMarkdownShortcut from "./shortcut-controller";
-import withInline from "./inline-element-controller";
+import withBlock from './block-element-controller';
+import withVoid from './void-element-controller';
+import withMarkdownShortcut from './shortcut-controller';
+import withInline from './inline-element-controller';
 export { withBlock, withInline, withMarkdownShortcut, withVoid };

package/dist/editors/markdown-editor.js

@@ -5,15 +5,13 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import { withTranslation } from 'react-i18next';
-import { Node, Editor, Range } from 'slate';
-import { Editable, Slate, ReactEditor } from '@seafile/slate-react';
+import { Node, Editor } from 'slate';
+import { Editable, Slate } from '@seafile/slate-react';
 import toaster from '../components/toast';
 import ModalPortal from '../components/modal-portal';
 import ContextMenu from '../components/context-menu';
 import TextLinkHoverMenu from '../components/text-link-hover-menu';
-import CommentDialog from '../components/dialogs/comment-dialog';
 import AddLinkDialog from '../components/dialogs/add-link-dialog';
-import { serialize } from '../utils/slate2markdown/index';
 import { isRangeCollapsed } from '../containers/editor-utils/range-utils';
 import { renderNode, renderLeaf, decorationNode } from '../containers/render-utils/editor-utils';
 import EditorContext from '../containers/editor-context';
@@ -38,57 +36,11 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
       }
       return node;
     };
-    _this.updateCommentBtnPosition = function () {
-      if (!_this.props.isSupportComment) return;
-      if (_this.timer) return;
-      _this.timer = setTimeout(function () {
-        var selection = _this.editor.selection;
-        if (!selection || Range.isCollapsed(selection)) {
-          var _style = _this.commentRef.style;
-          _style.top = '-1000px';
-          clearTimeout(_this.timer);
-          _this.timer = null;
-          return;
-        }
-        var focusNodePath = selection.anchor.path.slice();
-        focusNodePath.pop();
-        var focusNode = _this.getDomNodeByPath(focusNodePath);
-        var style = _this.commentRef.style;
-        style.right = '40px';
-        if (focusNode) {
-          style.top = "".concat(focusNode.offsetTop, "px");
-        } else {
-          style.top = '-1000px';
-        }
-        clearTimeout(_this.timer);
-        _this.timer = null;
-      }, 40);
-    };
-    _this.onCommentAdded = function () {
-      _this.toggleCommentDialog();
-      _this.props.onAddComment && _this.props.onAddComment();
-    };
-    _this.addComment = function (e) {
-      e.stopPropagation();
-      _this.getQuote();
-      _this.toggleCommentDialog();
-    };
-    _this.toggleCommentDialog = function () {
-      _this.setState({
-        showCommentDialog: !_this.state.showCommentDialog
-      });
-    };
     _this.onToggleLinkDialog = function () {
       _this.setState({
         isShowLinkDialog: !_this.state.isShowLinkDialog
       });
     };
-    _this.getQuote = function () {
-      _this.quote = serialize(Editor.fragment(_this.editor, _this.editor.selection));
-      _this.setState({
-        commentPosition: _this.editor.selection.anchor.path
-      });
-    };
     _this.onChange = function (value) {
       _this.setState({
         value: value
@@ -125,14 +77,6 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
         selection: selection
       });
     };
-    _this.scrollToQuote = function (path) {
-      if (!path) return;
-      var editor = _this.editor;
-      var node = editor.children[path[0]];
-      var element = ReactEditor.toDOMNode(editor, node);
-      _this.editorContainerRef.scrollTo(0, element.offsetTop);
-      Editor.select(_this.editor, path);
-    };
     _this.scrollToNode = function (node) {
       var editor = document.querySelector('.editor-component');
       var element = editor.childNodes[node.path[0]];
@@ -161,9 +105,6 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
-    _this.setCommentRef = function (ref) {
-      _this.commentRef = ref;
-    };
     _this.setEditorRef = function (ref) {
       _this.editorRef = ref;
     };
@@ -173,8 +114,6 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       value: props.value,
       isShowContextMenu: false,
-      showCommentDialog: false,
-      commentPosition: null,
       isShowLinkDialog: false
     };
     _this.editor = EditorContext.getEditor(props);
@@ -220,10 +159,7 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var editor = this.editor;
-      var _this$state = this.state,
-        value = _this$state.value,
-        commentPosition = _this$state.commentPosition;
-      var addCommentClass = 'iconfont icon-plus-square seafile-viewer-comment-btn';
+      var value = this.state.value;
 
       // link detail message
       var toolbarStatus = this.editorUtils.getToolbarStatus();
@@ -250,25 +186,15 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
         onCut: this.onCut,
         onCopy: this.onCopy,
         onKeyDown: this.onKeyDown,
-        onSelect: this.updateCommentBtnPosition,
+        onSelect: function onSelect() {},
         onContextMenu: this.onContextMenu
-      }), /*#__PURE__*/React.createElement("i", {
-        className: addCommentClass,
-        ref: this.setCommentRef,
-        onMouseDown: this.addComment
       })))), /*#__PURE__*/React.createElement(Fragment, null, toolbarStatus.isLinkActive && selectionCollapsed && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(TextLinkHoverMenu, {
         onToggleLinkDialog: this.onToggleLinkDialog,
         editorUtils: this.editorUtils
       })), this.state.isShowContextMenu && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(ContextMenu, {
         tableUtils: this.tableUtils,
         contextMenuPosition: this.contextMenuPosition
-      })), this.state.showCommentDialog && /*#__PURE__*/React.createElement(CommentDialog, {
-        quote: this.quote,
-        editorApi: this.editor.editorApi,
-        commentPosition: commentPosition,
-        onCommentAdded: this.onCommentAdded,
-        toggleCommentDialog: this.toggleCommentDialog
-      }), this.state.isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
+      })), this.state.isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
         toggleLinkDialog: this.onToggleLinkDialog
       })));
     }

package/dist/setting.local.js

@@ -0,0 +1,14 @@
+export default {
+  serviceUrl: 'https://dev.seafile.com/seahub',
+  username: 'bing.an@seafile.com',
+  password: 'Seafile123#$%',
+  name: '安冰',
+  contact_email: 'bing.an@seafile.com',
+  lib_name: '1',
+  repoID: '1284f468-d4fe-4046-a119-669b3d49cb71',
+  seafileCollabServer: 'https://dev.seafile.com/',
+  dirPath: '/',
+  filePath: '/readme.md',
+  fileName: 'readme.md'
+  // scriptSource: ''
+};

package/dist/utils/utils.js

@@ -37,8 +37,8 @@ export var replaceColumnData = function replaceColumnData(mdNodes, columns, getC
       // change column node to text node
       var newNode = {
         'text': value,
-        "BOLD": data.bold,
-        "ITALIC": data.italic
+        'BOLD': data.bold,
+        'ITALIC': data.italic
       };
       mdNodes.splice(i, 1, newNode);
       return 1; // continue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "private": false,
   "description": "This is a custom markdown editor",
   "main": "dist/index.js",
@@ -118,7 +118,6 @@
     "react-dom": "16.14.0",
     "react-hot-loader": "4.13.1",
     "react-i18next": "12.1.4",
-    "react-mentions": "4.4.7",
     "resolve": "1.12.0",
     "resolve-url-loader": "3.1.5",
     "sass-loader": "7.2.0",

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

@@ -1,50 +0,0 @@
-.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

@@ -1,43 +0,0 @@
-.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/components/dialogs/comment-dialog.js

@@ -1,97 +0,0 @@
-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';
-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);
-  var _super = _createSuper(CommentDialog);
-  function CommentDialog(props) {
-    var _this;
-    _classCallCheck(this, CommentDialog);
-    _this = _super.call(this, props);
-    _this.handleCommentChange = function (event) {
-      var comment = event.target.value;
-      _this.setState({
-        comment: comment
-      });
-    };
-    _this.submitComment = function () {
-      var comment = _this.state.comment.trim();
-      if (comment.length > 0 && _this.props.quote.length > 0) {
-        var detail = {
-          quote: _this.props.quote,
-          position: _this.props.commentPosition
-        };
-        var detailJSON = JSON.stringify(detail);
-        _this.props.editorApi.postComment(comment, detailJSON).then(function (res) {
-          _this.props.onCommentAdded();
-        });
-      }
-    };
-    _this.setQuoteText = function (mdQuote) {
-      processor.process(mdQuote).then(function (result) {
-        var quote = String(result);
-        _this.setState({
-          quote: quote
-        });
-      });
-    };
-    _this.state = {
-      comment: '',
-      quote: ''
-    };
-    return _this;
-  }
-  _createClass(CommentDialog, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setQuoteText(this.props.quote);
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (this.props.quote !== nextProps.quote) {
-        this.setQuoteText(nextProps.quote);
-      }
-    }
-  }, {
-    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: "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: quote
-        }
-      })), /*#__PURE__*/React.createElement("textarea", {
-        value: comment,
-        onChange: this.handleCommentChange
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "button-group"
-      }, /*#__PURE__*/React.createElement(Button, {
-        size: "sm",
-        color: "primary",
-        onClick: this.submitComment
-      }, t('submit')), /*#__PURE__*/React.createElement(Button, {
-        size: "sm",
-        color: "secondary",
-        onClick: this.props.toggleCommentDialog
-      }, t('cancel'))), /*#__PURE__*/React.createElement("span", {
-        className: "comment-dialog-triangle"
-      }));
-    }
-  }]);
-  return CommentDialog;
-}(React.Component);
-export default withTranslation('seafile-editor')(CommentDialog);

package/dist/components/markdown-lint.js

@@ -1,72 +0,0 @@
-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';
-import '../assets/css/issue-card.css';
-var MarkdownLint = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MarkdownLint, _React$PureComponent);
-  var _super = _createSuper(MarkdownLint);
-  function MarkdownLint() {
-    var _this;
-    _classCallCheck(this, MarkdownLint);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.onClickCard = function (event, key) {
-      if (_this.props.document[key]) {
-        var node = _this.props.document[key];
-        node.key = key;
-        _this.props.scrollToNode(node);
-      }
-    };
-    return _this;
-  }
-  _createClass(MarkdownLint, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var issueCards = [];
-      if (this.props.issues.issue_list.length > 0) {
-        this.props.issues.issue_list.map(function (issue, index) {
-          if (issue.detail) {
-            issue.detail.map(function (detail, detailIndex) {
-              var card = /*#__PURE__*/React.createElement("div", {
-                key: 'issue-' + index + '-' + detailIndex,
-                onClick: function onClick(event) {
-                  _this2.onClickCard(event, detail.position);
-                },
-                className: 'issue-card'
-              }, /*#__PURE__*/React.createElement("div", {
-                className: 'issue-card-title'
-              }, _this2.props.markdownLint[issue.issue_code].issue), /*#__PURE__*/React.createElement("div", {
-                className: 'issue-card-description'
-              }, _this2.props.markdownLint[issue.issue_code].description));
-              issueCards.push(card);
-              return true;
-            });
-          } else {
-            var card = /*#__PURE__*/React.createElement("div", {
-              key: 'issue-' + index,
-              className: 'issue-card'
-            }, /*#__PURE__*/React.createElement("div", {
-              className: 'issue-card-title'
-            }, _this2.props.markdownLint[issue.issue_code].issue), /*#__PURE__*/React.createElement("div", {
-              className: 'issue-card-description'
-            }, _this2.props.markdownLint[issue.issue_code].description));
-            issueCards.push(card);
-          }
-          return true;
-        });
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'issue-container'
-      }, issueCards.length > 0 ? issueCards : /*#__PURE__*/React.createElement("div", {
-        className: 'size-panel-no-content'
-      }, this.props.t('no_document_improvement_suggestion')));
-    }
-  }]);
-  return MarkdownLint;
-}(React.PureComponent);
-export default MarkdownLint;