@seafile/sdoc-editor 0.1.14-beta → 0.1.15

package/dist/basic-sdk/editor.js

@@ -82,7 +82,6 @@ var SDocEditor = /*#__PURE__*/function (_React$Component) {
         renderLeaf: function renderLeaf(props) {
           return _renderLeaf(props, _this2.editor);
         },
-        onDOMBeforeInput: function onDOMBeforeInput(event) {},
         onKeyDown: this.eventProxy.onKeyDown
       })))));
     }

package/dist/basic-sdk/extension/core/queries/index.js

@@ -35,6 +35,12 @@ export var getNode = function getNode(editor, path) {
 export var getNodeType = function getNodeType(node) {
   return Element.isElement(node) ? node.type : '';
 };
+export var getNodes = function getNodes(node, options) {
+  return Node.nodes(node, options);
+};
+export var getCommonNode = function getCommonNode(root, path, ancestor) {
+  return Node.common(root, path, ancestor);
+};
 export var getSelectedNodeByType = function getSelectedNodeByType(editor, type) {
   var match = function match(n) {
     return getNodeType(n) === type;

package/dist/basic-sdk/extension/plugins/blockquote/helpers.js

@@ -8,18 +8,18 @@ export var isMenuDisabled = function isMenuDisabled(editor) {
       match: function match(n) {
         var type = getNodeType(n);
 
-        // 只可用于 p 和 blockquote
+        // Only available for p and blockquote
         if (type === 'paragraph') return true;
         if (type === 'blockquote') return true;
         return false;
       },
       universal: true,
-      mode: 'highest' // 匹配最高层级
+      mode: 'highest' // Match top level
     }),
     _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
     nodeEntry = _Editor$nodes2[0];
 
-  // 匹配到 p blockquote ，不禁用
+  // Match to p blockquote, do not disable
   if (nodeEntry) {
     return false;
   }

package/dist/basic-sdk/extension/plugins/blockquote/plugin.js

@@ -23,13 +23,13 @@ var withBlockquote = function withBlockquote(editor) {
     var quotePath = ReactEditor.findPath(editor, quoteElem);
     var quoteEndLocation = Editor.end(editor, quotePath);
     if (Point.equals(quoteEndLocation, selection.focus)) {
-      // 光标位于 blockquote 最后
+      // Cursor is at the end of blockquote
       var str = Node.string(quoteElem);
-      // blockquote 文本最后一个是 \n; 
+      // The last of the blockquote text is \n;
       if (str && str.slice(-1) === '\n') {
-        // 第一步：删除最后一个 \n
+        // Step 1: Remove the last \n
         editor.deleteBackward('character');
-        // 第二步：插入一个 paragraph
+        // Step 2: Insert a paragraph
         var p = generateEmptyElement(PARAGRAPH);
         Transforms.insertNodes(newEditor, p, {
           mode: 'highest'
@@ -38,7 +38,7 @@ var withBlockquote = function withBlockquote(editor) {
       }
     }
 
-    // 其他情况，插入换行符
+    // In other cases, insert a newline
     insertText('\n');
   };
   return newEditor;

package/dist/basic-sdk/extension/plugins/code-block/plugin.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Editor, Transforms, Node } from '@seafile/slate';
+import { Transforms, Node } from '@seafile/slate';
 import { getSelectedNodeByType, getNodeType, isLastNode, genEmptyParagraph } from '../../core';
 import { CODE_BLOCK } from '../../constants';
 var getLastTextLineBeforeSelection = function getLastTextLineBeforeSelection(codeNode, editor) {
@@ -15,8 +15,7 @@ var getLastTextLineBeforeSelection = function getLastTextLineBeforeSelection(cod
 };
 var withCodeBlock = function withCodeBlock(editor) {
   var insertBreak = editor.insertBreak,
-    normalizeNode = editor.normalizeNode,
-    insertData = editor.insertData;
+    normalizeNode = editor.normalizeNode;
   var newEditor = editor;
 
   // Rewrite insertBreak
@@ -71,19 +70,6 @@ var withCodeBlock = function withCodeBlock(editor) {
     // Perform default behavior
     return normalizeNode([node, path]);
   };
-
-  // Rewrite insertData - Paste text
-  newEditor.insertData = function (data) {
-    var codeNode = getSelectedNodeByType(newEditor, CODE_BLOCK);
-    if (codeNode == null) {
-      insertData(data); // Perform default insertData
-      return;
-    }
-
-    // Gets the text and inserts it into the code block
-    var text = data.getData('text/plain');
-    Editor.insertText(newEditor, text);
-  };
   return newEditor;
 };
 export default withCodeBlock;

package/dist/basic-sdk/extension/plugins/header/menu/index.js

@@ -38,7 +38,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
     };
     _this.onToggleClick = function (event) {
       event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
+      event.nativeEvent.stopImmediatePropagation;
       var isShowHeaderPopover = !_this.state.isShowHeaderPopover;
       if (isShowHeaderPopover) {
         _this.setState({

package/dist/basic-sdk/extension/plugins/link/plugin.js

@@ -1,8 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Editor, Transforms, Node } from '@seafile/slate';
+import { Transforms, Node } from '@seafile/slate';
 import isUrl from 'is-url';
-import { isMenuDisabled, insertLink } from './helpers';
+import { genLinkNode } from './helpers';
 import { getNodeType } from '../../core';
+import { isImage } from '../../utils';
 var withLink = function withLink(editor) {
   var normalizeNode = editor.normalizeNode,
     isInline = editor.isInline,
@@ -17,22 +18,22 @@ var withLink = function withLink(editor) {
     }
     return isInline(elem);
   };
-
-  // Rewrite insertData, Paste insert link
   newEditor.insertData = function (data) {
+    // Paste content from sdoc document
+    if (newEditor.insertFragmentData(data)) return;
+
+    // Paste content from other document
     var text = data.getData('text/plain');
-    if (!isUrl(text)) {
-      // unlinked
+    if (!isUrl(text) && !isImage(text)) {
+      // not a link content
       insertData(data);
       return;
     }
-
-    // Insert link
-    if (isMenuDisabled(newEditor)) return; // disabled
-    var selection = newEditor.selection;
-    if (selection == null) return;
-    var selectedText = Editor.string(newEditor, selection); // Gets the selected text
-    insertLink(newEditor, selectedText, text);
+    var link = genLinkNode(text, text);
+    Transforms.insertNodes(newEditor, [link, {
+      text: ' '
+    }]);
+    return;
   };
 
   // Rewrite normalizeNode

package/dist/basic-sdk/extension/plugins/list/plugin/index.js

@@ -1,6 +1,7 @@
 import { insertBreakList } from './insert-break-list';
 import { onTabHandle } from './on-tab-handle';
 import { normalizeList } from './normalize-list';
+import { insertFragmentList } from './insert-fragment-list';
 var withList = function withList(editor) {
   var insertBreak = editor.insertBreak,
     deleteBackWord = editor.deleteBackWord,
@@ -28,6 +29,7 @@ var withList = function withList(editor) {
     if (onTabHandle(newEditor, event)) return;
     handleTab && handleTab();
   };
+  newEditor.insertFragment = insertFragmentList(newEditor);
   newEditor.normalizeNode = normalizeList(editor);
   return newEditor;
 };

package/dist/basic-sdk/extension/plugins/list/plugin/insert-fragment-list.js

@@ -0,0 +1,191 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _toArray from "@babel/runtime/helpers/esm/toArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Element, Path, Transforms, Node, Editor } from '@seafile/slate';
+import { LIST_ITEM, LIST_LIC } from '../../../constants';
+import { findNode, getCommonNode, getNode, getNodes } from '../../../core';
+import { getListTypes } from '../queries';
+var isListRoot = function isListRoot(node) {
+  return Element.isElement(node) && getListTypes().includes(node.type);
+};
+var getFirstAncestorOfType = function getFirstAncestorOfType(root, entry, _ref) {
+  var type = _ref.type;
+  var ancestor = Path.parent(entry[1]);
+  while (getNode(root, ancestor).type !== type) {
+    ancestor = Path.parent(ancestor);
+  }
+  return [getNode(root, ancestor), ancestor];
+};
+var findListItemsWithContent = function findListItemsWithContent(first) {
+  var prev = null;
+  var node = first;
+  while (isListRoot(node) || node.type === LIST_ITEM && node.children[0].type !== LIST_LIC) {
+    prev = node;
+    var _node$children = _slicedToArray(node.children, 1);
+    node = _node$children[0];
+  }
+  return prev ? prev.children : [node];
+};
+var trimList = function trimList(listRoot) {
+  if (!isListRoot(listRoot)) {
+    return [listRoot];
+  }
+  var _texts = Node.texts(listRoot);
+  var textEntries = Array.from(_texts);
+  var commonAncestorEntry = textEntries.reduce(function (commonAncestor, textEntry) {
+    return Path.isAncestor(commonAncestor[1], textEntry[1]) ? commonAncestor : getCommonNode(listRoot, textEntry[1], commonAncestor[1]);
+  }, getFirstAncestorOfType(listRoot, textEntries[0], {
+    type: LIST_ITEM
+  }));
+
+  // is ul/ol: return children
+  // is not ul/ol
+  var _ref2 = isListRoot(commonAncestorEntry[0]) ? commonAncestorEntry[0].children : [commonAncestorEntry[0]],
+    _ref3 = _toArray(_ref2),
+    first = _ref3[0],
+    rest = _ref3.slice(1);
+  return [].concat(_toConsumableArray(findListItemsWithContent(first)), _toConsumableArray(rest));
+};
+var wrapNodeIntoListItem = function wrapNodeIntoListItem(node) {
+  return node.type === LIST_ITEM ? node : {
+    type: LIST_ITEM,
+    children: [node]
+  };
+};
+var isSingleLic = function isSingleLic(fragment) {
+  var isFragmentOnlyListRoot = fragment.length === 1 && isListRoot(fragment[0]);
+  return isFragmentOnlyListRoot && _toConsumableArray(getNodes({
+    children: fragment
+  })).filter(function (entry) {
+    return Element.isElement(entry[0]);
+  }).filter(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 1),
+      node = _ref5[0];
+    return node.type === LIST_LIC;
+  }).length === 1;
+};
+export var getTextAndListItemNodes = function getTextAndListItemNodes(editor, fragment, liEntry, licEntry) {
+  var _liEntry = _slicedToArray(liEntry, 2),
+    liPath = _liEntry[1];
+  var _licEntry = _slicedToArray(licEntry, 2),
+    licNode = _licEntry[0],
+    licPath = _licEntry[1];
+  var isEmptyNode = !Node.string(licNode);
+  // format copied fragment
+  // first: lic, path: [...liPath, 0, 0]
+  // rest: children, path: [...liPath, 1, 0]
+  var _fragment$flatMap$map = fragment.flatMap(trimList).map(wrapNodeIntoListItem),
+    _fragment$flatMap$map2 = _toArray(_fragment$flatMap$map),
+    first = _fragment$flatMap$map2[0],
+    rest = _fragment$flatMap$map2.slice(1);
+  var textNode = null;
+  var listItemNodes = [];
+  if (isListRoot(fragment[0])) {
+    if (isSingleLic(fragment)) {
+      textNode = first;
+      listItemNodes = rest;
+    } else if (isEmptyNode) {
+      var li = getNode(editor, liPath);
+      var _li$children = _toArray(li.children),
+        currentSubLists = _li$children.slice(1); // old
+
+      var _first$children = _toArray(first.children),
+        newLic = _first$children[0],
+        newSubLists = _first$children.slice(1); // copied
+      // insert copied contents
+      Transforms.insertNodes(editor, newLic, {
+        at: Path.next(licPath),
+        select: true
+      });
+      Transforms.removeNodes(editor, {
+        at: licPath
+      });
+      if (newSubLists.length) {
+        if (currentSubLists.length) {
+          var path = [].concat(_toConsumableArray(liPath), [1, 0]);
+          Transforms.insertNodes(editor, newSubLists[0].children, {
+            at: path,
+            select: true
+          });
+        } else {
+          Transforms.insertNodes(editor, newSubLists, {
+            at: Path.next(licPath),
+            select: true
+          });
+        }
+      }
+      textNode = {
+        text: ''
+      };
+      listItemNodes = rest;
+    } else {
+      textNode = {
+        text: ''
+      };
+      listItemNodes = [first].concat(_toConsumableArray(rest));
+    }
+  } else {
+    textNode = first;
+    listItemNodes = rest;
+    return {
+      textNode: textNode,
+      listItemNodes: listItemNodes
+    };
+  }
+  return {
+    textNode: textNode,
+    listItemNodes: listItemNodes
+  };
+};
+export var insertFragmentList = function insertFragmentList(editor) {
+  var _insertFragment = editor.insertFragment;
+  return function (fragment) {
+    Editor.withoutNormalizing(editor, function () {
+      var liEntry = findNode(editor, {
+        match: {
+          type: LIST_ITEM
+        },
+        mode: 'lowest'
+      });
+      if (!liEntry) {
+        var nodes = isListRoot(fragment) ? [{
+          text: ''
+        }].concat(_toConsumableArray(fragment)) : fragment;
+        return _insertFragment(nodes);
+      }
+      Transforms.insertFragment(editor, [{
+        text: ''
+      }]); // need ' '
+
+      liEntry = findNode(editor, {
+        match: {
+          type: LIST_ITEM
+        },
+        mode: 'lowest'
+      });
+      var licEntry = findNode(editor, {
+        match: {
+          type: LIST_LIC
+        },
+        mode: 'lowest'
+      });
+      if (!licEntry) {
+        var _nodes = isListRoot(fragment) ? [{
+          text: ''
+        }].concat(_toConsumableArray(fragment)) : fragment;
+        return _insertFragment(_nodes);
+      }
+      var _getTextAndListItemNo = getTextAndListItemNodes(editor, fragment, liEntry, licEntry),
+        textNode = _getTextAndListItemNo.textNode,
+        listItemNodes = _getTextAndListItemNo.listItemNodes;
+      Transforms.insertFragment(editor, [textNode]);
+      var _liEntry2 = liEntry,
+        _liEntry3 = _slicedToArray(_liEntry2, 2),
+        liPath = _liEntry3[1];
+      return Transforms.insertNodes(editor, listItemNodes, {
+        at: Path.next(liPath),
+        select: true
+      });
+    });
+  };
+};

package/dist/basic-sdk/extension/utils/index.js

@@ -0,0 +1,9 @@
+import isUrl from 'is-url';
+export var IMAGE_TYPES = ['png', 'jpg', 'gif'];
+export var isImage = function isImage(url) {
+  if (!url) return false;
+  if (!isUrl(url)) return false;
+  var suffix = url.split('.')[1]; // http://xx/mm/*.png
+  if (!suffix) return false;
+  return IMAGE_TYPES.includes(suffix.toLowerCase());
+};

package/dist/components/doc-operations/index.js

@@ -4,42 +4,25 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import CollaboratorsOperation from './collaborators-operation';
-import context from '../../context';
-import { encodePath } from '../../utils';
 import './style.css';
 var DocOperations = /*#__PURE__*/function (_React$Component) {
   _inherits(DocOperations, _React$Component);
   var _super = _createSuper(DocOperations);
   function DocOperations() {
-    var _this;
     _classCallCheck(this, DocOperations);
-    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.toggleHistory = function (event) {
-      event.stopPropagation();
-      event.nativeEvent.stopImmediatePropagation();
-      var siteRoot = context.getSetting('siteRoot');
-      var repoID = context.getSetting('repoID');
-      var docPath = context.getSetting('docPath');
-      window.location.href = siteRoot + 'repo/file_revisions/' + repoID + '/?p=' + encodePath(docPath);
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
   _createClass(DocOperations, [{
     key: "render",
     value: function render() {
-      var docPerm = context.getSetting('docPerm');
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "doc-ops"
       }, /*#__PURE__*/React.createElement("span", {
         className: "op-item"
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-share"
-      })), docPerm === 'rw' && /*#__PURE__*/React.createElement("span", {
-        className: "op-item",
-        onClick: this.toggleHistory
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "op-item"
       }, /*#__PURE__*/React.createElement("i", {
         className: "iconfont icon-history"
       })), /*#__PURE__*/React.createElement(CollaboratorsOperation, null), /*#__PURE__*/React.createElement("span", {

package/dist/utils/index.js

@@ -18,15 +18,4 @@ export var generateDefaultDocContent = function generateDefaultDocContent() {
     }]
   };
   return defaultValue;
-};
-
-// IE8 not support map, so use push
-export var encodePath = function encodePath(path) {
-  if (!path) return '';
-  var path_arr = path.split('/');
-  var path_arr_ = [];
-  for (var i = 0, len = path_arr.length; i < len; i++) {
-    path_arr_.push(encodeURIComponent(path_arr[i]));
-  }
-  return path_arr_.join('/');
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.14beta",
+  "version": "0.1.15",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",