@seafile/sdoc-editor 0.1.158 → 0.1.159-beta11

package/dist/basic-sdk/editor.js

@@ -1,105 +0,0 @@
-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;