@seafile/seafile-editor 0.3.103 → 0.3.106

package/dist/components/outline/outline-item.js

@@ -60,7 +60,9 @@ var OutlineItem = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement("div", {
         className: className,
         onClick: this.onClick
-      }, node.children[0].text);
+      }, node.children.map(function (child) {
+        return child.text;
+      }).join(''));
     }
   }]);
 

package/dist/editor/markdown-editor.js

@@ -16,6 +16,7 @@ import { serialize } from '../utils/slate2markdown/index';
 import TextLinkHoverMenu from './editor-component/textlink-hovermenu';
 import { isRangeCollapsed } from './editor-utils/range-utils';
 import EditorBuilder from './editor-builder';
+import AddLinkDialog from '../components/add-link-dialog';
 import '../assets/css/navbar-imgbutton.css';
 import '../assets/css/textlink-hovermenu.css';
 import '../assets/css/image.css';
@@ -100,6 +101,12 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
       });
     };
 
+    _this.onToggleLinkDialog = function () {
+      _this.setState({
+        isShowLinkDialog: !_this.state.isShowLinkDialog
+      });
+    };
+
     _this.getQuote = function () {
       _this.quote = serialize(Editor.fragment(_this.editor, _this.editor.selection));
 
@@ -215,7 +222,8 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
       value: props.value,
       isShowContextMenu: false,
       showCommentDialog: false,
-      commentPosition: null
+      commentPosition: null,
+      isShowLinkDialog: false
     };
     _this.editor = EditorBuilder.getEditor(props);
     _this.plugin = EditorBuilder.getPlugin();
@@ -311,6 +319,8 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
         commentPosition: commentPosition,
         onCommentAdded: this.onCommentAdded,
         toggleCommentDialog: this.toggleCommentDialog
+      }), this.state.isShowLinkDialog && /*#__PURE__*/React.createElement(AddLinkDialog, {
+        toggleLinkDialog: this.onToggleLinkDialog
       })));
     }
   }]);

package/dist/index.js

@@ -1,9 +1,9 @@
 import DiffViewer from './viewer/diff-viewer';
 import MarkdownViewer from './viewer/markdown-viewer';
 import { deserialize, serialize } from './utils/slate2markdown';
-import { processor } from './utils/seafile-markdown2html';
+import { processor, processorWithoutHTML } from './utils/seafile-markdown2html';
 import { EditorBuilder, MarkdownEditor, SimpleEditor, PlainMarkdownEditor } from './editor';
 import Toolbar from './components/toolbar';
 import Outline from './components/outline';
 import UserHelp from './components/user-help';
-export { EditorBuilder, MarkdownEditor, SimpleEditor, PlainMarkdownEditor, DiffViewer, MarkdownViewer, Toolbar, Outline, UserHelp, deserialize, serialize, processor };
+export { EditorBuilder, MarkdownEditor, SimpleEditor, PlainMarkdownEditor, DiffViewer, MarkdownViewer, Toolbar, Outline, UserHelp, deserialize, serialize, processor, processorWithoutHTML };

package/dist/utils/seafile-markdown2html.js

@@ -58,5 +58,12 @@ var processor = unified().use(markdown, {
 }).use(raw).use(format).use(stringify);
 var processorGetAST = unified().use(markdown, {
   commonmark: true
-}).use(slug);
-export { processor, processorGetAST };
+}).use(slug); // markdown -> mdast -> html AST -> html
+// don't support dangerous html
+
+var processorWithoutHTML = unified().use(markdown, {
+  commonmark: true
+}).use(math).use(breaks).use(slug).use(remark2rehype).use(mathjax, {
+  displayMath: ['$$', '$$']
+}).use(raw).use(format).use(stringify);
+export { processor, processorWithoutHTML, processorGetAST };

package/dist/utils/slate2markdown/deserialize.js

@@ -421,7 +421,7 @@ function _nodeToSlate(node, opts) {
         return mdImageToSlate(node, opts);
       } else {
         return {
-          text: node.value
+          text: ''
         };
       }
 
@@ -659,9 +659,8 @@ function deserialize(content) {
   } // handle image and html_block
 
 
-  var c;
-  c = fixValue(nodes);
-  var firstBlockType = c[0].type;
+  var c = fixValue(nodes);
+  var firstBlockType = c[0] && c[0].type;
 
   if (firstBlockType === 'table' || firstBlockType === 'code_block' || firstBlockType === 'blockquote') {
     c.unshift({

package/dist/viewer/viewer-image.css

@@ -0,0 +1,23 @@
+.big-image-cover {
+  position: relative;
+}
+
+.big-image-cover .image-container-close {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.big-image-cover .image-container-close .icon-close {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.big-image-cover .image-container-close .icon-close:hover {
+  color: rgba(0, 0, 0, 0.75);
+}

package/dist/viewer/viewer-image.js

@@ -3,7 +3,9 @@ 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 Modal from '../components/modal-portal';
+import ModalPortal from '../components/modal-portal';
+import { Modal } from 'reactstrap';
+import './viewer-image.css';
 
 var ViewerImage = /*#__PURE__*/function (_React$Component) {
   _inherits(ViewerImage, _React$Component);
@@ -18,7 +20,7 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
 
     _this.toggleBigImage = function (event) {
-      event.preventDefault();
+      event && event.preventDefault();
 
       _this.setState({
         isShowBigImage: !_this.state.isShowBigImage
@@ -70,13 +72,19 @@ var ViewerImage = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 var BigImage = function BigImage(props) {
-  return /*#__PURE__*/React.createElement(Modal, null, /*#__PURE__*/React.createElement("div", {
-    className: 'big-image-cover',
+  return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(Modal, {
+    isOpen: true,
+    centered: true,
+    toggle: function toggle() {
+      props.toggleBigImage();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "big-image-cover",
     onClick: function onClick(event) {
       return props.toggleBigImage(event);
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'big-image-container'
+    className: "big-image-container"
   }, /*#__PURE__*/React.createElement("img", {
     src: props.src,
     alt: ""
@@ -84,10 +92,10 @@ var BigImage = function BigImage(props) {
     onClick: function onClick(event) {
       return props.toggleBigImage(event);
     },
-    className: 'image-container-close'
+    className: "image-container-close"
   }, /*#__PURE__*/React.createElement("i", {
-    className: 'iconfont icon-close'
-  }))));
+    className: "iconfont icon-close"
+  })))));
 };
 
 export { ViewerImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.3.103",
+  "version": "0.3.106",
   "private": false,
   "dependencies": {
     "@seafile/react-image-lightbox": "^0.0.9",

package/dist/config-0.js

@@ -1,15 +0,0 @@
-var serverConfig = {
-  serviceUrl: "https://download.seafile.top",
-  username: "xxx",
-  password: "xxx",
-  repoID: "xxxxxxx-xxxx-xxx-xxx-xxxx",
-  userInfo: {
-    username: 'xxx',
-    name: 'xxx',
-    contact_email: 'xxxx'
-  },
-  filePath: '/demo.md',
-  fileName: 'demo.md',
-  dirPath: '/'
-};
-export { serverConfig };

package/dist/config.js

@@ -1,16 +0,0 @@
-var serverConfig = {
-  //serviceUrl: "http://127.0.0.1:8000",
-  serviceUrl: "http://192.168.1.100:8000",
-  username: "lj@11.com",
-  password: "11",
-  repoID: "79d1fa93-4b5f-4d6c-8fb5-ad3958e1fa47",
-  userInfo: {
-    username: 'lj@11.com',
-    name: 'lj-',
-    contact_email: 'lj@11.com'
-  },
-  filePath: '/xxx.md',
-  fileName: 'xxx.md',
-  dirPath: '/'
-};
-export { serverConfig };