@seafile/sdoc-editor 0.1.149-beta4 → 0.1.150

package/dist/basic-sdk/extension/render/render-element.js

@@ -1,16 +1,10 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
-import deepCopy from 'deep-copy';
-import { useTranslation } from 'react-i18next';
 import { BLOCKQUOTE, LINK, CHECK_LIST_ITEM, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, LIST_ITEM, LIST_LIC, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, CODE_LINE, IMAGE, ELEMENT_TYPE, SDOC_LINK, TITLE, SUBTITLE } from '../constants';
 import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, SdocLinkPlugin, ParagraphPlugin } from '../plugins';
 import EventBus from '../../utils/event-bus';
-import { INTERNAL_EVENT, REBASE_TYPE, REBASE_MARKS, REBASE_MARK_KEY } from '../../constants';
-import { findPath, getNode, replaceNode, generateEmptyElement, deleteNodeMark } from '../../extension/core';
+import { INTERNAL_EVENT } from '../../constants';
 var CustomElement = function CustomElement(props) {
   var editor = useSlateStatic();
   var element = props.element,
@@ -146,212 +140,6 @@ var CustomElement = function CustomElement(props) {
   }
 };
 var RenderElement = function RenderElement(props) {
-  var editor = useSlateStatic();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var updateParentNodeByPath = useCallback(function (path) {
-    var parentPath = path.slice(0, -1);
-    var parentNode = getNode(editor, parentPath);
-    if (parentNode.children.filter(function (item) {
-      return item[REBASE_MARK_KEY.REBASE_TYPE];
-    }).length === 0) {
-      var newParentElement = _objectSpread({}, parentNode);
-      newParentElement[REBASE_MARK_KEY.REBASE_TYPE] && delete newParentElement[REBASE_MARK_KEY.REBASE_TYPE];
-      newParentElement[REBASE_MARK_KEY.OLD_ELEMENT] && delete newParentElement[REBASE_MARK_KEY.OLD_ELEMENT];
-      newParentElement[REBASE_MARK_KEY.ORIGIN] && delete newParentElement[REBASE_MARK_KEY.ORIGIN];
-      newParentElement['children'] = newParentElement['children'].map(function (item) {
-        item[REBASE_MARK_KEY.REBASE_TYPE] && delete item[REBASE_MARK_KEY.REBASE_TYPE];
-        item[REBASE_MARK_KEY.OLD_ELEMENT] && delete item[REBASE_MARK_KEY.OLD_ELEMENT];
-        item[REBASE_MARK_KEY.ORIGIN] && delete item[REBASE_MARK_KEY.ORIGIN];
-        return item;
-      });
-      replaceNode(editor, {
-        at: parentPath,
-        nodes: newParentElement
-      });
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var deleteElement = useCallback(function (element) {
-    var path = findPath(editor, element);
-    Transforms.removeNodes(editor, {
-      at: path
-    });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var deleteMark = useCallback(function (element) {
-    var path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var addDeletedElement = useCallback(function (element) {
-    var path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
-    if (element.type !== ELEMENT_TYPE.LIST_ITEM) {
-      var emptyNode = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
-      Transforms.insertNodes(editor, emptyNode, {
-        at: [path[0]]
-      });
-    } else {
-      var _emptyNode = generateEmptyElement(ELEMENT_TYPE.LIST_ITEM);
-      _emptyNode.children[0] = generateEmptyElement(ELEMENT_TYPE.LIST_LIC);
-      var parentPath = path.slice(0, -1);
-      var parentNode = getNode(editor, parentPath);
-      var newChildren = _toConsumableArray(parentNode.children);
-      var index = path[path.length - 1];
-      newChildren.splice(index, 0, _emptyNode);
-      replaceNode(editor, {
-        at: parentPath,
-        nodes: _objectSpread(_objectSpread({}, parentNode), {}, {
-          children: newChildren
-        })
-      });
-    }
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var useMasterChanges = useCallback(function (element) {
-    var path = findPath(editor, element);
-    deleteNodeMark(editor, path, element[REBASE_MARK_KEY.OLD_ELEMENT], REBASE_MARKS);
-    var nextElementPath = _toConsumableArray(path);
-    nextElementPath[path.length - 1] = path[path.length - 1] + 1;
-    Transforms.removeNodes(editor, {
-      at: nextElementPath
-    });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var useCurrentChanges = useCallback(function (element) {
-    var path = findPath(editor, element);
-    var currentElementPath = _toConsumableArray(path);
-    currentElementPath[path.length - 1] = path[path.length - 1] + 1;
-    var currentElement = getNode(editor, currentElementPath);
-    var newCurrentElement = deepCopy(currentElement);
-    deleteNodeMark(editor, currentElementPath, newCurrentElement, REBASE_MARKS);
-    Transforms.removeNodes(editor, {
-      at: path
-    });
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var useBothChanges = useCallback(function (element) {
-    // delete element marks
-    var path = findPath(editor, element);
-    deleteNodeMark(editor, path, element, REBASE_MARKS);
-
-    // delete next element marks
-    var nextElementPath = [].concat(_toConsumableArray(path.slice(0, -1)), [path[path.length - 1] + 1]);
-    var nextElement = getNode(editor, nextElementPath);
-    deleteNodeMark(editor, nextElementPath, nextElement, REBASE_MARKS);
-    if (element.type === ELEMENT_TYPE.LIST_ITEM) {
-      updateParentNodeByPath(path);
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor]);
-  var element = props.element;
-  var rebaseType = element[REBASE_MARK_KEY.REBASE_TYPE];
-  if (!rebaseType) {
-    return /*#__PURE__*/React.createElement(CustomElement, props);
-  }
-  if (rebaseType === REBASE_TYPE.DELETE_MODIFY) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "w-100 d-flex sdoc-rebase-btn-group",
-      contentEditable: false
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-rebase-btn",
-      onClick: function onClick() {
-        return deleteElement(element);
-      }
-    }, t('Keep_other_modification')), /*#__PURE__*/React.createElement("div", {
-      className: "mr-2 ml-2"
-    }, '|'), /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-rebase-btn",
-      onClick: function onClick() {
-        return deleteMark(element);
-      }
-    }, t('Keep_my_modification')), /*#__PURE__*/React.createElement("div", {
-      className: "mr-2 ml-2"
-    }, '|'), /*#__PURE__*/React.createElement("div", {
-      className: "sdoc-rebase-btn",
-      onClick: function onClick() {
-        return addDeletedElement(element);
-      }
-    }, t('Keep_both_modification'))), /*#__PURE__*/React.createElement("div", {
-      className: "w-100 sdoc-rebase-current-changes-start",
-      contentEditable: false
-    }, '<<<<<<<'), /*#__PURE__*/React.createElement("div", {
-      className: "w-100",
-      contentEditable: false
-    }, '======='), /*#__PURE__*/React.createElement("div", {
-      className: "w-100 sdoc-rebase-incoming-changes",
-      contentEditable: false
-    }, /*#__PURE__*/React.createElement(CustomElement, props)), /*#__PURE__*/React.createElement("div", {
-      className: "w-100 sdoc-rebase-incoming-changes-end",
-      contentEditable: false
-    }, '>>>>>>>'));
-  }
-  if (rebaseType === REBASE_TYPE.MODIFY_MODIFY) {
-    if (element[REBASE_MARK_KEY.ORIGIN] === 'master') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "w-100 d-flex sdoc-rebase-btn-group",
-        contentEditable: false
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-rebase-btn",
-        onClick: function onClick() {
-          return useMasterChanges(element);
-        }
-      }, t('Keep_other_modification')), /*#__PURE__*/React.createElement("div", {
-        className: "mr-2 ml-2"
-      }, '|'), /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-rebase-btn",
-        onClick: function onClick() {
-          return useCurrentChanges(element);
-        }
-      }, t('Keep_my_modification')), /*#__PURE__*/React.createElement("div", {
-        className: "mr-2 ml-2"
-      }, '|'), /*#__PURE__*/React.createElement("div", {
-        className: "sdoc-rebase-btn",
-        onClick: function onClick() {
-          return useBothChanges(element);
-        }
-      }, t('Keep_both_modification'))), /*#__PURE__*/React.createElement("div", {
-        className: "w-100 sdoc-rebase-current-changes-start",
-        contentEditable: false
-      }, '<<<<<<<'), /*#__PURE__*/React.createElement("div", {
-        className: "w-100 sdoc-rebase-current-changes",
-        contentEditable: false
-      }, /*#__PURE__*/React.createElement(CustomElement, props)));
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "w-100",
-      contentEditable: false
-    }, '======='), /*#__PURE__*/React.createElement("div", {
-      className: "w-100 sdoc-rebase-incoming-changes",
-      contentEditable: false
-    }, /*#__PURE__*/React.createElement(CustomElement, props)), /*#__PURE__*/React.createElement("div", {
-      className: "w-100 sdoc-rebase-incoming-changes-end",
-      contentEditable: false
-    }, '>>>>>>>'));
-  }
   return /*#__PURE__*/React.createElement(CustomElement, props);
 
   // const { element } = props;

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -5,7 +5,7 @@ import { Transforms } from '@seafile/slate';
 import { insertTable } from '../../plugins/table/helpers';
 import TableSizePopover from '../../plugins/table/popover/table-size-popover';
 import { changeToCodeBlock } from '../../plugins/code-block/helpers';
-import { ELEMENT_TYPE, INSERT_POSITION, INSERT_IMAGE_TYPE, MENUS_CONFIG_MAP, LIST_ITEM } from '../../constants';
+import { ELEMENT_TYPE, INSERT_POSITION, LOCAL_IMAGE, MENUS_CONFIG_MAP, LIST_ITEM } from '../../constants';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
@@ -19,7 +19,7 @@ var InsertBlockMenu = function InsertBlockMenu(_ref) {
       Transforms.select(editor, editor.selection.focus);
     }
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: INSERT_IMAGE_TYPE.LOCAL_IMAGE,
+      type: LOCAL_IMAGE,
       insertPosition: insertPosition,
       slateNode: slateNode
     });

package/dist/basic-sdk/layout/article-container.js

@@ -1,7 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { INTERNAL_EVENT } from '../constants';
 import { useScrollContext } from '../hooks/use-scroll-context';
+import EventBus from '../utils/event-bus';
+import { getOutlineSetting } from '../outline';
 export default function ArticleContainer(_ref) {
   var editor = _ref.editor,
     children = _ref.children;
@@ -18,15 +21,21 @@ export default function ArticleContainer(_ref) {
   var handleWindowResize = useCallback(function () {
     var rect = scrollRef.current.getBoundingClientRect();
     var articleRect = articleRef.current.getBoundingClientRect();
-    if ((rect.width - articleRect.width) / 2 < 280) {
+    // get state from local storage
+    var isShowOutline = getOutlineSetting();
+    if (isShowOutline && (rect.width - articleRect.width) / 2 < 280) {
       setContainerStyle({
         marginLeft: '280px'
       });
     } else {
       setContainerStyle({});
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [scrollRef]);
+  useEffect(function () {
+    var eventBus = EventBus.getInstance();
+    var unsubscribeOutline = eventBus.subscribe(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, handleWindowResize);
+    return unsubscribeOutline;
+  }, [handleWindowResize]);
   useEffect(function () {
     handleWindowResize();
     window.addEventListener('resize', handleWindowResize);

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

@@ -2,9 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { withTranslation } from 'react-i18next';
 import { UncontrolledTooltip } from 'reactstrap';
+import { INTERNAL_EVENT } from '../constants';
+import EventBus from '../utils/event-bus';
 import OutlineItem from './outline-item';
 import './style.css';
-var getOutlineSetting = function getOutlineSetting() {
+export var getOutlineSetting = function getOutlineSetting() {
   var currentValue = localStorage.getItem('sdoc');
   var config = currentValue ? JSON.parse(currentValue) : {};
   var _config$outlineOpen = config.outlineOpen,
@@ -25,15 +27,19 @@ var SDocOutline = function SDocOutline(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isShown = _useState2[0],
     setIsShown = _useState2[1];
-  useEffect(function () {
-    var outlineOpen = getOutlineSetting();
-    setIsShown(outlineOpen);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+  var updateOutlineState = useCallback(function (state) {
+    setIsShown(state);
+    setOutlineSetting(state);
+    var eventBus = EventBus.getInstance();
+    eventBus.dispatch(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, state);
   }, []);
+  useEffect(function () {
+    var outlineState = getOutlineSetting();
+    updateOutlineState(outlineState);
+  }, [updateOutlineState]);
   var toggleShow = useCallback(function () {
-    setIsShown(!isShown);
-    setOutlineSetting(!isShown);
-  }, [isShown]);
+    updateOutlineState(!isShown);
+  }, [isShown, updateOutlineState]);
   var list = useMemo(function () {
     return doc.filter(function (item) {
       return ['header1', 'header2', 'header3'].includes(item.type);

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,45 +119,6 @@ var SocketClient = /*#__PURE__*/_createClass(function SocketClient(config) {
   this.disconnectWithServer = function () {
     _this.socket.disconnect();
   };
-  this.sendPublishDocument = function (originDocUuid, originDocName, isNeedUpdateOriginDoc, callback) {
-    _this.socket.emit('publish-document', _this.getParams({
-      origin_doc_uuid: originDocUuid,
-      origin_doc_name: originDocName,
-      update_origin_doc: isNeedUpdateOriginDoc
-    }), function (success) {
-      callback && callback(success);
-    });
-  };
-  this.receivePublishDocument = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receivePublishDocument();
-  };
-  this.receivePublishDocumentError = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receivePublishDocumentError();
-  };
-  this.sendReplaceDocument = function (document, callback) {
-    _this.socket.emit('replace-document', _this.getParams({
-      document: document
-    }), function (result) {
-      callback && callback(result);
-    });
-  };
-  this.receiveDocumentReplaced = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveDocumentReplaced();
-  };
-  this.receiveDocumentReplacedError = function () {
-    var socketManager = SocketManager.getInstance();
-    socketManager.receiveDocumentReplacedError();
-  };
-  this.sendSaveDocument = function (callback) {
-    _this.socket.emit('save-document', _this.getParams({
-      document: document
-    }), function (saveFlag) {
-      callback && callback(saveFlag);
-    });
-  };
   this.config = config;
   this.isReconnect = false;
   this.socket = io(config.sdocServer, {
@@ -172,12 +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);
-
-  // doc-replaced
-  this.socket.on('doc-replaced', this.receiveDocumentReplaced);
-  this.socket.on('doc-replaced-error', this.receiveDocumentReplacedError);
-  this.socket.on('publish-document', this.receivePublishDocument);
-  this.socket.on('publish-document-error', this.receivePublishDocumentError);
   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

@@ -7,7 +7,6 @@ import { syncRemoteOperations, reExecRevertOperationList, revertOperationList, s
 import SocketClient from './socket-client';
 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,37 +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 (originDocUuid, originDocName, isNeedUpdateOriginDoc, callback) {
-    _this.socketClient.sendPublishDocument(originDocUuid, originDocName, isNeedUpdateOriginDoc, callback);
-  };
-  this.receivePublishDocument = function () {
-    _this.eventBus.dispatch(EXTERNAL_EVENT.PUBLISH_DOCUMENT);
-  };
-  this.receivePublishDocumentError = function () {
-    _this.eventBus.dispatch(EXTERNAL_EVENT.PUBLISH_DOCUMENT_ERROR);
-  };
-  this.sendReplaceDocument = function (document) {
-    _this.socketClient.sendReplaceDocument(document, function (result) {
-      var serverVersion = result.version;
-      _this.document['version'] = serverVersion;
-    });
-  };
-  this.receiveDocumentReplaced = function () {
-    _this.eventBus.dispatch(EXTERNAL_EVENT.DOCUMENT_REPLACED);
-  };
-  this.receiveDocumentReplacedError = function () {
-    _this.eventBus.dispatch(EXTERNAL_EVENT.DOCUMENT_REPLACED_ERROR);
-  };
-  this.sendSaveDocument = function (callback) {
-    _this.socketClient.sendSaveDocument(callback);
-  };
   this.onReceiveLocalOperations = function (operations) {
     _this.pendingOperationList.push(operations);
     if (_this.pendingOperationList.length > 5) {
@@ -59,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;
@@ -318,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 (originDocUuid, originDocName, isNeedUpdateOriginDoc, callback) {
-    var config = options.config;
-    var socketManager = SocketManager.getInstance(newEditor, document, config);
-    socketManager.sendPublishDocument(originDocUuid, originDocName, isNeedUpdateOriginDoc, callback);
-  };
-  newEditor.replaceDocument = function (document) {
-    var config = options.config;
-    var socketManager = SocketManager.getInstance(newEditor, document, config);
-    socketManager.sendReplaceDocument(document);
-  };
   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: {