@seafile/seafile-editor 1.0.2 → 1.0.4

package/dist/extension/plugins/image/render-element/index.js

@@ -1,64 +1,48 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _slateReact = require("slate-react");
-var _reactI18next = require("react-i18next");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _helper = require("../helper");
-var _imagePreviewer = _interopRequireDefault(require("./image-previewer"));
-require("./style.css");
 /* eslint-disable react-hooks/rules-of-hooks */
-
-var renderImage = function renderImage(_ref, editor) {
+import React, { useCallback, useRef, useState } from 'react';
+import { useSelected } from 'slate-react';
+import { useTranslation } from 'react-i18next';
+import classNames from 'classnames';
+import { updateImage } from '../helper';
+import ImagePreviewer from './image-previewer';
+import './style.css';
+const renderImage = (_ref, editor) => {
   var _element$data, _element$data2, _element$data3;
-  var attributes = _ref.attributes,
-    children = _ref.children,
-    element = _ref.element;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isResizing = _useState2[0],
-    setIsResizing = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isFullScreening = _useState4[0],
-    setIsFullScreening = _useState4[1];
-  var _useState5 = (0, _react.useState)({
-      height: 0,
-      width: 0
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    imgSizeInfo = _useState6[0],
-    setImgSizeInfo = _useState6[1];
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var imgRef = (0, _react.useRef)(null);
-  var resizerRef = (0, _react.useRef)();
-  var isSelected = (0, _slateReact.useSelected)();
-  var handleStartResize = function handleStartResize(event) {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const [isResizing, setIsResizing] = useState(false);
+  const [isFullScreening, setIsFullScreening] = useState(false);
+  const [imgSizeInfo, setImgSizeInfo] = useState({
+    height: 0,
+    width: 0
+  });
+  const {
+    t
+  } = useTranslation();
+  const imgRef = useRef(null);
+  const resizerRef = useRef();
+  const isSelected = useSelected();
+  const handleStartResize = event => {
     event.stopPropagation();
-    var _imgRef$current = imgRef.current,
-      height = _imgRef$current.clientHeight,
-      width = _imgRef$current.clientWidth;
+    const {
+      clientHeight: height,
+      clientWidth: width
+    } = imgRef.current;
     setIsResizing(true);
     setImgSizeInfo({
-      width: width,
-      height: height
+      width,
+      height
     });
-    var handleMouseMove = function handleMouseMove(event) {
+    const handleMouseMove = event => {
       event.preventDefault();
       event.stopPropagation();
-      var img = imgRef.current;
-      var resizer = resizerRef.current;
-      var changeX = event.clientX - resizer.getBoundingClientRect().left - 5;
-      var imageWidth = img.width + changeX;
+      const img = imgRef.current;
+      const resizer = resizerRef.current;
+      const changeX = event.clientX - resizer.getBoundingClientRect().left - 5;
+      const imageWidth = img.width + changeX;
       if (imageWidth < 20) return;
       img.width = imageWidth;
       setImgSizeInfo({
@@ -66,57 +50,57 @@ var renderImage = function renderImage(_ref, editor) {
         width: img.clientWidth
       });
     };
-    var handleMouseUp = function handleMouseUp() {
+    const handleMouseUp = () => {
       document.removeEventListener('mousemove', handleMouseMove);
       if (!isResizing) {
         setIsResizing(false);
-        var _imgRef$current2 = imgRef.current,
-          _height = _imgRef$current2.clientHeight,
-          _width = _imgRef$current2.clientWidth;
-        (0, _helper.updateImage)(editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element.data), {}, {
-          width: _width,
-          height: _height
-        }));
+        const {
+          clientHeight: height,
+          clientWidth: width
+        } = imgRef.current;
+        updateImage(editor, {
+          ...element.data,
+          width,
+          height
+        });
       }
       document.removeEventListener('mouseup', handleMouseUp);
     };
     document.addEventListener('mousemove', handleMouseMove);
     document.addEventListener('mouseup', handleMouseUp);
   };
-  var toggleImagePreviewer = function toggleImagePreviewer(event) {
+  const toggleImagePreviewer = event => {
     event.preventDefault();
     setIsFullScreening(false);
   };
-  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
+  return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     contentEditable: false,
     className: "sf-image-wrapper"
-  }), /*#__PURE__*/_react.default.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     ref: imgRef,
-    className: (0, _classnames.default)('sf-image', {
+    className: classNames('sf-image', {
       'selected': isSelected
     }),
     alt: element === null || element === void 0 ? void 0 : (_element$data = element.data) === null || _element$data === void 0 ? void 0 : _element$data.alt,
     src: element === null || element === void 0 ? void 0 : (_element$data2 = element.data) === null || _element$data2 === void 0 ? void 0 : _element$data2.src,
     width: element === null || element === void 0 ? void 0 : element.data.width,
     height: element === null || element === void 0 ? void 0 : element.data.height
-  }), isSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }), isSelected && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     ref: resizerRef,
     className: "resizer",
     onMouseDown: handleStartResize
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "full-screen",
     contentEditable: false,
-    onClick: function onClick() {
-      return setIsFullScreening(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
+    onClick: () => setIsFullScreening(true)
+  }, /*#__PURE__*/React.createElement("i", {
     className: 'iconfont icon-fullscreen',
     title: t('Full_screen')
-  }))), isResizing && /*#__PURE__*/_react.default.createElement("span", {
+  }))), isResizing && /*#__PURE__*/React.createElement("span", {
     className: "image-size-info-tooltip"
-  }, "".concat(t('Width'), ":").concat(imgSizeInfo.width, "  ").concat(t('Height'), ":").concat(imgSizeInfo.height)), isFullScreening && /*#__PURE__*/_react.default.createElement(_imagePreviewer.default, {
+  }, "".concat(t('Width'), ":").concat(imgSizeInfo.width, "  ").concat(t('Height'), ":").concat(imgSizeInfo.height)), isFullScreening && /*#__PURE__*/React.createElement(ImagePreviewer, {
     imgUrl: element === null || element === void 0 ? void 0 : (_element$data3 = element.data) === null || _element$data3 === void 0 ? void 0 : _element$data3.src,
     toggleImagePreviewer: toggleImagePreviewer
   }), children);
 };
-var _default = exports.default = renderImage;
+export default renderImage;

package/dist/extension/plugins/index.js

@@ -1,95 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BlockquotePlugin", {
-  enumerable: true,
-  get: function get() {
-    return _blockquote.default;
-  }
-});
-Object.defineProperty(exports, "CheckListPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _checkList.default;
-  }
-});
-Object.defineProperty(exports, "CodeBlockPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _codeBlock.default;
-  }
-});
-Object.defineProperty(exports, "FormulaPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _formula.default;
-  }
-});
-Object.defineProperty(exports, "HeaderPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _header.default;
-  }
-});
-Object.defineProperty(exports, "ImagePlugin", {
-  enumerable: true,
-  get: function get() {
-    return _image.default;
-  }
-});
-Object.defineProperty(exports, "LinkPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _link.default;
-  }
-});
-Object.defineProperty(exports, "ListPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _list.default;
-  }
-});
-Object.defineProperty(exports, "NodeIdPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _nodeId.default;
-  }
-});
-Object.defineProperty(exports, "ParagraphPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _paragraph.default;
-  }
-});
-Object.defineProperty(exports, "TablePlugin", {
-  enumerable: true,
-  get: function get() {
-    return _table.default;
-  }
-});
-Object.defineProperty(exports, "TextPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _textStyle.default;
-  }
-});
-exports.default = void 0;
-var _blockquote = _interopRequireDefault(require("./blockquote"));
-var _paragraph = _interopRequireDefault(require("./paragraph"));
-var _textStyle = _interopRequireDefault(require("./text-style"));
-var _header = _interopRequireDefault(require("./header"));
-var _image = _interopRequireDefault(require("./image"));
-var _nodeId = _interopRequireDefault(require("./node-id"));
-var _link = _interopRequireDefault(require("./link"));
-var _codeBlock = _interopRequireDefault(require("./code-block"));
-var _checkList = _interopRequireDefault(require("./check-list"));
-var _list = _interopRequireDefault(require("./list"));
-var _table = _interopRequireDefault(require("./table"));
-var _formula = _interopRequireDefault(require("./formula"));
-var Plugins = [_blockquote.default, _paragraph.default, _textStyle.default, _header.default, _image.default, _link.default, _codeBlock.default, _checkList.default, _list.default, _table.default, _formula.default,
+import BlockquotePlugin from './blockquote';
+import ParagraphPlugin from './paragraph';
+import TextPlugin from './text-style';
+import HeaderPlugin from './header';
+import ImagePlugin from './image';
+import NodeIdPlugin from './node-id';
+import LinkPlugin from './link';
+import CodeBlockPlugin from './code-block';
+import CheckListPlugin from './check-list';
+import ListPlugin from './list';
+import TablePlugin from './table';
+import FormulaPlugin from './formula';
+const Plugins = [BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin,
 // put at the end
-_nodeId.default];
-var _default = exports.default = Plugins;
+NodeIdPlugin];
+export default Plugins;
+export { BlockquotePlugin, ParagraphPlugin, TextPlugin, HeaderPlugin, ImagePlugin, LinkPlugin, CodeBlockPlugin, CheckListPlugin, ListPlugin, TablePlugin, FormulaPlugin,
+// put at the end
+NodeIdPlugin };

package/dist/extension/plugins/link/helper.js

@@ -1,57 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.upsertLinkText = exports.updateLink = exports.unWrapLinkNode = exports.isMenuDisabled = exports.isLinkType = exports.insertLink = exports.getLinkInfo = exports.generateLinkNode = void 0;
-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("slate");
-var _slugid = _interopRequireDefault(require("slugid"));
-var _queries = require("../../core/queries");
-var _focusEditor = require("../../core/transforms/focus-editor");
-var _constants = require("../../constants");
-var _utils = require("../../core/utils");
-var _replaceNodeChildren = require("../../core/transforms/replace-node-children");
-var _ref3;
-var isMenuDisabled = exports.isMenuDisabled = function isMenuDisabled(editor) {
-  var readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+import { Editor, Path, Range, Transforms } from 'slate';
+import slugid from 'slugid';
+import { findPath, getAboveNode, getEditorString, getNodeType, getSelectedElems } from '../../core/queries';
+import { focusEditor } from '../../core/transforms/focus-editor';
+import { ELementTypes, INSERT_POSITION } from '../../constants';
+import { generateDefaultText, generateEmptyElement } from '../../core/utils';
+import { replaceNodeChildren } from '../../core/transforms/replace-node-children';
+export const isMenuDisabled = function (editor) {
+  let readonly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (readonly) return true;
-  var selection = editor.selection;
+  const {
+    selection
+  } = editor;
   if (!selection) return false;
-  var selectedElems = (0, _queries.getSelectedElems)(editor);
+  const selectedElems = getSelectedElems(editor);
   // Check if the selected element is illegal
-  var isSelectedIllegalElement = selectedElems.some(function (elem) {
-    var type = elem.type;
+  const isSelectedIllegalElement = selectedElems.some(elem => {
+    const {
+      type
+    } = elem;
     if (editor.isVoid(elem)) return true;
-    if ([_constants.ELementTypes.CODE_BLOCK, _constants.ELementTypes.CODE_LINE].includes(type)) return true;
+    if ([ELementTypes.CODE_BLOCK, ELementTypes.CODE_LINE].includes(type)) return true;
     return false;
   });
   if (isSelectedIllegalElement) return true;
   return false;
 };
-var isLinkType = exports.isLinkType = function isLinkType(editor) {
-  var _Editor$nodes = _slate.Editor.nodes(editor, {
-      match: function match(n) {
-        return (0, _queries.getNodeType)(n) === _constants.ELementTypes.LINK;
-      },
-      universal: true
-    }),
-    _Editor$nodes2 = (0, _slicedToArray2.default)(_Editor$nodes, 1),
-    match = _Editor$nodes2[0];
+export const isLinkType = editor => {
+  const [match] = Editor.nodes(editor, {
+    match: n => getNodeType(n) === ELementTypes.LINK,
+    universal: true
+  });
   return !!match;
 };
-var generateLinkNode = exports.generateLinkNode = function generateLinkNode(url, title) {
-  var linkNode = {
-    type: _constants.ELementTypes.LINK,
+export const generateLinkNode = (url, title) => {
+  const linkNode = {
+    type: ELementTypes.LINK,
     url: url,
     title: title,
-    id: _slugid.default.nice(),
+    id: slugid.nice(),
     children: [{
-      id: _slugid.default.nice(),
+      id: slugid.nice(),
       text: title || ''
     }]
   };
@@ -66,103 +54,101 @@ var generateLinkNode = exports.generateLinkNode = function generateLinkNode(url,
  * @param {InsertPosition} props.insertPosition
  * @param {Object | undefined} props.slateNode
  */
-var insertLink = exports.insertLink = function insertLink(props) {
-  var editor = props.editor,
-    url = props.url,
-    title = props.title,
-    _props$insertPosition = props.insertPosition,
-    insertPosition = _props$insertPosition === void 0 ? _constants.INSERT_POSITION.CURRENT : _props$insertPosition,
-    slateNode = props.slateNode;
-  var selection = editor.selection;
-  if (insertPosition === _constants.INSERT_POSITION.CURRENT && isMenuDisabled(editor)) return;
+export const insertLink = props => {
+  const {
+    editor,
+    url,
+    title,
+    insertPosition = INSERT_POSITION.CURRENT,
+    slateNode
+  } = props;
+  const {
+    selection
+  } = editor;
+  if (insertPosition === INSERT_POSITION.CURRENT && isMenuDisabled(editor)) return;
   // We had validated in modal,here we do it again for safety
   if (!title || !url) return;
   if (!selection) return;
-  var linkNode = generateLinkNode(url, title);
-  if (insertPosition === _constants.INSERT_POSITION.AFTER) {
-    var path = _slate.Editor.path(editor, selection);
-    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === _constants.ELementTypes.LIST_ITEM) {
-      path = (0, _queries.findPath)(editor, slateNode, []);
-      var nextPath = _slate.Path.next(path);
-      _slate.Editor.insertNodes(editor, linkNode, {
+  const linkNode = generateLinkNode(url, title);
+  if (insertPosition === INSERT_POSITION.AFTER) {
+    let path = Editor.path(editor, selection);
+    if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === ELementTypes.LIST_ITEM) {
+      path = findPath(editor, slateNode, []);
+      const nextPath = Path.next(path);
+      Editor.insertNodes(editor, linkNode, {
         at: nextPath
       });
       return;
     }
-    var linkNodeWrapper = (0, _utils.generateEmptyElement)(_constants.ELementTypes.PARAGRAPH);
+    const linkNodeWrapper = generateEmptyElement(ELementTypes.PARAGRAPH);
     // LinkNode should be wrapped by p and within text nodes in order to be editable
-    linkNodeWrapper.children.push(linkNode, (0, _utils.generateDefaultText)());
-    _slate.Transforms.insertNodes(editor, linkNodeWrapper, {
+    linkNodeWrapper.children.push(linkNode, generateDefaultText());
+    Transforms.insertNodes(editor, linkNodeWrapper, {
       at: [path[0] + 1]
     });
-    (0, _focusEditor.focusEditor)(editor);
+    focusEditor(editor);
     return;
   }
-  var isCollapsed = _slate.Range.isCollapsed(selection);
+  const isCollapsed = Range.isCollapsed(selection);
   if (isCollapsed) {
     // If selection is collapsed, we insert a space and then insert link node that help operation easier
     editor.insertText(' ');
-    _slate.Editor.insertFragment(editor, [linkNode]);
+    Editor.insertFragment(editor, [linkNode]);
     // Using insertText directly causes the added Spaces to be added to the linked text, as in the issue above, so replaced by insertFragment
-    _slate.Editor.insertFragment(editor, [{
-      id: _slugid.default.nice(),
+    Editor.insertFragment(editor, [{
+      id: slugid.nice(),
       text: ' '
     }]);
-    (0, _focusEditor.focusEditor)(editor);
+    focusEditor(editor);
     return;
   } else {
-    var selectedText = _slate.Editor.string(editor, selection); // Selected text
+    const selectedText = Editor.string(editor, selection); // Selected text
     if (selectedText !== title) {
       // Replace the selected text with the link node if the selected text is different from the entered text
       editor.deleteFragment();
-      _slate.Transforms.insertNodes(editor, linkNode);
+      Transforms.insertNodes(editor, linkNode);
     } else {
       // Wrap the selected text with the link node if the selected text is the same as the entered text
-      _slate.Transforms.wrapNodes(editor, linkNode, {
+      Transforms.wrapNodes(editor, linkNode, {
         split: true,
         at: selection
       });
-      _slate.Transforms.collapse(editor, {
+      Transforms.collapse(editor, {
         edge: 'end'
       });
     }
   }
-  (0, _focusEditor.focusEditor)(editor);
+  focusEditor(editor);
 };
-var getLinkInfo = exports.getLinkInfo = function getLinkInfo(editor) {
-  var isLinkNode = isLinkType(editor);
+export const getLinkInfo = editor => {
+  const isLinkNode = isLinkType(editor);
   if (!isLinkNode) return null;
-  var _Editor$nodes3 = _slate.Editor.nodes(editor, {
-      match: function match(n) {
-        return (0, _queries.getNodeType)(n) === _constants.ELementTypes.LINK;
-      },
-      universal: true
-    }),
-    _Editor$nodes4 = (0, _slicedToArray2.default)(_Editor$nodes3, 1),
-    match = _Editor$nodes4[0];
+  const [match] = Editor.nodes(editor, {
+    match: n => getNodeType(n) === ELementTypes.LINK,
+    universal: true
+  });
   if (!match) return null;
-  var _match = (0, _slicedToArray2.default)(match, 2),
-    node = _match[0],
-    path = _match[1];
-  var showedText = (0, _queries.getEditorString)(editor, path);
+  const [node, path] = match;
+  const showedText = getEditorString(editor, path);
   return {
     linkUrl: node.url,
     linkTitle: showedText || node.title,
     path: path
   };
 };
-var updateLink = exports.updateLink = function updateLink(editor, newUrl, newText) {
-  var linkAbove = (0, _queries.getAboveNode)(editor, {
+export const updateLink = (editor, newUrl, newText) => {
+  const linkAbove = getAboveNode(editor, {
     match: {
-      type: _constants.ELementTypes.LINK
+      type: ELementTypes.LINK
     }
   });
   if (!linkAbove) return;
-  var _ref = linkAbove[0] || {},
-    oldUrl = _ref.href,
-    oldText = _ref.title;
+  const {
+    href: oldUrl,
+    title: oldText
+  } = linkAbove[0] || {};
   if (oldUrl !== newUrl || oldText !== newText) {
-    _slate.Transforms.setNodes(editor, {
+    Transforms.setNodes(editor, {
       url: newUrl,
       title: newText
     }, {
@@ -173,63 +159,40 @@ var updateLink = exports.updateLink = function updateLink(editor, newUrl, newTex
     text: newText
   });
 };
-var upsertLinkText = exports.upsertLinkText = function upsertLinkText(editor, _ref2) {
-  var text = _ref2.text;
-  var newLink = (0, _queries.getAboveNode)(editor, {
+export const upsertLinkText = (editor, _ref) => {
+  let {
+    text
+  } = _ref;
+  const newLink = getAboveNode(editor, {
     match: {
-      type: _constants.ELementTypes.LINK
+      type: ELementTypes.LINK
     }
   });
   if (!newLink) return;
-  var _newLink = (0, _slicedToArray2.default)(newLink, 2),
-    newLInkNode = _newLink[0],
-    newLinkPath = _newLink[1];
-  if (text && text.length && text !== (0, _queries.getEditorString)(editor, newLinkPath)) {
-    var firstText = newLInkNode.children[0];
-    (0, _replaceNodeChildren.replaceNodeChildren)(editor, {
+  const [newLInkNode, newLinkPath] = newLink;
+  if (text && text.length && text !== getEditorString(editor, newLinkPath)) {
+    const firstText = newLInkNode.children[0];
+    replaceNodeChildren(editor, {
       at: newLinkPath,
-      nodes: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, firstText), {}, {
-        text: text
-      }),
+      nodes: {
+        ...firstText,
+        text
+      },
       insertOptions: {
         select: true
       }
     });
   }
 };
-var unWrapLinkNode = exports.unWrapLinkNode = function unWrapLinkNode(_x) {
-  return (_ref3 = _ref3 || (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(editor) {
-    var _Editor$nodes5, _Editor$nodes6, linkNode;
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(editor.selection == null)) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return");
-        case 2:
-          _Editor$nodes5 = _slate.Editor.nodes(editor, {
-            match: function match(n) {
-              return (0, _queries.getNodeType)(n) === _constants.ELementTypes.LINK;
-            },
-            universal: true
-          }), _Editor$nodes6 = (0, _slicedToArray2.default)(_Editor$nodes5, 1), linkNode = _Editor$nodes6[0]; // Check selection is link node
-          if (!(!linkNode || !linkNode[0])) {
-            _context.next = 5;
-            break;
-          }
-          return _context.abrupt("return");
-        case 5:
-          _slate.Transforms.unwrapNodes(editor, {
-            match: function match(n) {
-              return (0, _queries.getNodeType)(n) === _constants.ELementTypes.LINK;
-            }
-          });
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }))).apply(this, arguments);
+export const unWrapLinkNode = async editor => {
+  if (editor.selection == null) return;
+  const [linkNode] = Editor.nodes(editor, {
+    match: n => getNodeType(n) === ELementTypes.LINK,
+    universal: true
+  });
+  // Check selection is link node
+  if (!linkNode || !linkNode[0]) return;
+  Transforms.unwrapNodes(editor, {
+    match: n => getNodeType(n) === ELementTypes.LINK
+  });
 };

package/dist/extension/plugins/link/index.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _elementTypes = require("../../constants/element-types");
-var _menu = _interopRequireDefault(require("./menu"));
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = _interopRequireDefault(require("./render-elem"));
-var LinkPlugin = {
-  type: _elementTypes.LINK,
+import { LINK } from '../../constants/element-types';
+import LinkMenu from './menu';
+import withLink from './plugin';
+import renderLink from './render-elem';
+const LinkPlugin = {
+  type: LINK,
   nodeType: 'element',
-  editorMenus: [_menu.default],
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.default]
+  editorMenus: [LinkMenu],
+  editorPlugin: withLink,
+  renderElements: [renderLink]
 };
-var _default = exports.default = LinkPlugin;
+export default LinkPlugin;