@seafile/sdoc-editor 0.1.146-beta3 → 0.1.147

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

@@ -48,11 +48,9 @@ var SeafileAPI = /*#__PURE__*/function () {
     }
   }, {
     key: "sdocPublishRevision",
-    value: function sdocPublishRevision(docUuid, replace) {
+    value: function sdocPublishRevision(docUuid) {
       var url = '/api/v2.1/seadoc/publish-revision/' + docUuid + '/';
-      var form = new FormData();
-      form.append('replace', replace);
-      return this._sendPostRequest(url, form);
+      return this.req.post(url);
     }
   }, {
     key: "startRevise",
@@ -65,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);
     }
   }, {
@@ -83,26 +81,6 @@ var SeafileAPI = /*#__PURE__*/function () {
       var url = 'api/v2.1/seadoc/revisions/' + docUuid + '/?page=' + page + '&per_page=' + perPage;
       return this.req.get(url);
     }
-  }, {
-    key: "deleteSdocRevision",
-    value: function deleteSdocRevision(docUuid) {
-      var url = 'api/v2.1/seadoc/revision/' + docUuid + '/';
-      return this.req.delete(url);
-    }
-  }, {
-    key: "mergeSdocRevision",
-    value: function mergeSdocRevision(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) {

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

@@ -5,17 +5,4 @@ export var INTERNAL_EVENT = {
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   INSERT_ELEMENT: 'insert_element'
 };
-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_MARKS = ['origin', 'rebaseType', 'oldElement'];
+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/constants/element-type.js

@@ -46,7 +46,4 @@ export var SDOC_LINK = 'sdoc-link';
 // font
 export var FONT_SIZE = 'font-size';
 export var FONT_SIZE_INCREASE = 'font-size-increase';
-export var FONT_SIZE_REDUCE = 'font-size-reduce';
-
-// rebase
-export var REBASE_ELEMENT = 'rebase-element';
+export var FONT_SIZE_REDUCE = 'font-size-reduce';

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/link/hover/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import '../../../../assets/css/textlink-hovermenu.css';
@@ -10,10 +10,14 @@ var LinkHover = function LinkHover(_ref) {
     onEditLink = _ref.onEditLink;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var onMouseDown = useCallback(function (event) {
+    event.stopPropagation();
+  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, createPortal( /*#__PURE__*/React.createElement("div", {
     id: "link-op-menu",
     className: "link-op-menu",
-    style: menuPosition
+    style: menuPosition,
+    onMouseDown: onMouseDown
   }, /*#__PURE__*/React.createElement("a", {
     href: element.href,
     target: "_blank",

package/dist/basic-sdk/extension/plugins/table/render/render-cell.js

@@ -55,7 +55,8 @@ var TableCell = function TableCell(_ref) {
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     style: _objectSpread(_objectSpread(_objectSpread({}, element.style), style), {}, {
       minWidth: columnWidth,
-      width: columnWidth
+      width: columnWidth,
+      maxWidth: columnWidth
     }),
     className: classnames('table-cell', attributes.className, {
       'cell-selected': isSelected,
@@ -96,7 +97,8 @@ function renderTableCell(props) {
     return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
       style: _objectSpread(_objectSpread(_objectSpread({}, element.style), style), {}, {
         minWidth: width,
-        width: width
+        width: width,
+        maxWidth: width
       }),
       className: classnames('table-cell', attributes.className),
       "data-id": element.id

package/dist/basic-sdk/{editor/slate-editor.js → slate-editor.js}

@@ -1,24 +1,22 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
-import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from '../extension/core';
-import EventProxy from '../utils/event-handler';
-import { useCursors } from '../cursor/use-cursors';
-import { INTERNAL_EVENT } from '../constants';
-import { SetNodeToDecorations } from '../highlight-decorate/setNodeToDecorations';
-import CommentContextProvider from '../comment/comment-context-provider';
-import CommentWrapper from '../comment';
-import { usePipDecorate } from '../decorates';
-import { getCursorPosition, getDomHeight, getDomMarginTop } from '../utils/dom-utils';
-import EventBus from '../utils/event-bus';
-import { ArticleContainer } from '../layout';
-import { useScrollContext } from '../hooks/use-scroll-context';
+import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from './extension';
+import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart } from './extension/core';
+import EventProxy from './utils/event-handler';
+import { useCursors } from './cursor/use-cursors';
+import { INTERNAL_EVENT } from './constants';
+import { SetNodeToDecorations } from './highlight-decorate/setNodeToDecorations';
+import CommentContextProvider from './comment/comment-context-provider';
+import CommentWrapper from './comment';
+import { usePipDecorate } from './decorates';
+import { getCursorPosition, getDomHeight, getDomMarginTop } from './utils/dom-utils';
+import EventBus from './utils/event-bus';
+import { ArticleContainer } from './layout';
+import { useScrollContext } from './hooks/use-scroll-context';
 var SlateEditor = function SlateEditor(_ref) {
   var editor = _ref.editor,
     setSlateValue = _ref.setSlateValue,
-    slateValue = _ref.slateValue,
-    customRenderElement = _ref.renderElement,
-    isShowComment = _ref.isShowComment;
+    slateValue = _ref.slateValue;
   var _useCursors = useCursors(editor),
     cursors = _useCursors.cursors;
   var decorate = usePipDecorate(editor);
@@ -140,15 +138,12 @@ var SlateEditor = function SlateEditor(_ref) {
     editor: editor
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContextToolbar, null), /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     cursors: cursors,
-    renderElement: customRenderElement || renderElement,
+    renderElement: renderElement,
     renderLeaf: renderLeaf,
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     decorate: decorate,
     onCut: eventProxy.onCut
-  })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
-};
-SlateEditor.defaultProps = {
-  isShowComment: true
+  })), /*#__PURE__*/React.createElement(SideToolbar, null), /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
 };
 export default SlateEditor;

package/dist/basic-sdk/socket/helpers.js

@@ -4,7 +4,6 @@ import { Editor, Operation } from '@seafile/slate';
 import { getNode } from '../extension/core';
 import * as OPERATION from '../node-id/constants';
 import { setCursor } from '../cursor/helper';
-import { MODE } from '../../constants';
 export var getNodePathById = function getNodePathById(rootNode, nodeId) {
   var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   if (rootNode.id === nodeId) return path;
@@ -253,7 +252,6 @@ export var reExecRevertOperationList = function reExecRevertOperationList(editor
   }
 };
 export var syncRemoteOperations = function syncRemoteOperations(editor, remoteOperations) {
-  if (editor.mode !== MODE.EDITOR) return;
   if (remoteOperations.length === 0) return;
   Editor.withoutNormalizing(editor, function () {
     for (var i = 0; i < remoteOperations.length; i++) {

package/dist/basic-sdk/socket/socket-client.js

@@ -119,33 +119,6 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
   this.disconnectWithServer = function () {
     _this.socket.disconnect();
   };
-  this.receiveRebaseDocument = function (document, originFileVersion) {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveRebaseContent(document, originFileVersion);
-  };
-  this.sendPublishDocument = function (originFileURL, callback) {
-    _this.socket.emit('publish-document', _this.getParams({
-      originFileURL: originFileURL
-    }), function (result) {
-      callback && callback(result);
-    });
-  };
-  this.receivePublishDocument = function (originFileURL) {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receivePublishDocument(originFileURL);
-  };
-  this.sendMergeDocument = function (document, originFileVersion, callback) {
-    _this.socket.emit('merge-document', _this.getParams({
-      document: document,
-      originFileVersion: originFileVersion
-    }), function (result) {
-      callback && callback(result);
-    });
-  };
-  this.receiveMergeDocument = function (document, originFileVersion) {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveMergeDocument(document, originFileVersion);
-  };
   this.config = config;
   this.isReconnect = false;
   this.socket = io(config.sdocServer, {
@@ -160,9 +133,6 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
   this.socket.on('join-room', this.onJoinRoom);
   this.socket.on('leave-room', this.onLeaveRoom);
   this.socket.on('update-document', this.onReceiveRemoteOperations);
-  this.socket.on('rebase-document', this.receiveRebaseDocument);
-  this.socket.on('merge-document', this.receiveMergeDocument);
-  this.socket.on('publish-document', this.receivePublishDocument);
   this.socket.on('update-cursor', this.receiveCursorLocation);
   this.socket.io.on('reconnect', this.onReconnect);
   this.socket.io.on('reconnect_attempt', this.onReconnectAttempt);

package/dist/basic-sdk/socket/socket-manager.js

@@ -5,9 +5,8 @@ var _class;
 import EventBus from '../utils/event-bus';
 import { syncRemoteOperations, reExecRevertOperationList, revertOperationList, syncRemoteCursorLocation } from './helpers';
 import SocketClient from './socket-client';
-import { conflictDebug, serverDebug, stateDebug } from '../utils/debug';
+import { clientDebug, conflictDebug, serverDebug, stateDebug } from '../utils/debug';
 import { deleteCursor } from '../cursor/helper';
-import { EXTERNAL_EVENT, MODE } from '../../constants';
 
 //  idle --> sending --> conflict --> idle
 //       --> conflict --> idle
@@ -20,29 +19,13 @@ var STATE = {
   DISCONNECT: 'disconnect',
   NEED_RELOAD: 'need_reload'
 };
-var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, _document, config) {
+var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, document, config) {
   var _this = this;
   _classCallCheck(this, SocketManager);
   this.getDocumentVersion = function () {
     var version = _this.document.version;
     return version;
   };
-  this.sendPublishDocument = function (originFileURL) {
-    _this.socketClient.sendPublishDocument(originFileURL);
-  };
-  this.receivePublishDocument = function (originFileURL) {
-    _this.eventBus.dispatch(EXTERNAL_EVENT.PUBLISH_DOCUMENT, originFileURL);
-  };
-  this.sendMergeDocument = function (document, originFileVersion) {
-    _this.socketClient.sendMergeDocument(document, originFileVersion, function (result) {
-      var serverVersion = result.version;
-      _this.document['version'] = serverVersion;
-    });
-  };
-  this.receiveMergeDocument = function (document, originFileVersion) {
-    _this.document = document;
-    _this.eventBus.dispatch(EXTERNAL_EVENT.MERGE_DOCUMENT, document, originFileVersion);
-  };
   this.onReceiveLocalOperations = function (operations) {
     _this.pendingOperationList.push(operations);
     if (_this.pendingOperationList.length > 5) {
@@ -51,7 +34,6 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, _do
     _this.sendOperations();
   };
   this.sendOperations = function () {
-    if (_this.editor.mode !== MODE.EDITOR) return;
     if (_this.state !== STATE.IDLE) return;
     stateDebug("State changed: ".concat(_this.state, " -> ").concat(STATE.SENDING));
     _this.state = STATE.SENDING;
@@ -166,6 +148,12 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, _do
     // The version consistency indicates that there is no conflict and no processing is required
     stateDebug("State Changed: ".concat(_this.state, " -> ").concat(STATE.IDLE));
     _this.state = STATE.IDLE;
+    if (_this.pendingOperationList.length > 0) {
+      clientDebug('After reconnection, manually trigger the execution of ops.');
+      stateDebug("State Changed: ".concat(_this.state, " -> ").concat(STATE.SENDING));
+      _this.state = STATE.SENDING;
+      _this.sendNextOperations();
+    }
   };
   this.onConflictHappen = function () {
     stateDebug("State Changed: ".concat(_this.state, " -> ").concat(STATE.CONFLICT));
@@ -290,11 +278,12 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, _do
       _this.editor.onCursor && _this.editor.onCursor(_this.editor.cursors);
     }
     if (type === 'disconnect') {
+      // current state is sending
       if (_this._sendingOperations) {
         _this.pendingOperationList.unshift(_this._sendingOperations.slice());
         _this._sendingOperations = null;
       }
-      stateDebug("State Changed: ".concat(_this.state, " -> ").concat(STATE.IDLE));
+      stateDebug("State Changed: ".concat(_this.state, " -> ").concat(STATE.DISCONNECT));
       _this.state = STATE.DISCONNECT;
     }
     _this.eventBus.dispatch(type, message);
@@ -303,7 +292,7 @@ var SocketManager = /*#__PURE__*/_createClass(function SocketManager(editor, _do
     _this.socketClient.disconnectWithServer();
   };
   this.editor = editor;
-  this.document = _document;
+  this.document = document;
   this.socketClient = new SocketClient(config);
   this.pendingOperationList = []; // Two-dimensional arrays： [operations, operations, ...]
   this.remoteOperationsList = []; // Same with pending operations

package/dist/basic-sdk/socket/with-socket-io.js

@@ -1,4 +1,3 @@
-import { MODE } from '../../constants';
 import { generateCursorData } from '../cursor/helper';
 import EventBus from '../utils/event-bus';
 import SocketManager from './socket-manager';
@@ -20,50 +19,28 @@ var withSocketIO = function withSocketIO(editor, options) {
     SocketManager.destroy();
   };
   newEditor.onChange = function () {
-    var document = options.document,
-      config = options.config;
-    if (newEditor.mode === MODE.DIFF_VIEWER) return;
+    if (newEditor.readonly) return;
     var operations = newEditor.operations;
     if (!newEditor.isRemote && operations.length > 0) {
       var isAllSetSelection = operations.every(function (operation) {
         return operation.type === 'set_selection';
       });
-      var _socketManager = SocketManager.getInstance(newEditor, document, config);
+      var _socketManager = SocketManager.getInstance();
       if (!isAllSetSelection) {
-        if (newEditor.mode === MODE.EDITOR) {
-          // get update content value operations
-          var updateOperations = operations.filter(function (operation) {
-            return operation.type !== 'set_selection';
-          });
-          _socketManager.onReceiveLocalOperations(updateOperations);
-        }
+        // get update content value operations
+        var updateOperations = operations.filter(function (operation) {
+          return operation.type !== 'set_selection';
+        });
+        _socketManager.onReceiveLocalOperations(updateOperations);
       }
-      if (newEditor.mode === MODE.EDITOR) {
-        _socketManager.sendCursorLocation(editor.selection);
-      }
-    }
-    if (newEditor.mode === MODE.EDITOR) {
-      // dispatch editor change event
-      var eventBus = EventBus.getInstance(newEditor, document, config);
-      eventBus.dispatch('change');
+      _socketManager.sendCursorLocation(editor.selection);
     }
+
+    // dispatch editor change event
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch('change');
     onChange();
   };
-  newEditor.rebaseContent = function (document, originFileVersion) {
-    var config = options.config;
-    var socketManager = SocketManager.getInstance(newEditor, document, config);
-    socketManager.sendRebaseContent(document, originFileVersion);
-  };
-  newEditor.publishDocument = function (originFileURL) {
-    var config = options.config;
-    var socketManager = SocketManager.getInstance(newEditor, document, config);
-    socketManager.sendPublishDocument(document, originFileURL);
-  };
-  newEditor.mergeDocument = function (document, originFileVersion) {
-    var config = options.config;
-    var socketManager = SocketManager.getInstance(newEditor, document, config);
-    socketManager.sendMergeDocument(document, originFileVersion);
-  };
   return newEditor;
 };
 export default withSocketIO;

package/dist/basic-sdk/utils/diff.js

@@ -31,7 +31,7 @@ var generatorDiffElement = function generatorDiffElement(element, diffType) {
     return generatorDiffElement(item, diffType, style);
   })), _objectSpread3));
 };
-export var generateIdMapAndIds = function generateIdMapAndIds(elements) {
+var generateIdMapAndIds = function generateIdMapAndIds(elements) {
   var map = {};
   var ids = [];
   if (!Array.isArray(elements) || elements.length === 0) return {
@@ -54,7 +54,7 @@ var hasChildren = function hasChildren(element) {
 };
 
 // id diffs
-export var getIdDiffs = function getIdDiffs(oldIds, newIds) {
+var getIdDiffs = function getIdDiffs(oldIds, newIds) {
   var diff = new DiffText(oldIds, newIds);
   return diff.getDiffs();
 };

package/dist/basic-sdk/views/diff-viewer.js

@@ -6,8 +6,7 @@ import { ELEMENT_TYPE, ADDED_STYLE, DELETED_STYLE } from '../extension/constants
 import SDocViewer from './viewer';
 import '../../assets/css/diff-viewer.css';
 var DiffViewer = function DiffViewer(_ref) {
-  var editor = _ref.editor,
-    currentContent = _ref.currentContent,
+  var currentContent = _ref.currentContent,
     lastContent = _ref.lastContent,
     didMountCallback = _ref.didMountCallback,
     showToolbar = _ref.showToolbar,
@@ -39,7 +38,6 @@ var DiffViewer = function DiffViewer(_ref) {
     return renderElement(props, editor);
   }, []);
   return /*#__PURE__*/React.createElement(SDocViewer, {
-    editor: editor,
     showToolbar: showToolbar,
     showOutline: showOutline,
     document: {

package/dist/basic-sdk/views/viewer.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React, { Fragment, useMemo } from 'react';
 import { Editable, Slate } from '@seafile/slate-react';
 import { renderLeaf as _renderLeaf, renderElement as _renderElement, createDefaultEditor } from '../extension';
 import withNodeId from '../node-id';
@@ -8,13 +8,16 @@ import { usePipDecorate } from '../decorates';
 import { ArticleContainer, EditorContainer, EditorContent } from '../layout';
 import '../assets/css/simple-viewer.css';
 var SDocViewer = function SDocViewer(_ref) {
-  var editor = _ref.editor,
-    document = _ref.document,
+  var document = _ref.document,
     customRenderLeaf = _ref.renderLeaf,
     customRenderElement = _ref.renderElement,
     showToolbar = _ref.showToolbar,
     showOutline = _ref.showOutline;
-  var validEditor = editor || withNodeId(createDefaultEditor());
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    return withNodeId(defaultEditor);
+  }, []);
+  editor.readonly = true;
   var slateValue = (document || generateDefaultDocContent()).children;
   var decorate = usePipDecorate(editor);
   return /*#__PURE__*/React.createElement(EditorContainer, {
@@ -26,19 +29,19 @@ var SDocViewer = function SDocViewer(_ref) {
     readonly: true,
     showOutline: showOutline
   }, /*#__PURE__*/React.createElement(Slate, {
-    editor: validEditor,
+    editor: editor,
     value: slateValue
   }, /*#__PURE__*/React.createElement(ArticleContainer, {
-    editor: validEditor,
+    editor: editor,
     readOnly: true
   }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SetNodeToDecorations, null), /*#__PURE__*/React.createElement(Editable, {
     readOnly: true,
     placeholder: "",
     renderElement: function renderElement(props) {
-      return (customRenderElement || _renderElement)(props, validEditor);
+      return (customRenderElement || _renderElement)(props, editor);
     },
     renderLeaf: function renderLeaf(props) {
-      return (customRenderLeaf || _renderLeaf)(props, validEditor);
+      return (customRenderLeaf || _renderLeaf)(props, editor);
     },
     onDOMBeforeInput: function onDOMBeforeInput(event) {},
     decorate: decorate