@seafile/comment-editor 0.0.1-alpha.0

package/dist/basic-sdk/extension/plugins/text-style/menu/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _slate = require("@seafile/slate");
+var _commentContextMenu = _interopRequireDefault(require("../../../../comment/components/comment-context-menu"));
+var _constants = require("../../../../constants");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _useColorContext = require("../../../../hooks/use-color-context");
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _mouseEvent = require("../../../../utils/mouse-event");
+var _commons = require("../../../commons");
+var _constants2 = require("../../../constants");
+var _core = require("../../../core");
+var _aiMenu = require("../../ai/ai-menu");
+var _helpers = require("../../font/helpers");
+var _fontSizeScale = _interopRequireDefault(require("../../font/menu/font-size/font-size-scale"));
+var _helpers2 = require("../../link/helpers");
+var _helpers3 = require("../helpers");
+const TextStyleMenuList = _ref => {
+  let {
+    editor,
+    t,
+    isRichEditor,
+    className,
+    idPrefix,
+    readonly
+  } = _ref;
+  let selectedFontSize = (0, _helpers.getFontSize)(editor);
+  let selectedFontSizeValue = selectedFontSize;
+  const enableSeafileAI = _context.default.getSetting('enableSeafileAI');
+  const {
+    lastUsedFontColor,
+    updateLastUsedFontColor,
+    lastUsedHighlightColor,
+    updateLastUsedHighlightColor
+  } = (0, _useColorContext.useColorContext)();
+  const isActive = (0, _react.useCallback)(type => {
+    const isMark = (0, _helpers3.getValue)(editor, type);
+    return !!isMark;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor]);
+  const isDisabled = (0, _react.useCallback)(() => {
+    return (0, _helpers3.isMenuDisabled)(editor, readonly);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, readonly]);
+  const isSelectedSeaTableColumn = (0, _react.useCallback)(() => {
+    // TODO: seatable_column
+    const entery = (0, _core.getSelectedNodeByType)(editor, 'seatable_column');
+    return !!entery;
+  }, [editor]);
+  const openLinkDialog = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants2.ELEMENT_TYPE.LINK,
+      editor
+    });
+  }, [editor]);
+  const onMouseDown = (0, _react.useCallback)((event, type) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (isDisabled()) return;
+    const active = isActive(type);
+    if (type === _constants2.LINK) {
+      if (active) {
+        (0, _helpers2.unWrapLinkNode)(editor);
+      } else {
+        openLinkDialog();
+      }
+      return;
+    }
+    if (active) {
+      (0, _helpers3.removeMark)(editor, type);
+    } else {
+      (0, _helpers3.addMark)(editor, type);
+    }
+    (0, _core.focusEditor)(editor);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor]);
+  const setColor = (0, _react.useCallback)((type, color) => {
+    _slate.Editor.addMark(editor, type, color);
+    (0, _core.focusEditor)(editor);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor]);
+  const increaseFontSize = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    (0, _helpers.setFontSize)(editor, selectedFontSizeValue + 1);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, selectedFontSize, selectedFontSizeValue]);
+  const reduceFontSize = (0, _react.useCallback)(event => {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    const nextFontSize = selectedFontSizeValue - 1;
+    if (nextFontSize < 1) return;
+    (0, _helpers.setFontSize)(editor, nextFontSize);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, selectedFontSize, selectedFontSizeValue]);
+  const getTextStyleList = (0, _react.useCallback)(key => {
+    return _constants2.MENUS_CONFIG_MAP[key].map(item => {
+      let disable = isDisabled();
+      const disableTypes = [_constants2.TEXT_STYLE_MAP.CODE, _constants2.TEXT_STYLE_MAP.LINK, _constants2.TEXT_STYLE_MAP.SUPERSCRIPT, _constants2.TEXT_STYLE_MAP.SUBSCRIPT];
+      if (disableTypes.includes(item.type)) {
+        disable = isSelectedSeaTableColumn() ? true : disable;
+      }
+      let itemProps = {
+        isRichEditor,
+        className,
+        ariaLabel: item === null || item === void 0 ? void 0 : item.ariaLabel,
+        disabled: disable,
+        isActive: isActive(item.type),
+        onMouseDown: item.isColor ? () => {} : onMouseDown
+      };
+      if (item.isColor) {
+        itemProps['setColor'] = color => setColor(item.type, color);
+        itemProps['defaultColorTip'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? t('Default') : '';
+        itemProps['lastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? lastUsedFontColor : lastUsedHighlightColor;
+        itemProps['updateLastUsedColor'] = item.type === _constants2.TEXT_STYLE_MAP.COLOR ? updateLastUsedFontColor : updateLastUsedHighlightColor;
+      }
+      return {
+        ...itemProps,
+        ...item,
+        id: idPrefix ? `${idPrefix}_${item.id}` : item.id
+      };
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, lastUsedFontColor, lastUsedHighlightColor, readonly]);
+  let list = getTextStyleList(_constants2.TEXT_STYLE);
+  const dropdownList = getTextStyleList(_constants2.TEXT_STYLE_MORE);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((itemProps, index) => {
+    const Component = itemProps.isColor ? _commons.ColorMenu : _commons.MenuItem;
+    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
+      key: index
+    }, itemProps));
+  }), /*#__PURE__*/_react.default.createElement(_commons.MoreDropdown, null, dropdownList.map((itemProps, index) => /*#__PURE__*/_react.default.createElement(_commons.MenuItem, Object.assign({
+    key: index
+  }, itemProps))), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
+    disabled: isDisabled(),
+    onClick: increaseFontSize,
+    id: "sdoc-increase-font-size",
+    tipMessage: t('Increase_font_size')
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-increase-font-size"
+  })), /*#__PURE__*/_react.default.createElement(_fontSizeScale.default, {
+    disabled: isDisabled(),
+    onClick: reduceFontSize,
+    id: "sdoc-reduce-font-size",
+    tipMessage: t('Reduce_font_size')
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "sdocfont sdoc-reduce-font-size"
+  }))), idPrefix && ![_constants.DOCUMENT_PLUGIN_EDITOR, _constants.WIKI_EDITOR].includes(editor.editorType) && /*#__PURE__*/_react.default.createElement(_commentContextMenu.default, null), idPrefix && enableSeafileAI && /*#__PURE__*/_react.default.createElement(_aiMenu.AIContextMenu, {
+    isRichEditor: isRichEditor
+  }));
+};
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TextStyleMenuList);

package/dist/basic-sdk/extension/plugins/text-style/plugin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../../constants");
+var _helpers = require("./helpers");
+const withTextStyle = editor => {
+  const toggleTextStyle = type => {
+    const isDisabled = (0, _helpers.isMenuDisabled)(editor);
+    if (isDisabled) {
+      return false;
+    }
+    const isActive = !!(0, _helpers.getValue)(editor, type);
+    if (isActive) {
+      (0, _helpers.removeMark)(editor, type);
+    } else {
+      (0, _helpers.addMark)(editor, type);
+    }
+  };
+  editor.toggleTextBold = () => {
+    toggleTextStyle(_constants.TEXT_STYLE_MAP.BOLD);
+  };
+  editor.toggleTextItalic = () => {
+    toggleTextStyle(_constants.TEXT_STYLE_MAP.ITALIC);
+  };
+  return editor;
+};
+var _default = exports.default = withTextStyle;

package/dist/basic-sdk/extension/plugins/text-style/render-elem.js

@@ -0,0 +1,137 @@
+"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 _constants = require("../../constants");
+var _helpers = require("../font/helpers");
+var _caret = _interopRequireDefault(require("./caret"));
+const renderText = props => {
+  const {
+    attributes,
+    children,
+    leaf
+  } = props;
+  let {
+    text,
+    ...rest
+  } = leaf;
+  let markedChildren = /*#__PURE__*/_react.default.cloneElement(children);
+  let style = {};
+  // The following is a workaround for a Chromium bug where,
+  // if you have an inline at the end of a block,
+  // clicking the end of a block puts the cursor inside the inline
+  // instead of inside the final {text: ''} node
+  // https://github.com/ianstormtaylor/slate/issues/4704#issuecomment-1006696364
+  if (!text.length) {
+    style['paddingLeft'] = '0.1px';
+  }
+  if (leaf.isCaret) {
+    style['position'] = 'relative';
+    style['display'] = 'inline-block';
+    style['minWidth'] = '2px';
+  }
+
+  // Add temporary marks for selection in AI or context comment
+  if ((leaf.sdoc_ai || leaf.comment) && leaf.text.trim()) {
+    style['padding'] = '3px 0';
+    style['backgroundColor'] = '#a9c9ed';
+  }
+
+  // Background color overlap for multi comments
+  if (Object.keys(leaf).some(key => key.startsWith('sdoc_comment_'))) {
+    const commentEntries = Object.entries(leaf).filter(_ref => {
+      let [key] = _ref;
+      return key.startsWith('sdoc_comment_');
+    });
+    for (const [key, value] of commentEntries) {
+      if (value === false && key.startsWith('sdoc_comment_')) {
+        const newKey = `removed_${key}`;
+        rest[newKey] = true;
+        delete rest[key];
+      }
+    }
+    const commentRest = Object.keys(rest).filter(item => item.startsWith('sdoc_comment_'));
+
+    // Multi comment or only one comment
+    if (commentRest.length > 1) {
+      style['backgroundColor'] = 'rgba(129, 237, 247)';
+    }
+    if (commentRest.length === 1) {
+      style['backgroundColor'] = 'rgba(129, 237, 247, 0.5)';
+    }
+  }
+  if (leaf.computed_background_color) {
+    style['backgroundColor'] = leaf.computed_background_color;
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.COLOR]) {
+    style['color'] = leaf[_constants.TEXT_STYLE_MAP.COLOR];
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR]) {
+    style['backgroundColor'] = leaf[_constants.TEXT_STYLE_MAP.HIGHLIGHT_COLOR];
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE]) {
+    const fontSize = leaf[_constants.TEXT_STYLE_MAP.FONT_SIZE];
+    if (typeof fontSize === 'number') {
+      style['fontSize'] = `${fontSize}pt`;
+    }
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.FONT]) {
+    const fontWeight = leaf[_constants.TEXT_STYLE_MAP.BOLD] ? 600 : 400;
+    style['fontFamily'] = (0, _helpers.generatorFontFamily)(leaf[_constants.TEXT_STYLE_MAP.FONT], fontWeight);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.BOLD]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("strong", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.ITALIC]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("i", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.UNDERLINE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        textDecoration: 'underline'
+      }
+    }, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.STRIKETHROUGH]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        textDecoration: 'line-through'
+      }
+    }, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.SUPERSCRIPT]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("sup", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.SUBSCRIPT]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("sub", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.CODE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("code", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.DELETE]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("del", null, markedChildren);
+  }
+  if (leaf[_constants.TEXT_STYLE_MAP.ADD]) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", null, markedChildren);
+  }
+  if (leaf.decoration) {
+    markedChildren = /*#__PURE__*/_react.default.createElement("span", {
+      className: `token ${leaf.type}`
+    }, markedChildren);
+  }
+  return /*#__PURE__*/_react.default.createElement("span", Object.assign({
+    "data-id": leaf.id
+  }, attributes, {
+    style: style,
+    className: Object.keys(rest).join(' ')
+  }), leaf.isCaret ? /*#__PURE__*/_react.default.createElement(_caret.default, leaf) : null, leaf.isCaret && /*#__PURE__*/_react.default.createElement("span", {
+    key: Math.random(),
+    "data-slate-zero-width": "z",
+    "data-slate-length": "0"
+  }, '\uFEFF'), !leaf.isCaret && markedChildren);
+};
+var _default = exports.default = renderText;

package/dist/basic-sdk/extension/plugins/video/constants/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIDEO_MAX_SIZE_5MB = exports.ONE_MB = exports.ONE_KB = exports.ONE_GB = void 0;
+const VIDEO_MAX_SIZE_5MB = exports.VIDEO_MAX_SIZE_5MB = 5 * 1024 * 1024;
+const ONE_GB = exports.ONE_GB = 1000 * 1000 * 1000;
+const ONE_MB = exports.ONE_MB = 1000 * 1000;
+const ONE_KB = exports.ONE_KB = 1000;

package/dist/basic-sdk/extension/plugins/video/dialog/add-video-link-dialog/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _helpers = require("../../helpers");
+const AddVideoLinkDialog = _ref => {
+  let {
+    editor,
+    className,
+    closeDialog,
+    handleSubmit
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const [linkErrorMessage, setLinkErrorMessage] = (0, _react.useState)('');
+  const [url, setURL] = (0, _react.useState)('');
+  const isValidVideoLink = link => {
+    const videoRegex = /v\.qq\.com|youtube\.com|v\.youku\.com|bilibili\.com/i;
+    return videoRegex.test(link);
+  };
+  const submit = (0, _react.useCallback)(() => {
+    setLinkErrorMessage('');
+    if (!url) {
+      setLinkErrorMessage(t('The_link_address_is_required'));
+      return;
+    }
+    if (!isValidVideoLink(url)) {
+      setLinkErrorMessage(t('The_link_address_is_invalid'));
+      return;
+    }
+    (0, _helpers.insertVideo)(editor, [{
+      name: url,
+      isEmbeddableLink: true
+    }], [url]);
+    handleSubmit && handleSubmit();
+    closeDialog();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, url]);
+  const onKeyDown = (0, _react.useCallback)(event => {
+    if (event.keyCode === 13) {
+      event.preventDefault();
+      submit();
+      return;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, url]);
+  const handleUrlChange = (0, _react.useCallback)(event => {
+    const videoUrl = event.target.value;
+    if (videoUrl === url) return;
+    setURL(videoUrl);
+  }, [url]);
+  const close = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: false,
+    toggle: closeDialog,
+    className: className,
+    zIndex: 1071,
+    returnFocusAfterClose: false
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Insert_link')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+    for: "addLink"
+  }, t('Link_address')), /*#__PURE__*/_react.default.createElement("input", {
+    onKeyDown: onKeyDown,
+    autoFocus: true,
+    type: "url",
+    className: "form-control",
+    id: "addVideoLink",
+    value: url || '',
+    onChange: handleUrlChange
+  }), linkErrorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
+    color: "danger",
+    className: "mt-2"
+  }, t(linkErrorMessage))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: '12px',
+      color: '#787774'
+    }
+  }, t('Support_Youtube_Tencent_Bilibili_and_more')))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "secondary",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    color: "primary",
+    disabled: false,
+    onClick: submit
+  }, t('Add_link'))));
+};
+var _default = exports.default = AddVideoLinkDialog;

package/dist/basic-sdk/extension/plugins/video/helpers.js

@@ -0,0 +1,241 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.videoFileIcon = exports.parseVideoLink = exports.onCopyNode = exports.isInsertVideoMenuDisabled = exports.insertVideo = exports.getVideoURL = exports.generateVideoNode = exports.formatFileSize = void 0;
+var _slate = require("@seafile/slate");
+var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _helpers = require("../../plugins/code-block/helpers");
+var _constants2 = require("../../plugins/table/constants");
+var _constants3 = require("./constants");
+const isInsertVideoMenuDisabled = (editor, readonly) => {
+  if (readonly) return true;
+  const {
+    selection
+  } = editor;
+  if (selection === null) return true;
+  if (!_slate.Range.isCollapsed(selection)) return true;
+  const [match] = _slate.Editor.nodes(editor, {
+    match: n => {
+      let type = (0, _core.getNodeType)(n);
+      if (!type && (0, _core.isTextNode)(n) && n.id) {
+        const parentNode = (0, _core.getParentNode)(editor.children, n.id);
+        type = (0, _core.getNodeType)(parentNode);
+      }
+      if (type === _constants.CODE_BLOCK) return true;
+      if (type.startsWith('header')) return true;
+      if (type === _constants.TITLE) return true;
+      if (type === _constants.SUBTITLE) return true;
+      if (type === _constants.LIST_ITEM) return true;
+      if (type === _constants.CHECK_LIST_ITEM) return true;
+      if (type === _constants.MULTI_COLUMN) return true;
+      if (type === _constants.BLOCKQUOTE) return true;
+      if (type === _constants.CALL_OUT) return true;
+      if (type === _constants.TABLE) return true;
+      if (_slate.Editor.isVoid(editor, n)) return true;
+      return false;
+    },
+    universal: true
+  });
+  if (match) return true;
+  return false;
+};
+exports.isInsertVideoMenuDisabled = isInsertVideoMenuDisabled;
+const generateVideoNode = (src, videoInfo) => {
+  const element = (0, _core.generateEmptyElement)(_constants.VIDEO);
+  const {
+    name,
+    size,
+    is_embeddable_link
+  } = videoInfo;
+  return [{
+    ...element,
+    data: {
+      src,
+      name,
+      size,
+      is_embeddable_link
+    }
+  }];
+};
+exports.generateVideoNode = generateVideoNode;
+const parseVideoLink = url => {
+  if (!url) return false;
+
+  // Youtube url conversion
+  if (url.includes('youtube.com')) {
+    const videoId = new URL(url).searchParams.get('v');
+    const videoUrl = videoId ? `https://www.youtube.com/embed/${videoId}/?rel=0` : false;
+    return videoUrl;
+  }
+
+  // Tencent url conversion
+  if (url.includes('v.qq.com')) {
+    const vidMatch = url.match(/\/([^\/]+)\.html/);
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://v.qq.com/txp/iframe/player.html?vid=${vidMatch[1]}` : false;
+    return videoUrl;
+  }
+
+  // Bilibili url conversion
+  if (url.includes('bilibili.com')) {
+    const vidMatch = url.match(/\/video\/(BV[0-9A-Za-z]+)/);
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.bilibili.com/player.html?bvid=${vidMatch[1]}` : false;
+    return videoUrl;
+  }
+
+  // Youku url conversion
+  if (url.includes('v.youku.com')) {
+    const vidMatch = url.match(/id_([A-Za-z0-9=]+)\.html/);
+    const videoUrl = vidMatch !== null && vidMatch !== void 0 && vidMatch[1] ? `https://player.youku.com/embed/${vidMatch[1]}` : false;
+    return videoUrl;
+  }
+
+  // Unsupported url
+  return false;
+};
+exports.parseVideoLink = parseVideoLink;
+const insertVideo = function (editor, videoFiles, srcList, selection) {
+  let position = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _constants.INSERT_POSITION.CURRENT;
+  if (!srcList) return;
+  if (position !== _constants.INSERT_POSITION.AFTER) {
+    if (isInsertVideoMenuDisabled(editor)) return;
+  }
+  const videoInfo = {
+    name: videoFiles[0].name || null,
+    size: videoFiles[0].size || null,
+    is_embeddable_link: videoFiles[0].isEmbeddableLink || false
+  };
+  let videoNodes;
+  // Return when embedding an invalid youtube, tencent or bilibili video url
+  if (videoInfo.is_embeddable_link) {
+    const parsedSrc = parseVideoLink(srcList[0]);
+    if (!parsedSrc) return;
+    videoNodes = generateVideoNode(parsedSrc, videoInfo);
+  } else {
+    videoNodes = generateVideoNode(srcList[0], videoInfo);
+  }
+  const validSelection = selection || editor.selection;
+  let path = _slate.Editor.path(editor, validSelection);
+  if (position === _constants.INSERT_POSITION.AFTER) {
+    const p = (0, _core.generateEmptyElement)(_constants.ELEMENT_TYPE.PARAGRAPH);
+    videoNodes.forEach((item, index) => {
+      p.children[index] = item;
+    });
+    _slate.Transforms.insertNodes(editor, p, {
+      at: [path[0] + 1]
+    });
+    (0, _core.focusEditor)(editor, [path[0] + 1, 2]);
+    return;
+  }
+  const aboveNodeEntry = (0, _core.getAboveBlockNode)(editor);
+  const nodePath = [aboveNodeEntry[1][0]];
+  const nextPath = _slate.Path.next(nodePath);
+  const isEmptyParagraph = aboveNodeEntry[0].type === _constants.PARAGRAPH && _slate.Node.string(aboveNodeEntry[0]).length === 0;
+  if (videoNodes.length === 1 && isEmptyParagraph) {
+    _slate.Transforms.setNodes(editor, videoNodes[0], {
+      at: validSelection
+    });
+    _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
+      at: nextPath
+    });
+    const endOfFirstNode = _slate.Editor.start(editor, nextPath);
+    const range = {
+      anchor: endOfFirstNode,
+      focus: endOfFirstNode
+    };
+    (0, _core.focusEditor)(editor, range);
+    return;
+  }
+  let videoEndSelection;
+  if ((0, _core.isLastNode)(editor, aboveNodeEntry[0]) && _slate.Editor.isEnd(editor, validSelection.anchor, [validSelection.anchor.path[0]])) {
+    // Insert video into empty paragraph node at the end if in the last position
+    _slate.Transforms.splitNodes(editor, {
+      at: selection,
+      always: true
+    });
+    _slate.Transforms.insertNodes(editor, videoNodes[0], {
+      at: validSelection
+    });
+    _slate.Transforms.insertNodes(editor, (0, _core.generateDefaultParagraph)(), {
+      at: [nextPath[0] + 1]
+    });
+    videoEndSelection = [nextPath[0] + 1];
+  } else {
+    _slate.Transforms.splitNodes(editor, {
+      at: selection,
+      always: true
+    });
+    _slate.Transforms.insertNodes(editor, videoNodes[0], {
+      at: validSelection
+    });
+    videoEndSelection = _slate.Editor.start(editor, _slate.Path.next(nextPath));
+  }
+  (0, _core.focusEditor)(editor, videoEndSelection);
+};
+exports.insertVideo = insertVideo;
+const getVideoURL = data => {
+  const {
+    src: url
+  } = data;
+  if (url && url.startsWith('http')) return url;
+  const serviceUrl = _context.default.getSetting('serviceUrl');
+  const assetsUrl = _context.default.getSetting('assetsUrl');
+  return (0, _urlJoin.default)(serviceUrl, assetsUrl, url);
+};
+exports.getVideoURL = getVideoURL;
+const formatFileSize = size => {
+  if (typeof size !== 'number') {
+    return '';
+  }
+  if (size >= _constants3.ONE_GB) {
+    return (size / _constants3.ONE_GB).toFixed(1) + ' G';
+  }
+  if (size >= _constants3.ONE_MB) {
+    return (size / _constants3.ONE_MB).toFixed(1) + ' M';
+  }
+  if (size >= _constants3.ONE_KB) {
+    return (size / _constants3.ONE_KB).toFixed(1) + ' K';
+  }
+  return size.toFixed(1) + ' B';
+};
+exports.formatFileSize = formatFileSize;
+const videoFileIcon = () => {
+  const server = _context.default.getSetting('serviceUrl');
+  return `${server}/media/img/file/256/video.png`;
+};
+exports.videoFileIcon = videoFileIcon;
+const onCopyNode = (editor, element) => {
+  if (element.type === _constants.ELEMENT_TYPE.CODE_BLOCK) {
+    (0, _helpers.setClipboardCodeBlockData)(element);
+    return;
+  }
+  if (element.type === _constants.ELEMENT_TYPE.TABLE) {
+    const tableSize = [element.children.length, element.children[0].children.length];
+    const tableSelectedRange = {
+      minRowIndex: 0,
+      maxRowIndex: tableSize[0] - 1,
+      minColIndex: 0,
+      maxColIndex: tableSize[1] - 1
+    };
+    editor.tableSelectedRange = tableSelectedRange;
+  }
+  const newData = editor.setFragmentData(new DataTransfer());
+  (0, _copyToClipboard.default)('copy', {
+    onCopy: clipboardData => {
+      newData.types.forEach(type => {
+        const data = newData.getData(type);
+        clipboardData.setData(type, data);
+      });
+    }
+  });
+  if (element.type === _constants.ELEMENT_TYPE.TABLE) {
+    editor.tableSelectedRange = _constants2.EMPTY_SELECTED_RANGE;
+  }
+};
+exports.onCopyNode = onCopyNode;