@seafile/sdoc-editor 1.0.205 → 1.0.206-test-5.0

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

@@ -17,6 +17,7 @@ const VideoMenu = _ref => {
   let {
     editor,
     readonly,
+    toggle,
     eventBus
   } = _ref;
   const disabled = (0, _helpers.isInsertVideoMenuDisabled)(editor, readonly);
@@ -30,6 +31,22 @@ const VideoMenu = _ref => {
       editor
     });
   }, [editor, eventBus]);
+  const addVideoLink = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.ELEMENT_TYPE.VIDEO_LINK,
+      editor
+    });
+    toggle && toggle();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, eventBus]);
+  const openSelectVideoFileDialog = (0, _react.useCallback)(() => {
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.INSERT_ELEMENT, {
+      type: _constants.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,
@@ -48,6 +65,12 @@ const VideoMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-dropdown-menu-item",
     onClick: openLocalVideoDialog
-  }, t('Upload_local_video')))));
+  }, 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/render-elem.js

@@ -12,7 +12,7 @@ var _reactI18next = require("react-i18next");
 var _helpers = require("./helpers");
 require("./index.css");
 const Video = _ref => {
-  var _data$videoFiles$, _data$videoFiles$2, _videoStates$element$;
+  var _videoStates$element$;
   let {
     element,
     editor
@@ -24,8 +24,9 @@ const Video = _ref => {
   const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
   const [isSelected, setIsSelected] = (0, _react.useState)(false);
   const [videoStates, setVideoStates] = (0, _react.useState)({});
-  const videoFileName = data.videoFiles && ((_data$videoFiles$ = data.videoFiles[0]) === null || _data$videoFiles$ === void 0 ? void 0 : _data$videoFiles$.name) || null;
-  const videoFileSize = data.videoFiles && ((_data$videoFiles$2 = data.videoFiles[0]) === null || _data$videoFiles$2 === void 0 ? void 0 : _data$videoFiles$2.size) || null;
+  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 handlePlay = () => {
     setVideoStates(prev => ({
       ...prev,
@@ -75,9 +76,9 @@ const Video = _ref => {
     alt: ""
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "video-file-info"
-  }, /*#__PURE__*/_react.default.createElement("div", null, videoFileName), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", null, videoName), /*#__PURE__*/_react.default.createElement("div", {
     className: "file-size"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _helpers.formatFileSize)(videoFileSize), " \u2014 "), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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"
@@ -92,10 +93,10 @@ const Video = _ref => {
     style: {
       visibility: isLoaded ? 'visible' : 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement("video", {
+  }, !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, editor),
+    src: (0, _helpers.getVideoURL)(data),
     controls: true,
     onClick: onClickVideo,
     draggable: false,
@@ -111,6 +112,18 @@ const Video = _ref => {
       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);

package/dist/constants/index.js

@@ -36,6 +36,7 @@ const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
   PARTICIPANT_REMOVED: 'participant-removed',
   CREATE_SDOC_FILE: 'create_sdoc_file',
   CREATE_WIKI_PAGE: 'create_wiki_page',
+  ADD_VIDEO_LINK: 'add_video_link',
   // wiki
   INSERT_LINK: 'insert_link',
   // document

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "1.0.205",
+  "version": "1.0.206-test-5.0",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",

package/public/locales/cs/sdoc-editor.json

@@ -573,7 +573,7 @@
   "Five_column": "5 columns",
   "Full_width_mode": "Full width mode",
   "Video": "Video",
-  "Upload_local_video": "Upload_local_video",
+  "Upload_local_video": "Upload local video",
   "The_current_version_does_not_support_>5MB_video_file": "The_current_version_does_not_support_>5MB_video_file",
   "Token_expired_Please_refresh_the_page": "Token expired. Please refresh the page.",
   "Link_to_page": "Link to page",
@@ -606,5 +606,9 @@
   "Ask_AI": "Ask AI",
   "Enter_reply": "Enter reply",
   "Processing_content_cannot_be_empty": "Processing content cannot be empty",
-  "AI_error_message": "Request error, please try again"
+  "AI_error_message": "Request error, please try again",
+  "Add_video_link": "Add video link",
+  "Link_Seafile_video_file": "Link Seafile video file",
+  "Select_video_file": "Select video file",
+  "Support_Youtube_Tencent_Bilibili_and_more": "Support Youtube, Tencent, Bilibili and more"
 }