@app-studio/web 0.8.61 → 0.8.63

package/dist/web.umd.development.js

@@ -6949,6 +6949,26 @@
     return visible ? MessageContainer : null;
   };
 
+  var generateThumbnail = (videoFile, setThumbnailUrl) => {
+    var video = document.createElement('video');
+    video.preload = 'metadata';
+    video.onloadedmetadata = () => {
+      video.currentTime = 1;
+    };
+    video.oncanplay = () => {
+      var canvas = document.createElement('canvas');
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      var ctx = canvas.getContext('2d');
+      if (ctx) {
+        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+        var thumbnailDataUrl = canvas.toDataURL('image/jpeg');
+        setThumbnailUrl(thumbnailDataUrl);
+      }
+      URL.revokeObjectURL(video.src);
+    };
+    video.src = URL.createObjectURL(videoFile);
+  };
   var useUpload = _ref => {
     var {
       maxSize = 100 * 1024 * 1024,
@@ -6966,26 +6986,6 @@
     var [errorMessage, setErrorMessage] = React.useState(null);
     var [previewUrl, setPreviewUrl] = React.useState(null);
     var [thumbnailUrl, setThumbnailUrl] = React.useState(thumbnail || null);
-    var generateThumbnail = videoFile => {
-      var video = document.createElement('video');
-      video.preload = 'metadata';
-      video.onloadedmetadata = () => {
-        video.currentTime = 1;
-      };
-      video.oncanplay = () => {
-        var canvas = document.createElement('canvas');
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        var ctx = canvas.getContext('2d');
-        if (ctx) {
-          ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-          var thumbnailDataUrl = canvas.toDataURL('image/jpeg');
-          setThumbnailUrl(thumbnailDataUrl);
-        }
-        URL.revokeObjectURL(video.src);
-      };
-      video.src = URL.createObjectURL(videoFile);
-    };
     var handleFileChange = React.useCallback(event => {
       var _event$target$files;
       var file = (_event$target$files = event.target.files) == null ? void 0 : _event$target$files[0];
@@ -7010,7 +7010,7 @@
       }
       setPreviewUrl(URL.createObjectURL(file));
       if (file.type.startsWith('video/')) {
-        generateThumbnail(file);
+        generateThumbnail(file, setThumbnailUrl);
       }
       if (onFileSelect) {
         setSelectedFile(file);
@@ -7094,8 +7094,7 @@
           thumbnailUrl,
           videoRef,
           videoProps,
-          imageProps,
-          iconProps
+          imageProps
         } = _ref6;
         console.log('thumbnailUrl', thumbnailUrl);
         return /*#__PURE__*/React__default.createElement(appStudio.View, {
@@ -7117,14 +7116,7 @@
           width: "100%",
           height: "100%",
           objectFit: "cover"
-        }, imageProps)), /*#__PURE__*/React__default.createElement(PlayIcon, Object.assign({
-          position: "absolute",
-          top: "50%",
-          left: "50%",
-          color: "white",
-          size: '20%',
-          transform: "translate(-50%, -50%)"
-        }, iconProps)));
+        }, imageProps)));
       },
       renderImage = _ref7 => {
         var {
@@ -8183,6 +8175,7 @@
   exports.WifiIcon = WifiIcon;
   exports.XIcon = XIcon;
   exports.YoutubeIcon = YoutubeIcon;
+  exports.generateThumbnail = generateThumbnail;
   exports.hideMessage = hideMessage;
   exports.hideModal = hideModal;
   exports.showMessage = showMessage;