@app-studio/web 0.8.61 → 0.8.63

package/dist/components/Uploader/Uploader.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { UploadProps, UseUploadProps } from './Uploader.props';
+export declare const generateThumbnail: (videoFile: File, setThumbnailUrl: (url: string) => void) => void;
 export declare const useUpload: ({ maxSize, onFileSelect, validateFile, thumbnail, onError, }: UseUploadProps) => {
     previewUrl: string | null;
     thumbnailUrl: string | null;

package/dist/web.cjs.development.js

@@ -6965,6 +6965,26 @@ var MessageLayout = _ref => {
   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,
@@ -6982,26 +7002,6 @@ var useUpload = _ref => {
   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];
@@ -7026,7 +7026,7 @@ var useUpload = _ref => {
     }
     setPreviewUrl(URL.createObjectURL(file));
     if (file.type.startsWith('video/')) {
-      generateThumbnail(file);
+      generateThumbnail(file, setThumbnailUrl);
     }
     if (onFileSelect) {
       setSelectedFile(file);
@@ -7110,8 +7110,7 @@ var Uploader = _ref2 => {
         thumbnailUrl,
         videoRef,
         videoProps,
-        imageProps,
-        iconProps
+        imageProps
       } = _ref6;
       console.log('thumbnailUrl', thumbnailUrl);
       return /*#__PURE__*/React__default.createElement(appStudio.View, {
@@ -7133,14 +7132,7 @@ var Uploader = _ref2 => {
         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 {
@@ -8199,6 +8191,7 @@ exports.WarningIcon = WarningIcon;
 exports.WifiIcon = WifiIcon;
 exports.XIcon = XIcon;
 exports.YoutubeIcon = YoutubeIcon;
+exports.generateThumbnail = generateThumbnail;
 exports.hideMessage = hideMessage;
 exports.hideModal = hideModal;
 exports.showMessage = showMessage;