@seafile/sdoc-editor 1.0.206-test0.2.3 → 1.0.206-test0.2.5

package/dist/basic-sdk/extension/commons/select-file-dialog/index.js

@@ -70,14 +70,12 @@ const SelectSdocFileDialog = _ref => {
         const {
           fileServerRoot
         } = window.app.config;
+        // Get seafile's video download url as src
         const url = `${fileServerRoot}repos/${repoID}/files${fileInfo.path}/?op=download`;
         const encodedUrl = encodeURI(url);
-        console.log(5, url, encodedUrl);
-        insertVideo && insertVideo(editor, {
-          videoFiles: [{
-            name: fileInfo.name
-          }]
-        }, [encodedUrl]);
+        insertVideo && insertVideo(editor, [{
+          name: fileInfo.name
+        }], [encodedUrl]);
         break;
       default:
         break;
@@ -94,8 +92,6 @@ const SelectSdocFileDialog = _ref => {
 
     // Insert video element in sdoc
     if (dialogType === _constants.ELEMENT_TYPE.VIDEO) {
-      console.log(0);
-      console.log(1, fileInfo);
       insertFile(fileInfo);
       closeDialog();
       return;

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

@@ -60,6 +60,7 @@ const insertVideo = function (editor, videoFiles, srcList, selection) {
   if (position !== _constants.INSERT_POSITION.AFTER) {
     if (isInsertVideoMenuDisabled(editor)) return;
   }
+  console.log('helper', videoFiles, srcList);
   const videoNodes = srcList.map(src => {
     return generateVideoNode(src, videoFiles);
   });

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

@@ -49,14 +49,14 @@
 
 .sdoc-video-wrapper .sdoc-video-inner {
   position: relative;
-  width: 670px;
+  width: 100%;
   display: flex;
   margin-top: 5px;
   margin-bottom: 10px;
 }
 
 .sdoc-video-inner .sdoc-video-element{
-  width: 670px;
+  width: 100%;
 }
 
 .sdoc-video-inner .sdoc-video-element:focus-visible {

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 _data$videoFiles$, _data$videoFiles$2, _data$videoFiles$3, _videoStates$element$;
   let {
     element,
     editor
@@ -26,7 +26,8 @@ const Video = _ref => {
   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;
-  console.log(55, (0, _helpers.getVideoURL)(data));
+  const isEmbeddableLink = data.isEmbeddableLink && ((_data$videoFiles$3 = data.videoFiles[0]) === null || _data$videoFiles$3 === void 0 ? void 0 : _data$videoFiles$3.isEmbeddableLink) || false;
+  console.log(55, isEmbeddableLink, (0, _helpers.getVideoURL)(data));
   const handlePlay = () => {
     setVideoStates(prev => ({
       ...prev,
@@ -93,10 +94,10 @@ const Video = _ref => {
     style: {
       visibility: isLoaded ? 'visible' : 'hidden'
     }
-  }, /*#__PURE__*/_react.default.createElement("video", {
+  }, !isEmbeddableLink && /*#__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,
@@ -106,6 +107,21 @@ const Video = _ref => {
     style: {
       boxShadow: isSelected ? '0 0 0 2px #007bff' : 'none'
     }
+  }), isEmbeddableLink && /*#__PURE__*/_react.default.createElement("iframe", {
+    className: "sdoc-video-element",
+    ref: videoRef,
+    src: (0, _helpers.getVideoURL)(data),
+    onClick: onClickVideo,
+    draggable: false,
+    onPlay: handlePlay,
+    onPause: handlePause,
+    onLoad: handleVideoLoad,
+    title: data.src,
+    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+    allowFullScreen: true,
+    style: {
+      boxShadow: isSelected ? '0 0 0 2px #007bff' : 'none'
+    }
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-video-play sdocfont sdoc-play icon-font",
     style: {

package/package.json

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