@seafile/comment-editor 0.0.1-alpha.9 → 0.0.2

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

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

package/dist/basic-sdk/extension/plugins/video/index.css

@@ -1,73 +0,0 @@
-.video-loading-placeholder {
-  background-color: #F2F2F2;
-  width: 100%;
-  height: auto;
-  display: flex;
-  align-items: center;
-}
-
-.video-loading-placeholder .video-file-icon {
-  width: 35px;
-  height: auto;
-}
-
-.video-loading-placeholder .video-file-info {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  font-size: small;
-}
-
-.video-loading-placeholder .file-size {
-  display: flex;
-  align-items: center;
-  color: #939393;
-}
-
-.video-loading-placeholder .loading-spinner {
-  border: 3px solid #d8d8d8;
-  border-top: 3px solid #939393;
-  border-radius: 50%;
-  width: 15px;
-  height: 15px;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.sdoc-video-wrapper{
-  display: flex;
-}
-.sdoc-video-wrapper {
-  position: relative;
-  display: flex;
-}
-
-.sdoc-video-wrapper .sdoc-video-inner {
-  position: relative;
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  display: flex;
-  margin-top: 5px;
-  margin-bottom: 10px;
-}
-
-.sdoc-video-inner .sdoc-video-element{
-  width: 100%;
-}
-
-.sdoc-video-inner .sdoc-video-element:focus-visible {
-  outline: none;
-}
-
-.sdoc-video-inner .sdoc-video-play {
-  position: absolute;
-  top: 36.75%;
-  left: 46.3%;
-  font-size: 48px;
-  pointer-events: none;
-}

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../../constants");
-var _menu = _interopRequireDefault(require("./menu"));
-var _plugin = _interopRequireDefault(require("./plugin"));
-var _renderElem = require("./render-elem");
-require("./index.css");
-const VideoPlugin = {
-  type: _constants.VIDEO,
-  nodeType: 'element',
-  editorMenus: [_menu.default],
-  editorPlugin: _plugin.default,
-  renderElements: [_renderElem.renderVideo]
-};
-var _default = exports.default = VideoPlugin;

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

@@ -1,76 +0,0 @@
-"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 _reactstrap = require("reactstrap");
-var _constants = require("../../../../constants");
-var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
-var _constants2 = require("../../../constants");
-var _helpers = require("../helpers");
-const VideoMenu = _ref => {
-  let {
-    editor,
-    readonly,
-    toggle,
-    eventBus
-  } = _ref;
-  const disabled = (0, _helpers.isInsertVideoMenuDisabled)(editor, readonly);
-  const menuConfig = _constants2.MENUS_CONFIG_MAP[_constants2.VIDEO];
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const openLocalVideoDialog = (0, _react.useCallback)(() => {
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.LOCAL_VIDEO,
-      editor
-    });
-  }, [editor, eventBus]);
-  const addVideoLink = (0, _react.useCallback)(() => {
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.VIDEO_LINK,
-      editor
-    });
-    toggle && toggle();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [editor, eventBus]);
-  const openSelectVideoFileDialog = (0, _react.useCallback)(() => {
-    eventBus.dispatch(_constants.INTERNAL_EVENT.INSERT_ELEMENT, {
-      type: _constants2.ELEMENT_TYPE.VIDEO,
-      insertVideo: _helpers.insertVideo
-    });
-    toggle && toggle();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [toggle, eventBus]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    disabled: disabled,
-    menuConfig: menuConfig,
-    className: "pr-2"
-  }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
-  })), !disabled && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-    target: menuConfig.id,
-    trigger: "hover",
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu sdoc-insert-video-menu-popover",
-    placement: "right-start",
-    hideArrow: true,
-    fade: false
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-insert-video-menu-popover-container sdoc-dropdown-menu-container 333"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: openLocalVideoDialog
-  }, t('Upload_local_video')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: addVideoLink
-  }, t('Add_video_link')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-dropdown-menu-item",
-    onClick: openSelectVideoFileDialog
-  }, t('Link_Seafile_video_file')))));
-};
-var _default = exports.default = VideoMenu;

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

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slate = require("@seafile/slate");
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _constants = require("../../constants");
-var _core = require("../../core");
-var _helpers = require("./helpers");
-const withVideo = editor => {
-  const {
-    isVoid,
-    onHotKeyDown
-  } = editor;
-  const newEditor = editor;
-
-  // Make video as void node
-  newEditor.isVoid = elem => {
-    const {
-      type
-    } = elem;
-    if (type === _constants.VIDEO) {
-      return true;
-    }
-    return isVoid(elem);
-  };
-  newEditor.onHotKeyDown = event => {
-    const [videoNode, path] = (0, _core.getSelectedNodeEntryByType)(editor, _constants.VIDEO) || [];
-    if (path) {
-      // Insert empty paragraph node after video when clicking 'enter' on selected video
-      if ((0, _isHotkey.default)('enter', event)) {
-        event.preventDefault();
-        const emptyParagraph = (0, _core.generateEmptyElement)(_constants.PARAGRAPH);
-        _slate.Transforms.insertNodes(editor, emptyParagraph, {
-          at: _slate.Path.next(path)
-        });
-        const focusPoint = _slate.Editor.end(editor, _slate.Path.next(path));
-        (0, _core.focusEditor)(newEditor, focusPoint);
-      }
-      if ((0, _isHotkey.default)('mod+c', event)) {
-        (0, _helpers.onCopyNode)(editor, videoNode);
-      }
-      return true;
-    }
-    return onHotKeyDown && onHotKeyDown(event);
-  };
-  return newEditor;
-};
-var _default = exports.default = withVideo;

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

@@ -1,155 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderVideo = renderVideo;
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _slate = require("@seafile/slate");
-var _slateReact = require("@seafile/slate-react");
-var _helpers = require("./helpers");
-require("./index.css");
-const Video = _ref => {
-  var _videoStates$element$;
-  let {
-    element,
-    editor
-  } = _ref;
-  const {
-    data
-  } = element;
-  const videoRef = (0, _react.useRef)(null);
-  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
-  const [isSelected, setIsSelected] = (0, _react.useState)(false);
-  const [videoStates, setVideoStates] = (0, _react.useState)({});
-  const videoName = (data === null || data === void 0 ? void 0 : data.name) || (data === null || data === void 0 ? void 0 : data.src);
-  const videoSize = data === null || data === void 0 ? void 0 : data.size;
-  const isEmbeddableLink = data === null || data === void 0 ? void 0 : data.is_embeddable_link;
-  const readonly = (0, _slateReact.useReadOnly)();
-  const handlePlay = () => {
-    setVideoStates(prev => ({
-      ...prev,
-      [element.id]: false
-    }));
-  };
-  const handlePause = () => {
-    setVideoStates(prev => ({
-      ...prev,
-      [element.id]: true
-    }));
-  };
-  const isPaused = (_videoStates$element$ = videoStates[element.id]) !== null && _videoStates$element$ !== void 0 ? _videoStates$element$ : true;
-  const handleVideoLoad = () => {
-    setIsLoaded(true);
-  };
-  const onClickVideo = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    const path = _slateReact.ReactEditor.findPath(editor, element);
-    _slate.Transforms.select(editor, path);
-    setIsSelected(true);
-  }, [editor, element]);
-  const onClickOutside = (0, _react.useCallback)(e => {
-    e.stopPropagation();
-    if (videoRef.current && !videoRef.current.contains(e.target)) {
-      setIsSelected(false);
-    }
-  }, []);
-  (0, _react.useEffect)(() => {
-    const videoElement = videoRef.current;
-    if (videoElement) {
-      videoElement.addEventListener('loadeddata', handleVideoLoad);
-    }
-    document.addEventListener('click', onClickOutside);
-    return () => {
-      if (videoElement) {
-        videoElement.removeEventListener('loadeddata', handleVideoLoad);
-      }
-      document.removeEventListener('click', onClickOutside);
-    };
-  }, [onClickOutside]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isLoaded && /*#__PURE__*/_react.default.createElement("div", {
-    className: "video-loading-placeholder"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    className: "video-file-icon",
-    src: (0, _helpers.videoFileIcon)(),
-    alt: ""
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "video-file-info"
-  }, /*#__PURE__*/_react.default.createElement("div", null, videoName), /*#__PURE__*/_react.default.createElement("div", {
-    className: "file-size"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _helpers.formatFileSize)(videoSize), " \u2014 "), /*#__PURE__*/_react.default.createElement("div", {
-    className: "loading-spinner"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "spinner"
-  }))))), /*#__PURE__*/_react.default.createElement("div", {
-    "data-id": element.id,
-    className: "sdoc-video-wrapper",
-    style: {
-      display: isLoaded ? 'block' : 'none'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-video-inner",
-    style: {
-      visibility: isLoaded ? 'visible' : 'hidden'
-    }
-  }, !isEmbeddableLink && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("video", {
-    className: "sdoc-video-element",
-    ref: videoRef,
-    src: (0, _helpers.getVideoURL)(data),
-    controls: true,
-    controlsList: readonly && 'nofullscreen',
-    onClick: onClickVideo,
-    draggable: false,
-    onPlay: handlePlay,
-    onPause: handlePause,
-    onCanPlay: handleVideoLoad,
-    style: {
-      boxShadow: isSelected ? '0 0 0 2px #007bff' : 'none'
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-video-play sdocfont sdoc-play icon-font",
-    style: {
-      visibility: isPaused ? 'visible' : 'hidden'
-    },
-    contentEditable: "false"
-  })), isEmbeddableLink && /*#__PURE__*/_react.default.createElement("iframe", {
-    className: "sdoc-video-element",
-    title: data.src,
-    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-    allowFullScreen: true,
-    src: (0, _helpers.getVideoURL)(data),
-    onLoad: handleVideoLoad,
-    style: {
-      width: '100%',
-      height: '100%',
-      border: 'none'
-    }
-  }))));
-};
-const SdocVideo = (0, _reactI18next.withTranslation)('sdoc-editor')(Video);
-function renderVideo(props, editor) {
-  const {
-    element,
-    children,
-    attributes
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-    className: "sdoc-video-wrapper"
-  }, attributes, {
-    contentEditable: "true",
-    suppressContentEditableWarning: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sdoc-video-children-wrapper",
-    contentEditable: "false",
-    suppressContentEditableWarning: true,
-    style: {
-      userSelect: 'none',
-      pointerEvents: 'none'
-    }
-  }, children), /*#__PURE__*/_react.default.createElement(SdocVideo, {
-    element: element,
-    editor: editor
-  }));
-}

package/dist/basic-sdk/extension/plugins/wiki-link/helpers.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.insertWikiPageLink = exports.getWikiUrl = exports.generateWikiFileNode = void 0;
-var _slate = require("@seafile/slate");
-var _slugid = _interopRequireDefault(require("slugid"));
-var _context = _interopRequireDefault(require("../../../context"));
-var _constants = require("../../constants");
-var _elementType = require("../../constants/element-type");
-var _helpers = require("../sdoc-link/helpers");
-const insertWikiPageLink = (editor, text, wikiRepoId, pageId, icon, isDir) => {
-  if ((0, _helpers.isMenuDisabled)(editor)) return;
-  // Selection folded or not
-  const {
-    selection
-  } = editor;
-  if (selection == null) return;
-  const isCollapsed = _slate.Range.isCollapsed(selection);
-
-  // Remove shortcut symbol,if trigger by shortcut
-  (0, _helpers.removeShortCutSymbol)(editor);
-  const wikiLinkNode = generateWikiFileNode(wikiRepoId, pageId, text, icon, isDir);
-  if (isCollapsed) {
-    _slate.Transforms.insertNodes(editor, wikiLinkNode);
-  } else {
-    const selectedText = _slate.Editor.string(editor, selection); // Selected text
-    if (selectedText !== text) {
-      // If the selected text is different from the typed text, delete the text and insert the link
-      editor.deleteFragment();
-      _slate.Transforms.insertNodes(editor, wikiLinkNode);
-    } else {
-      // If the selected text is the same as the entered text, only the link can be wrapped
-      _slate.Transforms.wrapNodes(editor, wikiLinkNode, {
-        split: true
-      });
-      _slate.Transforms.collapse(editor, {
-        edge: 'end'
-      });
-    }
-  }
-};
-exports.insertWikiPageLink = insertWikiPageLink;
-const generateWikiFileNode = function (wikiRepoId, pageId) {
-  let title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  let icon = arguments.length > 3 ? arguments[3] : undefined;
-  let isDir = arguments.length > 4 ? arguments[4] : undefined;
-  const wikiPageLinkNode = {
-    id: _slugid.default.nice(),
-    type: _elementType.WIKI_LINK,
-    wiki_repo_id: wikiRepoId,
-    page_id: pageId,
-    title: title,
-    icon,
-    isDir,
-    display_type: _constants.INSERT_FILE_DISPLAY_TYPE[1],
-    children: [{
-      id: _slugid.default.nice(),
-      text: title
-    }]
-  };
-  return wikiPageLinkNode;
-};
-exports.generateWikiFileNode = generateWikiFileNode;
-const getWikiUrl = (wikiRepoId, pageId, readOnly) => {
-  if (readOnly) {
-    const siteRoot = _context.default.getSetting('siteRoot');
-    const publishUrl = _context.default.getSetting('publishUrl');
-    const DEFAULT_URL = 'wiki/publish';
-    return `${siteRoot}${DEFAULT_URL}/${publishUrl}/${pageId}/`;
-  }
-  const siteRoot = _context.default.getSetting('siteRoot');
-  return `${siteRoot}wikis/${wikiRepoId}/${pageId}/`;
-};
-exports.getWikiUrl = getWikiUrl;