remotion 4.0.363 → 4.0.364

package/dist/cjs/Img.js

@@ -110,34 +110,27 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
                     onImageFrame === null || onImageFrame === void 0 ? void 0 : onImageFrame(current);
                 }
                 unblock();
-                requestAnimationFrame(() => {
-                    continueRender(newHandle);
-                });
+                continueRender(newHandle);
             };
             if (!imageRef.current) {
                 onComplete();
                 return;
             }
             current.src = actualSrc;
-            if (current.complete) {
-                onComplete();
-            }
-            else {
-                current
-                    .decode()
-                    .then(onComplete)
-                    .catch((err) => {
-                    // fall back to onload event if decode() fails
-                    // eslint-disable-next-line no-console
-                    console.warn(err);
-                    if (current.complete) {
-                        onComplete();
-                    }
-                    else {
-                        current.addEventListener('load', onComplete);
-                    }
-                });
-            }
+            current
+                .decode()
+                .then(onComplete)
+                .catch((err) => {
+                // fall back to onload event if decode() fails
+                // eslint-disable-next-line no-console
+                console.warn(err);
+                if (current.complete) {
+                    onComplete();
+                }
+                else {
+                    current.addEventListener('load', onComplete);
+                }
+            });
             // If tag gets unmounted, clear pending handles because image is not going to load
             return () => {
                 unmounted = true;
@@ -163,7 +156,7 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
         requestsVideoFrame: false,
     });
     // src gets set once we've loaded and decoded the image.
-    return ((0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, crossOrigin: crossOriginValue, onError: didGetError }));
+    return ((0, jsx_runtime_1.jsx)("img", { ...props, ref: imageRef, crossOrigin: crossOriginValue, onError: didGetError, decoding: "sync" }));
 };
 /*
  * @description Works just like a regular HTML img tag. When you use the <Img> tag, Remotion will ensure that the image is loaded before rendering the frame.

package/dist/cjs/delay-render.js

@@ -5,12 +5,12 @@ const cancel_render_js_1 = require("./cancel-render.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 const log_js_1 = require("./log.js");
 const truthy_js_1 = require("./truthy.js");
-if (typeof window !== 'undefined') {
-    window.remotion_renderReady = false;
-}
 let handles = [];
 if (typeof window !== 'undefined') {
-    window.remotion_delayRenderTimeouts = {};
+    window.remotion_renderReady = false;
+    if (!window.remotion_delayRenderTimeouts) {
+        window.remotion_delayRenderTimeouts = {};
+    }
 }
 exports.DELAY_RENDER_CALLSTACK_TOKEN = 'The delayRender was called:';
 exports.DELAY_RENDER_RETRIES_LEFT = 'Retries left: ';

package/dist/cjs/validate-start-from-props.js

@@ -52,7 +52,7 @@ const validateTrimProps = (trimBefore, trimAfter) => {
             throw new TypeError(`trimAfter must be a positive number, instead got ${trimAfter}.`);
         }
     }
-    if (trimAfter < trimBefore) {
+    if (trimAfter <= trimBefore) {
         throw new TypeError('trimAfter prop must be greater than trimBefore prop.');
     }
 };

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.363";
+export declare const VERSION = "4.0.364";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.363';
+exports.VERSION = '4.0.364';

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.363";
+var VERSION = "4.0.364";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1711,12 +1711,12 @@ var Log = {
 };
 
 // src/delay-render.ts
-if (typeof window !== "undefined") {
-  window.remotion_renderReady = false;
-}
 var handles = [];
 if (typeof window !== "undefined") {
-  window.remotion_delayRenderTimeouts = {};
+  window.remotion_renderReady = false;
+  if (!window.remotion_delayRenderTimeouts) {
+    window.remotion_delayRenderTimeouts = {};
+  }
 }
 var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
 var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
@@ -2697,7 +2697,7 @@ var validateTrimProps = (trimBefore, trimAfter) => {
       throw new TypeError(`trimAfter must be a positive number, instead got ${trimAfter}.`);
     }
   }
-  if (trimAfter < trimBefore) {
+  if (trimAfter <= trimBefore) {
     throw new TypeError("trimAfter prop must be greater than trimBefore prop.");
   }
 };
@@ -5687,27 +5687,21 @@ var ImgRefForwarding = ({
           onImageFrame?.(current);
         }
         unblock();
-        requestAnimationFrame(() => {
-          continueRender2(newHandle);
-        });
+        continueRender2(newHandle);
       };
       if (!imageRef.current) {
         onComplete();
         return;
       }
       current.src = actualSrc;
-      if (current.complete) {
-        onComplete();
-      } else {
-        current.decode().then(onComplete).catch((err) => {
-          console.warn(err);
-          if (current.complete) {
-            onComplete();
-          } else {
-            current.addEventListener("load", onComplete);
-          }
-        });
-      }
+      current.decode().then(onComplete).catch((err) => {
+        console.warn(err);
+        if (current.complete) {
+          onComplete();
+        } else {
+          current.addEventListener("load", onComplete);
+        }
+      });
       return () => {
         unmounted = true;
         current.removeEventListener("load", onComplete);
@@ -5735,7 +5729,8 @@ var ImgRefForwarding = ({
     ...props2,
     ref: imageRef,
     crossOrigin: crossOriginValue,
-    onError: didGetError
+    onError: didGetError,
+    decoding: "sync"
   });
 };
 var Img = forwardRef8(ImgRefForwarding);

package/dist/esm/no-react.mjs

@@ -139,9 +139,9 @@ function truthy(value) {
 // src/delay-render.ts
 if (typeof window !== "undefined") {
   window.remotion_renderReady = false;
-}
-if (typeof window !== "undefined") {
-  window.remotion_delayRenderTimeouts = {};
+  if (!window.remotion_delayRenderTimeouts) {
+    window.remotion_delayRenderTimeouts = {};
+  }
 }
 var DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
 var DELAY_RENDER_RETRIES_LEFT = "Retries left: ";

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.363";
+var VERSION = "4.0.364";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
 	},
 	"name": "remotion",
-	"version": "4.0.363",
+	"version": "4.0.364",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -34,7 +34,7 @@
 		"react-dom": "19.0.0",
 		"webpack": "5.96.1",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.363",
+		"@remotion/eslint-config-internal": "4.0.364",
 		"eslint": "9.19.0"
 	},
 	"keywords": [