remotion 4.0.0-offthread.28 → 4.0.0-offthread.32

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
-remotion:build: cache hit, replaying output d1bbce63430ceff2
-remotion:build: 
-remotion:build: > remotion@3.0.10 build /Users/jonathanburger/remotion/packages/core
-remotion:build: > tsc -d
-remotion:build: 
+remotion:build: cache hit, replaying output adb0281825e06cd7
+remotion:build: 
+remotion:build: > remotion@3.0.10 build /Users/jonathanburger/remotion/packages/core
+remotion:build: > tsc -d
+remotion:build: 

package/dist/Img.js

@@ -10,11 +10,12 @@ const ImgRefForwarding = ({ onError, ...props }, ref) => {
         return imageRef.current;
     });
     const didGetError = (0, react_1.useCallback)((e) => {
+        var _a;
         if (onError) {
             onError(e);
         }
         else {
-            console.error('Error loading image:', e, 'Handle the event using the onError() prop to make this message disappear.');
+            console.error('Error loading image with src:', (_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.src, e, 'Handle the event using the onError() prop to make this message disappear.');
         }
     }, [onError]);
     // If image source switches, make new handle

package/dist/video/OffthreadVideoForRendering.js

@@ -21,6 +21,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
     const sequenceContext = (0, react_1.useContext)(sequencing_1.SequenceContext);
     const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const { registerAsset, unregisterAsset } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
+    const [crash, setCrash] = (0, react_1.useState)(false);
     if (!src) {
         throw new TypeError('No `src` was passed to <OffthreadVideo>.');
     }
@@ -79,6 +80,27 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
     const actualSrc = (0, react_1.useMemo)(() => {
         return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}`;
     }, [currentTime, src]);
-    return (0, jsx_runtime_1.jsx)(Img_1.Img, { src: actualSrc, ...props, onError: onError }, void 0);
+    const onErr = (0, react_1.useCallback)((e) => {
+        console.log('ERROR', actualSrc);
+        fetch(actualSrc)
+            .then((res) => {
+            console.log('fetch', res.status);
+            return res.text();
+        })
+            .then((text) => {
+            console.log('TEXT', text);
+        })
+            .catch((err) => {
+            console.log('MSG', err.message);
+        })
+            .finally(() => {
+            setCrash(true);
+        });
+        onError === null || onError === void 0 ? void 0 : onError(e);
+    }, [actualSrc, onError]);
+    if (crash) {
+        throw new Error('crash');
+    }
+    return (0, jsx_runtime_1.jsx)(Img_1.Img, { src: actualSrc, ...props, onError: onErr }, void 0);
 };
 exports.OffthreadVideoForRendering = OffthreadVideoForRendering;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "remotion",
-	"version": "4.0.0-offthread.28+4c660b5d3",
+	"version": "4.0.0-offthread.32+90ec968c7",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -55,5 +55,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4c660b5d347a5c6213abcc2021442f35d84af844"
+	"gitHead": "90ec968c7621839fc5e1d4b7510edd45f4bf366e"
 }