@seafile/sdoc-editor 0.1.170 → 0.1.171

package/dist/basic-sdk/editor/sdoc-editor.js

@@ -1,16 +1,53 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect } from 'react';
+import React, { useEffect, useState, useImperativeHandle, forwardRef, useMemo } from 'react';
 import { Editor } from '@seafile/slate';
+import deepCopy from 'deep-copy';
+import context from '../../context';
+import CommonLoading from '../../components/common-loading';
+import { PAGE_EDIT_AREA_WIDTH } from '../constants';
+import { createDefaultEditor } from '../extension';
+import withNodeId from '../node-id';
+import { withSocketIO } from '../socket';
 import { focusEditor } from '../extension/core';
-import { EditorContainer, EditorContent } from '../layout';
 import InsertElementDialog from '../extension/commons/insert-element-dialog';
+import { EditorContainer, EditorContent } from '../layout';
 import EditableArticle from './editable-article';
 import { ColorProvider } from '../hooks/use-color-context';
 import { HeaderToolbar } from '../extension';
-var SdocEditor = function SdocEditor(_ref) {
-  var editor = _ref.editor,
-    slateValue = _ref.slateValue,
-    updateSlateValue = _ref.updateSlateValue;
+var SdocEditor = forwardRef(function (_ref, ref) {
+  var document = _ref.document,
+    isReloading = _ref.isReloading;
+  var editor = useMemo(function () {
+    var defaultEditor = createDefaultEditor();
+    var editorConfig = context.getEditorConfig();
+    var newEditor = withNodeId(withSocketIO(defaultEditor, {
+      document: document,
+      config: editorConfig
+    }));
+    var cursors = document.cursors;
+    newEditor.cursors = cursors || {};
+    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
+    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];
+
+  // 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 () {
@@ -34,6 +71,33 @@ var SdocEditor = function SdocEditor(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
+  // The parent component can call the method of this component through ref
+  useImperativeHandle(ref, function () {
+    return {
+      setSlateValue: function setSlateValue(document) {
+        // Force update of editor's child elements
+        editor.children = document.children;
+        _setSlateValue(_toConsumableArray(document.children));
+      },
+      updateDocumentVersion: function updateDocumentVersion(document) {
+        editor.updateDocumentVersion(document);
+      },
+      // get value
+      getSlateValue: function getSlateValue() {
+        return deepCopy(_objectSpread(_objectSpread({}, document), {}, {
+          children: slateValue
+        }));
+      }
+
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+  }, [document, editor, slateValue]);
+  if (isReloading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "h-100 w-100 d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement(CommonLoading, null));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorContainer, {
     editor: editor
   }, /*#__PURE__*/React.createElement(ColorProvider, null, /*#__PURE__*/React.createElement(HeaderToolbar, {
@@ -44,9 +108,9 @@ var SdocEditor = function SdocEditor(_ref) {
   }, /*#__PURE__*/React.createElement(EditableArticle, {
     editor: editor,
     slateValue: slateValue,
-    updateSlateValue: updateSlateValue
+    updateSlateValue: _setSlateValue
   })))), /*#__PURE__*/React.createElement(InsertElementDialog, {
     editor: editor
   }));
-};
+});
 export default SdocEditor;

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

@@ -11,6 +11,7 @@ import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin
 import EventBus from '../../utils/event-bus';
 import { INTERNAL_EVENT, REBASE_TYPE, REBASE_MARKS, REBASE_MARK_KEY, REBASE_ORIGIN } from '../../constants';
 import { findPath, getNode, replaceNode, deleteNodeMark } from '../../extension/core';
+import './rebase-style.css';
 var CustomElement = function CustomElement(props) {
   var editor = useSlateStatic();
   var element = props.element,

package/dist/basic-sdk/index.js

@@ -1,4 +1,4 @@
-import SDocEditor from './editor';
+import SDocEditor from './editor/sdoc-editor';
 import { DiffViewer, SDocViewer } from './views';
 import SDocOutline from './outline';
 import EventBus from './utils/event-bus';

package/package.json

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

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

@@ -1,84 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useMemo, useEffect, useState, useCallback, useImperativeHandle, forwardRef } from 'react';
-import deepCopy from 'deep-copy';
-import context from '../../context';
-import CommonLoading from '../../components/common-loading';
-import { PAGE_EDIT_AREA_WIDTH } from '../constants';
-import { createDefaultEditor } from '../extension';
-import withNodeId from '../node-id';
-import { withSocketIO } from '../socket';
-import SDocEditor from './sdoc-editor';
-import './index.css';
-var Editor = forwardRef(function (_ref, ref) {
-  var document = _ref.document,
-    _ref$isReloading = _ref.isReloading,
-    isReloading = _ref$isReloading === void 0 ? false : _ref$isReloading;
-  var editor = useMemo(function () {
-    var defaultEditor = createDefaultEditor();
-    var editorConfig = context.getEditorConfig();
-    var newEditor = withNodeId(withSocketIO(defaultEditor, {
-      document: document,
-      config: editorConfig
-    }));
-    var cursors = document.cursors;
-    newEditor.cursors = cursors || {};
-    newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
-    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];
-
-  // useMount: init socket connection
-  useEffect(function () {
-    editor.openConnection();
-    return function () {
-      editor.closeConnection();
-    };
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var updateSlateValue = useCallback(function (value) {
-    _setSlateValue(value);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // The parent component can call the method of this component through ref
-  useImperativeHandle(ref, function () {
-    return {
-      setSlateValue: function setSlateValue(document) {
-        // Force update of editor's child elements
-        editor.children = document.children;
-        _setSlateValue(_toConsumableArray(document.children));
-      },
-      updateDocumentVersion: function updateDocumentVersion(document) {
-        editor.updateDocumentVersion(document);
-      },
-      // get value
-      getSlateValue: function getSlateValue() {
-        return deepCopy(_objectSpread(_objectSpread({}, document), {}, {
-          children: slateValue
-        }));
-      }
-
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    };
-  }, [document, editor, slateValue]);
-  if (isReloading) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "h-100 w-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement(CommonLoading, null));
-  }
-  return /*#__PURE__*/React.createElement(SDocEditor, {
-    slateValue: slateValue,
-    editor: editor,
-    updateSlateValue: updateSlateValue
-  });
-});
-export default Editor;