@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/extension/plugins/image/constants/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IMAGE_DISPLAY_TYPE = exports.IMAGE_BORDER_TYPE = void 0;
+var _blackBorder = _interopRequireDefault(require("../../../../assets/images/black-border.png"));
+var _greyBorder = _interopRequireDefault(require("../../../../assets/images/grey-border.png"));
+var _noBorder = _interopRequireDefault(require("../../../../assets/images/no-border.png"));
+var IMAGE_DISPLAY_TYPE = exports.IMAGE_DISPLAY_TYPE = [{
+  text: 'Inline',
+  value: 'paragraph'
+}, {
+  text: 'Block',
+  value: 'image_block'
+}];
+var IMAGE_BORDER_TYPE = exports.IMAGE_BORDER_TYPE = [{
+  type: 'none',
+  imgUrl: _noBorder["default"],
+  value: 'none'
+}, {
+  type: 'grey',
+  imgUrl: _greyBorder["default"],
+  value: '2px solid #E5E5E5'
+}, {
+  type: 'black',
+  imgUrl: _blackBorder["default"],
+  value: '2px solid #41464A'
+}];

package/dist/extension/plugins/image/copy-image-error-svg/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var Svg = function Svg(_ref) {
+  var t = _ref.t,
+    isSelected = _ref.isSelected,
+    imageRef = _ref.imageRef;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 360 360",
+    preserveAspectRatio: "xMinYMin meet",
+    className: (0, _classnames["default"])('sdoc-image-placeholder-wrapper', {
+      'image-selected': isSelected
+    }),
+    ref: imageRef,
+    draggable: false
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "100%",
+    height: "100%",
+    fill: "#f0f0f0"
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    className: "sdoc-image-content-wrapper",
+    transform: "translate(180, 180) scale(1)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    className: "sdoc-image-title",
+    transform: "translate(0, 0)"
+  }, /*#__PURE__*/_react["default"].createElement("foreignObject", {
+    x: "-85",
+    y: "-16",
+    width: "20",
+    height: "28"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdocfont sdoc-exclamation-circle"
+  })), /*#__PURE__*/_react["default"].createElement("text", {
+    className: "sdoc-image-tip-title",
+    transform: "translate(-55, 4)",
+    fontSize: "20",
+    fill: "red",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_copy_error'))), /*#__PURE__*/_react["default"].createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 35)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('Image_cannot_be_copied_Please_download_the_source_image')), /*#__PURE__*/_react["default"].createElement("text", {
+    className: "sdoc-image-tip-content",
+    transform: "translate(0, 55)",
+    fontSize: "12",
+    textAnchor: "middle",
+    fill: "black",
+    fontFamily: "Arial, sans-serif"
+  }, t('And_select_insert_-_image_to_upload'))));
+};
+var _default = exports["default"] = Svg;

package/dist/extension/plugins/image/dialogs/image-previewer.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
+var _helpers = require("../helpers");
+require("@seafile/react-image-lightbox/style.css");
+var ImagePreviewer = /*#__PURE__*/function (_React$Component) {
+  function ImagePreviewer(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ImagePreviewer);
+    _this = (0, _callSuper2["default"])(this, ImagePreviewer, [props]);
+    (0, _defineProperty2["default"])(_this, "getImageNodes", function (nodes) {
+      var nodeIndex = 0;
+      var list = [];
+      while (nodes && nodeIndex <= nodes.length - 1) {
+        var currentNode = nodes[nodeIndex];
+        if (currentNode.type === 'image') {
+          var url = (0, _helpers.getImageURL)(currentNode.data);
+          url && list.push(url);
+        } else {
+          list.push.apply(list, (0, _toConsumableArray2["default"])(_this.getImageNodes(currentNode.children)));
+        }
+        nodeIndex++;
+      }
+      return list;
+    });
+    (0, _defineProperty2["default"])(_this, "moveToPrevImage", function () {
+      _this.setState(function (prevState) {
+        return {
+          imageIndex: (prevState.imageIndex + _this.images.length - 1) % _this.images.length
+        };
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "moveToNextImage", function () {
+      _this.setState(function (prevState) {
+        return {
+          imageIndex: (prevState.imageIndex + 1) % _this.images.length
+        };
+      });
+    });
+    var editor = props.editor,
+      imageUrl = props.imageUrl;
+    _this.images = _this.getImageNodes(editor.children);
+    _this.state = {
+      imageIndex: _this.images.findIndex(function (item) {
+        return item === imageUrl;
+      })
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(ImagePreviewer, _React$Component);
+  return (0, _createClass2["default"])(ImagePreviewer, [{
+    key: "render",
+    value: function render() {
+      var imageIndex = this.state.imageIndex;
+      var imageItemsLength = this.images.length;
+      var mainSrc = this.images[imageIndex] || '';
+      var imageTitle = '';
+      try {
+        imageTitle = mainSrc ? decodeURI(mainSrc.slice(mainSrc.lastIndexOf('/') + 1)) : '';
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log(error);
+      }
+      var imageTitleEl = /*#__PURE__*/_react["default"].createElement("span", {
+        className: "d-flex"
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: "text-truncate"
+      }, imageTitle), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "flex-shrink-0"
+      }, "(", imageIndex + 1, "/", this.images.length, ")"));
+      return /*#__PURE__*/_react["default"].createElement(_reactImageLightbox["default"], {
+        wrapperClassName: "sf-editor-image-previewer",
+        imageTitle: imageTitleEl,
+        mainSrc: mainSrc,
+        toolbarButtons: [],
+        nextSrc: this.images[(imageIndex + 1) % imageItemsLength],
+        prevSrc: this.images[(imageIndex + imageItemsLength - 1) % imageItemsLength],
+        onCloseRequest: this.props.toggleImagePreviewer,
+        onMovePrevRequest: this.moveToPrevImage,
+        onMoveNextRequest: this.moveToNextImage,
+        reactModalProps: {
+          shouldReturnFocusAfterClose: false
+        }
+      });
+    }
+  }]);
+}(_react["default"].Component);
+var _default = exports["default"] = ImagePreviewer;

package/dist/extension/plugins/image/helpers.js

@@ -0,0 +1,349 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateImage = exports.selectImageWhenSelectPartial = exports.resetCursor = exports.removeImageBlockNode = exports.queryCopyMoveProgressView = exports.isInsertImageMenuDisabled = exports.isImageUrlIsFromUpload = exports.isImageUrlIsFromCopy = exports.insertImageFiles = exports.insertImage = exports.hasSdocImages = exports.handleBase64Image = exports.getSingleImageFromFragment = exports.getImageURL = exports.getImageData = exports.getDigitalSignImgUrl = exports.getColumnByKey = exports.generateImageNode = exports.generateImageInfos = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _slate = require("@seafile/slate");
+var _slateReact = require("@seafile/slate-react");
+var _slugid = _interopRequireDefault(require("slugid"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _constants = require("../../../constants");
+var _context2 = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants2 = require("../../constants");
+var _core = require("../../core");
+var _base64ToUnit8array = _interopRequireDefault(require("./base64-to-unit8array"));
+var _imageCache = _interopRequireDefault(require("./image-cache"));
+// TODO: seatable_column
+var getDigitalSignImgUrl = exports.getDigitalSignImgUrl = function getDigitalSignImgUrl(partUrl) {
+  var server = _context2["default"].getSetting('serviceUrl');
+  var workspaceID = _context2["default"].getSetting('workspaceID');
+  var dtableUuid = _context2["default"].getSetting('dtableUuid');
+  if (!partUrl || typeof partUrl !== 'string') return '';
+  return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
+};
+var getColumnByKey = exports.getColumnByKey = function getColumnByKey(columns, key) {
+  var column = columns.find(function (item) {
+    return item.key === key;
+  });
+  return column || null;
+};
+var isInsertImageMenuDisabled = exports.isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor, readonly) {
+  if (readonly) return true;
+  var selection = editor.selection;
+  if (selection === null) return true;
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  var _Editor$nodes = _slate.Editor.nodes(editor, {
+      match: function match(n) {
+        var type = (0, _core.getNodeType)(n);
+        if (!type && (0, _core.isTextNode)(n) && n.id) {
+          var parentNode = (0, _core.getParentNode)(editor.children, n.id);
+          type = (0, _core.getNodeType)(parentNode);
+        }
+        if (type === _constants2.CODE_BLOCK) return true;
+        if (type.startsWith('header')) return true;
+        if (type === _constants2.TITLE) return true;
+        if (type === _constants2.SUBTITLE) return true;
+        if (type === _constants2.LIST_ITEM) return true;
+        if (type === _constants2.CHECK_LIST_ITEM) return true;
+        if (_slate.Editor.isVoid(editor, n)) return true;
+        return false;
+      },
+      universal: true
+    }),
+    _Editor$nodes2 = (0, _slicedToArray2["default"])(_Editor$nodes, 1),
+    match = _Editor$nodes2[0];
+  if (match) return true;
+  return false;
+};
+var generateImageNode = exports.generateImageNode = function generateImageNode(src, file_uuid) {
+  var element = (0, _core.generateEmptyElement)(_constants2.IMAGE);
+  var data = {
+    src: src
+  };
+  if (file_uuid) {
+    data.file_uuid = file_uuid;
+  }
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, element), {}, {
+    data: data
+  });
+};
+var insertImage = exports.insertImage = function insertImage(editor, imgInfos, selection) {
+  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _constants2.INSERT_POSITION.CURRENT;
+  if (!imgInfos) return;
+  if (position !== _constants2.INSERT_POSITION.AFTER) {
+    if (isInsertImageMenuDisabled(editor)) return;
+  }
+  var imageNodes = imgInfos.map(function (_ref) {
+    var src = _ref.src,
+      file_uuid = _ref.file_uuid;
+    var isCommentEditor = editor.editorType === _constants.COMMENT_EDITOR;
+    var imgSrc = isCommentEditor ? getImageURL({
+      src: src
+    }) : src;
+    return generateImageNode(imgSrc, file_uuid);
+  });
+  var validSelection = selection || editor.selection;
+  var path = _slate.Editor.path(editor, validSelection);
+  if (position === _constants2.INSERT_POSITION.AFTER) {
+    var p = (0, _core.generateEmptyElement)(_constants2.ELEMENT_TYPE.PARAGRAPH);
+    imageNodes.forEach(function (item, index) {
+      p.children[index] = item;
+    });
+    _slate.Transforms.insertNodes(editor, p, {
+      at: [path[0] + 1]
+    });
+    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
+    return;
+  }
+  var aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);
+  var isEmptyParagraph = aboveNodeEntry[0].type === _constants2.PARAGRAPH && _slate.Node.string(aboveNodeEntry[0]).length === 0;
+  if (imageNodes.length === 1 && isEmptyParagraph) {
+    var imageNode = imageNodes[0];
+    _slate.Transforms.insertNodes(editor, imageNode, {
+      at: validSelection
+    });
+
+    // BLOCKQUOTE and CALL_OUT use inline images
+    var imageType = _constants2.IMAGE_BLOCK;
+    var _Editor$node = _slate.Editor.node(editor, [aboveNodeEntry[1][0]]),
+      _Editor$node2 = (0, _slicedToArray2["default"])(_Editor$node, 1),
+      topNode = _Editor$node2[0];
+    if ([_constants2.BLOCKQUOTE, _constants2.CALL_OUT].includes(topNode === null || topNode === void 0 ? void 0 : topNode.type)) {
+      imageType = '';
+    }
+    if (imageType === _constants2.IMAGE_BLOCK) {
+      _slate.Transforms.setNodes(editor, {
+        type: imageType
+      }, {
+        at: validSelection
+      });
+      var nodePath = [aboveNodeEntry[1][0]];
+      var nextPath = _slate.Path.next(nodePath);
+      _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
+        at: nextPath
+      });
+      var endOfFirstNode = _slate.Editor.start(editor, nextPath);
+      var range = {
+        anchor: endOfFirstNode,
+        focus: endOfFirstNode
+      };
+      (0, _core.focusEditor)(editor, range);
+    }
+    return;
+  }
+  _slate.Transforms.insertNodes(editor, imageNodes, {
+    at: validSelection
+  });
+  var imageEndSelection = _slate.Path.next(_slate.Path.next(path));
+  (0, _core.focusEditor)(editor, imageEndSelection);
+};
+var updateImage = exports.updateImage = function updateImage(editor, data) {
+  _slate.Transforms.setNodes(editor, {
+    data: data
+  }, {
+    match: function match(n) {
+      return (0, _core.getNodeType)(n) === _constants2.IMAGE;
+    },
+    at: editor.selection,
+    voids: true
+  });
+};
+var getImageURL = exports.getImageURL = function getImageURL(data, editor) {
+  var url = data.src,
+    column_key = data.column_key;
+  if (column_key) {
+    var column = getColumnByKey(editor.columns || [], column_key);
+    var _ref2 = column || {},
+      type = _ref2.type;
+    // TODO: Plugin contants, image digital-sign
+    if (type === 'image') {
+      var imgUrl = editor.getColumnCellValue(column_key) || '';
+      var firstSrc = imgUrl.split(',')[0];
+      return firstSrc;
+    } else if (type === 'digital-sign') {
+      var partUrl = editor.getColumnCellValue(column_key) || '';
+      var _imgUrl = getDigitalSignImgUrl(partUrl);
+      return _imgUrl;
+    }
+  }
+
+  // upload image | drag drop image | cut image
+  if (isImageUrlIsFromUpload(url)) return url;
+
+  // copy from others doc
+  if (isImageUrlIsFromCopy(url)) return url;
+  var serviceUrl = _context2["default"].getSetting('serviceUrl');
+  var assetsUrl = _context2["default"].getSetting('assetsUrl');
+  return (0, _urlJoin["default"])(serviceUrl, assetsUrl, url);
+};
+var hasSdocImages = exports.hasSdocImages = function hasSdocImages(originSdocUuid, fragmentData) {
+  var sdocUuid = _context2["default"].getSetting('docUuid');
+  var hasImg = fragmentData.some(function (item) {
+    return item.children.some(function (child) {
+      return (child === null || child === void 0 ? void 0 : child.type) === _constants2.IMAGE;
+    });
+  });
+  return originSdocUuid !== sdocUuid && hasImg;
+};
+var getImageData = exports.getImageData = function getImageData(fragmentData) {
+  var imageData = new Set();
+  fragmentData.forEach(function (item) {
+    return item.children.forEach(function (child) {
+      if ((child === null || child === void 0 ? void 0 : child.type) === _constants2.IMAGE && !child.data.src.startsWith('http')) {
+        imageData.add(child.data.src.slice(1));
+      }
+    });
+  });
+  return Array.from(imageData);
+};
+var queryCopyMoveProgressView = exports.queryCopyMoveProgressView = function queryCopyMoveProgressView(taskId) {
+  var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  var timer;
+  var stop = function stop() {
+    clearTimeout(timer);
+  };
+  var _start = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+      var res, done, eventBus;
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return _context2["default"].getCopyMoveProgressView(taskId);
+          case 2:
+            res = _context.sent;
+            done = res.data.done;
+            if (done) {
+              stop();
+              // Reload image
+              eventBus = _eventBus["default"].getInstance();
+              eventBus.dispatch(_constants.INTERNAL_EVENT.RELOAD_IMAGE);
+            } else {
+              timer = setTimeout(_start, interval);
+            }
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function start() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  _start();
+};
+var resetCursor = exports.resetCursor = function resetCursor(editor) {
+  var selection = editor.selection;
+  var currentPath = selection.focus.path;
+  var targetPath = _slate.Path.next(_slate.Path.next(currentPath));
+
+  // Set cursor after image insertion
+  queueMicrotask(function () {
+    _slate.Transforms.select(editor, targetPath);
+  });
+};
+var getSingleImageFromFragment = exports.getSingleImageFromFragment = function getSingleImageFromFragment(data) {
+  if (data.length !== 1) return null;
+  if (_slate.Node.string(data[0]).length !== 0) return null;
+  var children = data[0].children;
+  var images = children.filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.type) === _constants2.IMAGE;
+  });
+  if (images.length !== 1) return null;
+  return images[0];
+};
+var insertImageFiles = exports.insertImageFiles = function insertImageFiles(files, editor, targetPath) {
+  var imgInfos = generateImageInfos(files);
+  insertImage(editor, imgInfos, targetPath, _constants2.INSERT_POSITION.AFTER);
+};
+var selectImageWhenSelectPartial = exports.selectImageWhenSelectPartial = function selectImageWhenSelectPartial(event, editor, imageNode, isImageSelected) {
+  if (isImageSelected) return;
+  var isMouseLeftDown = event.buttons === 1;
+  if (!isMouseLeftDown) return;
+  var selection = editor.selection;
+  if (_slate.Range.isCollapsed(selection)) return;
+  var imagePath = _slateReact.ReactEditor.findPath(editor, imageNode);
+  if (imageNode.type === _constants2.IMAGE_BLOCK) {
+    var imageIndex = imageNode.children.findIndex(function (item) {
+      return item.type === _constants2.IMAGE;
+    });
+    imagePath = imagePath.concat([imageIndex]);
+  }
+  var isIncludedSelection = _slate.Range.includes(selection, imagePath);
+  if (isIncludedSelection) return;
+  // When the mouse hovers over an image, the image is selected.
+  var nextPath = _slate.Path.next(imagePath.slice(0, imagePath.length - 1));
+  var focusRange = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, selection), {}, {
+    focus: {
+      offset: 0,
+      path: [].concat((0, _toConsumableArray2["default"])(nextPath), [0])
+    }
+  });
+  (0, _core.focusEditor)(editor, focusRange);
+};
+
+// Upload image when the image is pasted from the clipboard in base64
+var handleBase64Image = exports.handleBase64Image = function handleBase64Image(editor, path, imgData) {
+  var unit8Array = (0, _base64ToUnit8array["default"])(imgData.src);
+  var blob = new Blob([unit8Array.u8arr], {
+    type: unit8Array.mime
+  });
+  var file = new File([blob], "".concat(_slugid["default"].nice(), ".jpg"), {
+    type: unit8Array.mime
+  });
+  _context2["default"].uploadLocalImage([file]).then(function (res) {
+    var _data = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, imgData), {}, {
+      src: res[0]
+    });
+    _slate.Transforms.setNodes(editor, {
+      data: _data
+    }, {
+      at: path
+    });
+  });
+};
+var isImageUrlIsFromCopy = exports.isImageUrlIsFromCopy = function isImageUrlIsFromCopy(url) {
+  if (url && url.startsWith('http')) return true;
+  if (url && url.startsWith('attachment')) return true; // from yuque
+  return false;
+};
+var isImageUrlIsFromUpload = exports.isImageUrlIsFromUpload = function isImageUrlIsFromUpload(url) {
+  if (url && url.startsWith('blob:http')) return true;
+  return false;
+};
+var generateImageInfos = exports.generateImageInfos = function generateImageInfos(files) {
+  var newFiles = Array.from(files);
+  var imgInfos = newFiles.filter(function (item) {
+    if (item && !item.type.startsWith('image/')) return false;
+    if (item && item.type === 'image/svg+xml') return false;
+    return true;
+  }).map(function (file) {
+    var url = window.URL.createObjectURL(file);
+    var file_uuid = _slugid["default"].nice();
+    _imageCache["default"].saveImage(file_uuid, file);
+    return {
+      src: url,
+      file_uuid: file_uuid
+    };
+  });
+  return imgInfos;
+};
+var removeImageBlockNode = exports.removeImageBlockNode = function removeImageBlockNode(editor, path) {
+  _slate.Transforms.removeNodes(editor, {
+    at: path
+  });
+  var p = (0, _core.generateEmptyElement)(_constants2.ELEMENT_TYPE.PARAGRAPH);
+  _slate.Transforms.insertNodes(editor, p, {
+    at: path
+  });
+  (0, _core.focusEditor)(editor, path);
+};