@seafile/seafile-editor 0.4.4 → 0.4.6

package/README.md

@@ -1,7 +1,8 @@
 # Seafile-editor
+> 其中 3.0 分支用于 dtable-web 项目（依赖的 react 版本为 16.14.0）
+> 当前 master 分支用于 seahub 项目（依赖的 react 版本为 17.0.0）
 
 项目是基于 react-slate 组件库的二次封装, 用于满足公司富文本编辑器的使用需求
-
 ## 目录结构
 
 ```

package/dist/components/load-script/index.js

@@ -14,6 +14,7 @@ var LoadScript = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, LoadScript);
     _this = _super.call(this, props);
+    // load mathjax 
     _this.loadScript = function () {
       if (!_this.props.scriptSource) return;
       if (!document.querySelector('#mathjax')) {
@@ -56,8 +57,6 @@ var LoadScript = /*#__PURE__*/function (_React$Component) {
     }
     return _this;
   }
-
-  // load mathjax 
   _createClass(LoadScript, [{
     key: "render",
     value: function render() {

package/dist/components/toast/toastManager.js

@@ -79,6 +79,10 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
         intent: settings.intent
       };
     };
+    /**
+    * This will set isShown on the Toast which will close the toast.
+    * It won't remove the toast until onExited triggers onRemove.
+    */
     _this.closeToast = function (id) {
       _this.setState(function (previousState) {
         return {

package/dist/containers/custom/split-nodes-at-point.js

@@ -92,7 +92,7 @@ var splitNodesAtPoint = function splitNodesAtPoint(editor) {
           var isEnd = Editor.isEnd(editor, _point, path);
           if (always || !beforeRef || !Editor.isEdge(editor, _point, path)) {
             split = true;
-            var text = node.text,
+            var _text = node.text,
               children = node.children,
               properties = _objectWithoutProperties(node, _excluded);
             editor.apply({

package/dist/containers/editor-utils/block-element-utils/code-utils.js

@@ -51,6 +51,12 @@ var CodeUtils = /*#__PURE__*/function () {
       });
       _this.insertIndent(indent);
     };
+    /**
+     * Todo: unwrap code block
+     * split: Is split the code block at selection when unwrap node
+     * split = true: Unwrap current code line from code block
+     * split = false: Unwrap whole code block
+     */
     this.unwrapCodeBlock = function () {
       var split = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var codeBlock = SfEditor.match(_this.editor, _this.editor.selection, {

package/dist/containers/editor-utils/block-element-utils/list-utils.js

@@ -158,6 +158,7 @@ var LitsUtils = /*#__PURE__*/_createClass(function LitsUtils(editor) {
       });
     });
   };
+  // unwrap list wrap list
   this.getCurrentListItem = function () {
     var selection = _this.editor.selection;
     if (!selection) {
@@ -214,11 +215,11 @@ var LitsUtils = /*#__PURE__*/_createClass(function LitsUtils(editor) {
     var _endItem = _slicedToArray(endItem, 2),
       endPath = _endItem[1];
     if (Path.equals(startPath, endPath)) {
-      var blockParent = Node.parent(_this.editor, startPath);
-      if (!blockParent.type || blockParent.type.indexOf('list') < 0) {
+      var _blockParent = Node.parent(_this.editor, startPath);
+      if (!_blockParent.type || _blockParent.type.indexOf('list') < 0) {
         return [];
       }
-      return [[blockParent, startPath.slice(0, -1)]];
+      return [[_blockParent, startPath.slice(0, -1)]];
     }
     var commonPath = Path.common(focusPath, anchorPath);
     var commonAncestor = Node.get(_this.editor, commonPath);
@@ -289,6 +290,13 @@ var LitsUtils = /*#__PURE__*/_createClass(function LitsUtils(editor) {
     if (node.length > 0) return true;
     return false;
   };
+  /**
+   * When copying a sublist, the list item in the list returned by slate contains only one sublis,
+   * pasting the list item directly into the list will produce an incorrect list structure,
+   * the list item that contains only one list need to flatten
+   * Input: {type: 'list', children: [{type: 'list_item', children: [{type: 'list', children[{type: 'list_item'}, ...]}]}]}
+   * Output: [{type: 'list_item'},....]
+  */
   this.getNormalizedListItems = function (list) {
     var listItems = [];
     list.children.forEach(function (listItem) {

package/dist/containers/editor-utils/text-utils.js

@@ -10,6 +10,10 @@ var CODEREG = /\`(\S+)\`/;
 var TextUtils = /*#__PURE__*/_createClass(function TextUtils(_editor) {
   var _this = this;
   _classCallCheck(this, TextUtils);
+  // Get text related variables before current selection
+  // block: Parent of current text node
+  // range: From start of block to current selection
+  // beforeText: The text of block from start to selection
   this.getTextInfoBeforeSelection = function () {
     var editor = _this.editor;
     var selection = _this.editor.selection;
@@ -109,12 +113,5 @@ var TextUtils = /*#__PURE__*/_createClass(function TextUtils(_editor) {
     exec(command);
   };
   this.editor = _editor;
-}
-
-// Get text related variables before current selection
-// block: Parent of current text node
-// range: From start of block to current selection
-// beforeText: The text of block from start to selection
-);
-
+});
 export default TextUtils;

package/dist/editors/markdown-editor.js

@@ -109,6 +109,7 @@ var MarkdownEditor = /*#__PURE__*/function (_React$Component) {
         _this.editorRef.firstChild.focus();
       }
     };
+    // provide the api to seahub to insert files of library 
     _this.addLink = function (fileName, url, isImage) {
       var selection = _this.editor.selection;
       if (isImage) {

package/dist/editors/plain-markdown-editor.js

@@ -146,6 +146,10 @@ var PlainMarkdownEditor = /*#__PURE__*/function (_React$Component2) {
       leftIsBindScroll: false,
       rightIsBindScroll: false
     };
+    /*
+    *   the data about scroll, these variable has nothing to width react
+    *   they are not state
+    * */
     _this3.scrollData = {
       scrollPercentage: 0,
       leftPanel: null,

package/dist/index.js

@@ -1,3 +1,4 @@
+import { ReactEditor } from '@seafile/slate-react';
 import Toolbar from './components/toolbar';
 import Outline from './components/outline';
 import UserHelp from './components/user-help';
@@ -7,4 +8,4 @@ import { processor } from './utils/seafile-markdown2html';
 import { replaceColumnData } from './utils/utils';
 import { MarkdownEditor, SimpleEditor, PlainMarkdownEditor, SeatableEditor } from './editors';
 import { DiffViewer, MarkdownViewer, SeatableViewer } from './viewer';
-export { EditorContext, MarkdownEditor, SimpleEditor, PlainMarkdownEditor, DiffViewer, MarkdownViewer, SeatableViewer, Toolbar, Outline, UserHelp, deserialize, serialize, processor, SeatableEditor, replaceColumnData };
+export { ReactEditor, EditorContext, MarkdownEditor, SimpleEditor, PlainMarkdownEditor, DiffViewer, MarkdownViewer, SeatableViewer, Toolbar, Outline, UserHelp, deserialize, serialize, processor, SeatableEditor, replaceColumnData };

package/dist/utils/diff/compare-strings.js

@@ -25,9 +25,7 @@ function flattenDeep(arr) {
 }
 function letterPairs(str) {
   var pairs = [];
-  for (var i = 0, max = str.length - 1; i < max; i++) {
-    pairs[i] = str.substring(i, i + 2);
-  }
+  for (var i = 0, max = str.length - 1; i < max; i++) pairs[i] = str.substring(i, i + 2);
   return pairs;
 }
 function wordLetterPairs(str) {

package/dist/utils/diff/diff.js

@@ -389,9 +389,7 @@ var Diff = /*#__PURE__*/function () {
       var o = 0;
       var table = [];
       table[newLength] = [];
-      for (o = oldLength; o >= 0; table[newLength][o--] = 0) {
-        ;
-      }
+      for (o = oldLength; o >= 0; table[newLength][o--] = 0);
       for (n = newLength - 1; n >= 0; n--) {
         table[n] = [];
         table[n][oldLength] = 0;
@@ -447,9 +445,7 @@ var Diff = /*#__PURE__*/function () {
 
       // Build out the table
       table[newLength] = [];
-      for (o = oldLength; o >= 0; table[newLength][o--] = 0) {
-        ;
-      }
+      for (o = oldLength; o >= 0; table[newLength][o--] = 0);
       for (n = newLength - 1; n >= 0; n--) {
         table[n] = [];
         table[n][oldLength] = 0;

package/dist/utils/utils.js

@@ -26,34 +26,31 @@ export var isEmptyParagraph = function isEmptyParagraph(node) {
 
 // root -> paragraph -> 
 export var replaceColumnData = function replaceColumnData(mdNodes, columns, getCellValue, updateImgUrl) {
-  for (var i = 0; i < mdNodes.length; i++) {
+  var _loop = function _loop() {
     var node = mdNodes[i];
     if (node.type === 'column') {
-      var _ret = function () {
-        var data = node.data;
-        var column = columns.find(function (column) {
-          return column.key === data.key;
-        });
-        var value = column ? getCellValue && getCellValue(column) : '';
-        // change column node to text node
-        var newNode = {
-          'text': value,
-          "BOLD": data.bold,
-          "ITALIC": data.italic
-        };
-        mdNodes.splice(i, 1, newNode);
-        return "continue";
-      }();
-      if (_ret === "continue") continue;
+      var data = node.data;
+      var column = columns.find(function (column) {
+        return column.key === data.key;
+      });
+      var value = column ? getCellValue && getCellValue(column) : '';
+      // change column node to text node
+      var newNode = {
+        'text': value,
+        "BOLD": data.bold,
+        "ITALIC": data.italic
+      };
+      mdNodes.splice(i, 1, newNode);
+      return 1; // continue
     }
     // replace image node's src
     if (node.type === 'image') {
-      var data = node.data || {
+      var _data = node.data || {
         src: ''
       };
       if (updateImgUrl && typeof updateImgUrl === 'function') {
-        var src = updateImgUrl(data.src);
-        var newData = _objectSpread(_objectSpread({}, data), {
+        var src = updateImgUrl(_data.src);
+        var newData = _objectSpread(_objectSpread({}, _data), {
           src: src
         });
         node.data = newData;
@@ -64,5 +61,8 @@ export var replaceColumnData = function replaceColumnData(mdNodes, columns, getC
       var nodes = node.children;
       replaceColumnData(nodes, columns, getCellValue, updateImgUrl);
     }
+  };
+  for (var i = 0; i < mdNodes.length; i++) {
+    if (_loop()) continue;
   }
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "private": false,
   "description": "This is a custom markdown editor",
   "main": "dist/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.2",
-    "@seafile/slate-react": "^0.54.13",
+    "@seafile/slate-react": "0.54.13",
     "codemirror": "^5.37.0",
     "deepmerge": "^2.1.0",
     "detect-indent": "^4.0.0",
@@ -27,8 +27,8 @@
     "remark-parse": "^5.0.0",
     "remark-rehype": "^3.0.0",
     "remark-slug": "^5.0.0",
-    "slate": "^0.54.2",
-    "slate-history": "^0.54.2",
+    "slate": "0.54.2",
+    "slate-history": "0.54.2",
     "slate-hyperscript": "0.54.2",
     "unified": "7.0.0",
     "url-parse": "^1.4.3",