@seafile/sdoc-editor 0.1.149-beta4 → 0.1.150

package/dist/api/sdoc-server-api.js

@@ -58,16 +58,6 @@ var SDocServerApi = /*#__PURE__*/function () {
         }
       });
     }
-
-    // saveDocContentByRebase(content) {
-    //   const { server, docUuid, accessToken } = this;
-    //   const url = `${server}/api/v1/docs/${docUuid}/rebase/`;
-
-    //   const formData = new FormData();
-    //   formData.append('doc_content', JSON.stringify(content));
-
-    //   return axios.post(url, formData, {headers: {Authorization: `Token ${accessToken}`}});
-    // }
   }, {
     key: "getCollaborators",
     value: function getCollaborators() {

package/dist/api/seafile-api.js

@@ -46,6 +46,12 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = '/api/v2.1/seadoc/download-image/' + docUuid + '/' + encodeURIComponent(imageName);
       return this.req.get(url);
     }
+  }, {
+    key: "sdocPublishRevision",
+    value: function sdocPublishRevision(docUuid) {
+      var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
+      return this.req.post(url);
+    }
   }, {
     key: "startRevise",
     value: function startRevise(repoID, fileUuid, path) {
@@ -57,9 +63,9 @@ var SeafileAPI = /*#__PURE__*/function () {
       return this._sendPostRequest(url, form);
     }
   }, {
-    key: "getSeadocOriginFileDownloadLink",
-    value: function getSeadocOriginFileDownloadLink(docUuid) {
-      var url = '/api/v2.1/seadoc/origin-file-download-link/' + docUuid + '/';
+    key: "getSeadocRevisionDownloadLinks",
+    value: function getSeadocRevisionDownloadLinks(docUuid) {
+      var url = '/api/v2.1/seadoc/revision/download-links/' + docUuid + '/';
       return this.req.get(url);
     }
   }, {
@@ -75,26 +81,21 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
       return this.req.get(url);
     }
-  }, {
-    key: "updateSdocRevision",
-    value: function updateSdocRevision(docUuid) {
-      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
-      return this.req.put(url);
-    }
-  }, {
-    key: "getFileHistoryVersion",
-    value: function getFileHistoryVersion(docUuid, fileVersion, docPath) {
-      var url = 'api/v2.1/seadoc/history-content/' + docUuid + '/?p=' + encodeURIComponent(docPath) + '&file_version=' + fileVersion;
-      return this.req.get(url);
-    }
-
-    // local files
   }, {
     key: "getSdocFiles",
     value: function getSdocFiles(docUuid, p) {
       var url = 'api/v2.1/seadoc/dir/' + docUuid + '/?p=' + p + '&doc_uuid=' + docUuid;
       return this.req.get(url);
     }
+  }, {
+    key: "asyncCopyImages",
+    value: function asyncCopyImages(docUuid, originDocUuid, imageList) {
+      var url = '/api/v2.1/seadoc/async-copy-images/' + docUuid + '/';
+      return this.req.post(url, {
+        origin_doc_uuid: originDocUuid,
+        image_list: imageList
+      });
+    }
   }]);
   return SeafileAPI;
 }();

package/dist/basic-sdk/constants/index.js

@@ -3,25 +3,7 @@ export var INTERNAL_EVENT = {
   SET_TABLE_SELECT_RANGE: 'set_table_select_range',
   HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
-  INSERT_ELEMENT: 'insert_element'
+  INSERT_ELEMENT: 'insert_element',
+  OUTLINE_STATE_CHANGED: 'outline_state_changed'
 };
-export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
-
-export var MODIFY_TYPE = {
-  ADD: 'add',
-  DELETE: 'delete',
-  MODIFY: 'modify',
-  CHILDREN_MODIFY: 'children_modify'
-};
-export var REBASE_TYPE = {
-  MODIFY_MODIFY: 'modify_modify',
-  DELETE_MODIFY: 'delete_modify',
-  CHILDREN_MODIFY: 'children_modify'
-};
-export var REBASE_MARK_KEY = {
-  ORIGIN: 'origin',
-  REBASE_TYPE: 'rebase_type',
-  MODIFY_TYPE: 'modify_type',
-  OLD_ELEMENT: 'old_element'
-};
-export var REBASE_MARKS = [REBASE_MARK_KEY.ORIGIN, REBASE_MARK_KEY.REBASE_TYPE, REBASE_MARK_KEY.MODIFY_TYPE, REBASE_MARK_KEY.OLD_ELEMENT];
+export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]

package/dist/basic-sdk/editor.js

@@ -0,0 +1,105 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import { Editor } from '@seafile/slate';
+import { useTranslation } from 'react-i18next';
+import { createDefaultEditor } from './extension';
+import { focusEditor } from './extension/core';
+import { withSocketIO } from './socket';
+import withNodeId from './node-id';
+import { PAGE_EDIT_AREA_WIDTH } from './constants';
+import context from '../context';
+import { EditorContainer, EditorContent } from './layout';
+import SlateEditor from './slate-editor';
+import InsertElementDialog from './extension/commons/insert-element-dialog';
+var SDocEditor = forwardRef(function (_ref, ref) {
+  var document = _ref.document,
+    config = _ref.config;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+
+  // init editor
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: config
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    newEditor.readonly = false;
+    return newEditor;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useState = useState(document.children),
+    _useState2 = _slicedToArray(_useState, 2),
+    slateValue = _useState2[0],
+    setSlateValue = _useState2[1];
+
+  // The parent component can call the method of this component through ref
+  useImperativeHandle(ref, function () {
+    return {
+      // get latest value
+      getValue: function getValue() {
+        return slateValue;
+      }
+    };
+  }, [slateValue]);
+
+  // useMount: init socket connection
+  useEffect(function () {
+    editor.openConnection();
+    return function () {
+      editor.closeConnection();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // useMount: focus editor
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      var _editor$children = _slicedToArray(editor.children, 1),
+        firstNode = _editor$children[0];
+      if (firstNode) {
+        var _firstNode$children = _slicedToArray(firstNode.children, 1),
+          firstNodeFirstChild = _firstNode$children[0];
+        if (firstNodeFirstChild) {
+          var endOfFirstNode = Editor.end(editor, [0, 0]);
+          var range = {
+            anchor: endOfFirstNode,
+            focus: endOfFirstNode
+          };
+          focusEditor(editor, range);
+        }
+      }
+    }, 300);
+    return function () {
+      clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // useMount: reset title
+  useEffect(function () {
+    var isSdocRevision = context.getSetting('isSdocRevision');
+    var originFilename = context.getSetting('originFilename');
+    if (isSdocRevision) {
+      window.document.getElementsByTagName('title')[0].innerText = "".concat(t('Revision'), " - ").concat(originFilename);
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
+    editor: editor
+  }, /*#__PURE__*/React.createElement(EditorContent, {
+    docValue: slateValue,
+    showOutline: true
+  }, /*#__PURE__*/React.createElement(SlateEditor, {
+    editor: editor,
+    slateValue: slateValue,
+    setSlateValue: setSlateValue
+  }))), /*#__PURE__*/React.createElement(InsertElementDialog, {
+    editor: editor
+  }));
+});
+export default SDocEditor;

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -1,12 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
-import InsertWebImageDialog from '../../plugins/image/dialogs/insert-web-image-dialog';
 import CustomTableSizeDialog from '../../plugins/table/dialog/custom-table-size-dialog';
 import AddLinkDialog from '../../plugins/link/dialog/add-link-dialog';
 import SelectSdocFileDialog from '../../plugins/sdoc-link/dialog/select-sdoc-file-dialog';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
-import { ELEMENT_TYPE, INSERT_POSITION, INSERT_IMAGE_TYPE } from '../../constants';
+import { ELEMENT_TYPE, INSERT_POSITION, LOCAL_IMAGE } from '../../constants';
 import context from '../../../../context';
 import { insertImage } from '../../plugins/image/helpers';
 var InsertElementDialog = function InsertElementDialog(_ref) {
@@ -57,7 +56,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
     setSlateNode(slateNode);
     setElement(element);
     setDialogType(type);
-    if (type === INSERT_IMAGE_TYPE.LOCAL_IMAGE) {
+    if (type === LOCAL_IMAGE) {
       setTimeout(function () {
         uploadLocalImageInputRef.current && uploadLocalImageInputRef.current.click();
       }, 0);
@@ -89,11 +88,7 @@ var InsertElementDialog = function InsertElementDialog(_ref) {
       {
         return /*#__PURE__*/React.createElement(SelectSdocFileDialog, props);
       }
-    case INSERT_IMAGE_TYPE.WEB_IMAGE:
-      {
-        return /*#__PURE__*/React.createElement(InsertWebImageDialog, props);
-      }
-    case INSERT_IMAGE_TYPE.LOCAL_IMAGE:
+    case LOCAL_IMAGE:
       {
         return /*#__PURE__*/React.createElement("input", {
           ref: uploadLocalImageInputRef,

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

@@ -236,10 +236,7 @@ export var INSERT_POSITION = {
   CURRENT: 'current',
   AFTER: 'after'
 };
-export var INSERT_IMAGE_TYPE = {
-  LOCAL_IMAGE: 'local-image',
-  WEB_IMAGE: 'web-image'
-};
+export var LOCAL_IMAGE = 'local-image';
 export var LIST_ITEM_CORRELATION_TYPE = ['unordered_list', 'ordered_list', 'list-item'];
 export var LIST_ITEM_SUPPORTED_TRANSFORMATION = ['unordered_list', 'ordered_list', 'left', 'center', 'right', 'blockquote'];
 export { BLOCKQUOTE, HEADER, TITLE, SUBTITLE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, BOLD, ITALIC, UNDERLINE, STRIKETHROUGH, SUPERSCRIPT, SUBSCRIPT, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, LIST_LIC, CHECK_LIST, CHECK_LIST_ITEM, LINK, HTML, CODE_BLOCK, CODE_LINE, IMAGE, TABLE, TABLE_CELL, TABLE_ROW, FORMULA, COLUMN, TEXT_STYLE, TEXT_STYLE_MORE, BOLD_ITALIC, TEXT_ALIGN, ALIGN_LEFT, ALIGN_RIGHT, ALIGN_CENTER, ELEMENT_TYPE, KEYBOARD, MAC_HOTKEYS, WIN_HOTKEYS, DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, CLEAR_FORMAT, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BG_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BG_COLOR, FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE, SDOC_LINK };

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

@@ -471,4 +471,25 @@ export var isLastNode = function isLastNode(editor, node) {
   var editorChildren = editor.children || [];
   var editorChildrenLength = editorChildren.length;
   return editorChildren[editorChildrenLength - 1] === node;
+};
+export var isHasImg = function isHasImg(editor) {
+  var hasImg = false;
+  var _iterator5 = _createForOfIteratorHelper(Editor.nodes(editor, {
+      at: editor.selection
+    })),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var _step5$value = _slicedToArray(_step5.value, 1),
+        node = _step5$value[0];
+      if ((node === null || node === void 0 ? void 0 : node.type) === 'image') {
+        hasImg = true;
+      }
+    }
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return hasImg;
 };

package/dist/basic-sdk/extension/core/transforms/replace-node-children.js

@@ -12,30 +12,4 @@ export var replaceNodeChildren = function replaceNodeChildren(editor, _ref) {
       at: at.concat([0])
     }));
   });
-};
-export var replaceNode = function replaceNode(editor) {
-  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    at = _ref2.at,
-    nodes = _ref2.nodes,
-    insertOptions = _ref2.insertOptions,
-    removeOptions = _ref2.removeOptions;
-  Editor.withoutNormalizing(editor, function () {
-    Transforms.removeNodes(editor, _objectSpread({
-      at: at
-    }, removeOptions));
-    Transforms.insertNodes(editor, nodes, _objectSpread(_objectSpread({}, insertOptions), {}, {
-      at: at
-    }));
-  });
-};
-export var deleteNodeMark = function deleteNodeMark(editor, path, element) {
-  var marks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var newElement = _objectSpread({}, element);
-  marks.forEach(function (markItem) {
-    newElement[markItem] && delete newElement[markItem];
-  });
-  replaceNode(editor, {
-    at: path,
-    nodes: newElement
-  });
 };

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

@@ -32,9 +32,11 @@ export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor
 };
 export var generateImageNode = function generateImageNode(src) {
   var element = generateEmptyElement(IMAGE);
+  var docUuid = context.getSetting('docUuid');
   return _objectSpread(_objectSpread({}, element), {}, {
     data: {
-      src: src
+      src: src,
+      origin_doc_uuid: docUuid
     }
   });
 };

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

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { UncontrolledPopover } from 'reactstrap';
 import { isInsertImageMenuDisabled } from '../helpers';
-import { IMAGE, MENUS_CONFIG_MAP, INSERT_IMAGE_TYPE } from '../../../constants';
+import { IMAGE, MENUS_CONFIG_MAP, LOCAL_IMAGE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
 import { INTERNAL_EVENT } from '../../../../constants';
 var ImageMenu = function ImageMenu(_ref) {
@@ -15,16 +15,9 @@ var ImageMenu = function ImageMenu(_ref) {
     t = _useTranslation.t;
   var openInsertLocalImage = useCallback(function () {
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: INSERT_IMAGE_TYPE.LOCAL_IMAGE
+      type: LOCAL_IMAGE
     });
   }, [eventBus]);
-  var openInsertWebImageDialog = useCallback(function () {
-    eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: INSERT_IMAGE_TYPE.WEB_IMAGE
-    });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [eventBus]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
@@ -41,9 +34,6 @@ var ImageMenu = function ImageMenu(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-insert-image-menu-popover-container sdoc-dropdown-menu-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: openInsertWebImageDialog
-  }, t('Insert_network_image')), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openInsertLocalImage
   }, t('Upload_local_image')))));

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

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Transforms, Path, Editor, Element } from '@seafile/slate';
 import context from '../../../../context';
-import { insertImage } from './helpers';
+import { insertImage, copyImage } from './helpers';
 import { focusEditor } from '../../core';
-import { INSERT_POSITION } from '../../constants';
+import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY } from '../../constants';
 var withImage = function withImage(editor) {
   var isInline = editor.isInline,
     isVoid = editor.isVoid,

package/dist/basic-sdk/extension/plugins/image/render-elem.js

@@ -3,12 +3,17 @@ 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 { useSelected } from '@seafile/slate-react';
+import { ReactEditor, useSelected } from '@seafile/slate-react';
+import { Transforms } from '@seafile/slate';
 import React from 'react';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
 import { getImageURL, updateImage } from './helpers';
 import ImagePreviewer from './dialogs/image-previewer';
+import toaster from '../../../../components/toast';
+import context from '../../../../context';
+import { getErrorMsg } from '../../../../utils';
+import imagePlaceholder from '../../../assets/images/image-placeholder.png';
 var Image = /*#__PURE__*/function (_React$Component) {
   _inherits(Image, _React$Component);
   var _super = _createSuper(Image);
@@ -82,26 +87,78 @@ var Image = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       width: null,
       isResizing: false,
-      isShowImagePreview: false
+      isShowImagePreview: false,
+      isShowImagePlaceholder: false
     };
     return _this;
   }
   _createClass(Image, [{
-    key: "render",
-    value: function render() {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var docUuid = context.getSetting('docUuid');
       var _this$props2 = this.props,
-        className = _this$props2.className,
-        attributes = _this$props2.attributes,
         element = _this$props2.element,
-        children = _this$props2.children,
-        isSelected = _this$props2.isSelected,
-        t = _this$props2.t;
+        editor = _this$props2.editor;
+      var data = element.data;
+      var origin_doc_uuid = data.origin_doc_uuid,
+        src = data.src;
+
+      // Pictures are copied from other documents
+      if (origin_doc_uuid && origin_doc_uuid !== docUuid) {
+        this.setState({
+          isShowImagePlaceholder: true
+        });
+        var originDocUuid = origin_doc_uuid;
+        var imageList = [src.slice(1)];
+        context.copyImage(originDocUuid, imageList).then(function (res) {
+          if (res.status === 200) {
+            var path = ReactEditor.findPath(editor, element);
+            Transforms.setNodes(editor, {
+              data: _objectSpread(_objectSpread({}, data), {}, {
+                origin_doc_uuid: docUuid
+              })
+            }, {
+              at: path
+            });
+            _this2.setState({
+              isShowImagePlaceholder: false
+            });
+          }
+        }).catch(function (error) {
+          var errorMessage = getErrorMsg(error);
+          toaster.danger(errorMessage);
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        className = _this$props3.className,
+        attributes = _this$props3.attributes,
+        element = _this$props3.element,
+        children = _this$props3.children,
+        isSelected = _this$props3.isSelected,
+        t = _this$props3.t;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
-        isShowImagePreview = _this$state.isShowImagePreview;
+        isShowImagePreview = _this$state.isShowImagePreview,
+        isShowImagePlaceholder = _this$state.isShowImagePlaceholder;
       var data = element.data;
       var imageClassName = isSelected ? 'image-selected' : '';
       var imageStyle = this.getImageStyle();
+      if (isShowImagePlaceholder) {
+        return /*#__PURE__*/React.createElement("span", Object.assign({
+          className: classNames('sdoc-image-wrapper', className)
+        }, attributes), /*#__PURE__*/React.createElement("img", {
+          ref: this.setImageRef,
+          src: imagePlaceholder,
+          style: imageStyle,
+          draggable: false,
+          alt: ""
+        }), children);
+      }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", Object.assign({
         className: classNames('sdoc-image-wrapper', className)
       }, attributes), /*#__PURE__*/React.createElement("img", {