remotion 4.0.363 → 4.0.365

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/freeze.js

@@ -57,12 +57,15 @@ const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
         if (!sequenceContext) {
             return null;
         }
+        if (!isActive) {
+            return sequenceContext;
+        }
         return {
             ...sequenceContext,
             relativeFrom: 0,
             cumulatedFrom: 0,
         };
-    }, [sequenceContext]);
+    }, [sequenceContext, isActive]);
     return ((0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineValue, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: newSequenceContext, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/cjs/internals.d.ts

@@ -356,5 +356,19 @@ export declare const Internals: {
     readonly setInputPropsOverride: (override: Record<string, unknown> | null) => void;
     readonly useVideoEnabled: () => boolean;
     readonly useAudioEnabled: () => boolean;
+    readonly useIsPlayerBuffering: (bufferManager: {
+        addBlock: (block: {
+            id: string;
+        }) => {
+            unblock: () => void;
+        };
+        listenForBuffering: (callback: () => void) => {
+            remove: () => void;
+        };
+        listenForResume: (callback: () => void) => {
+            remove: () => void;
+        };
+        buffering: React.MutableRefObject<boolean>;
+    }) => boolean;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -182,4 +182,5 @@ exports.Internals = {
     setInputPropsOverride: input_props_override_js_1.setInputPropsOverride,
     useVideoEnabled: use_media_enabled_js_1.useVideoEnabled,
     useAudioEnabled: use_media_enabled_js_1.useAudioEnabled,
+    useIsPlayerBuffering: buffering_js_1.useIsPlayerBuffering,
 };

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.365";

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.365';

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.363";
+var VERSION = "4.0.365";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1367,12 +1367,15 @@ var Freeze = ({
     if (!sequenceContext) {
       return null;
     }
+    if (!isActive) {
+      return sequenceContext;
+    }
     return {
       ...sequenceContext,
       relativeFrom: 0,
       cumulatedFrom: 0
     };
-  }, [sequenceContext]);
+  }, [sequenceContext, isActive]);
   return /* @__PURE__ */ jsx7(TimelineContext.Provider, {
     value: timelineValue,
     children: /* @__PURE__ */ jsx7(SequenceContext.Provider, {
@@ -1711,12 +1714,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 +2700,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 +5690,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 +5732,8 @@ var ImgRefForwarding = ({
     ...props2,
     ref: imageRef,
     crossOrigin: crossOriginValue,
-    onError: didGetError
+    onError: didGetError,
+    decoding: "sync"
   });
 };
 var Img = forwardRef8(ImgRefForwarding);
@@ -7056,7 +7054,8 @@ var Internals = {
   getInputPropsOverride,
   setInputPropsOverride,
   useVideoEnabled,
-  useAudioEnabled
+  useAudioEnabled,
+  useIsPlayerBuffering
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";

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.365";
 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.365",
 	"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.365",
 		"eslint": "9.19.0"
 	},
 	"keywords": [

package/bundle.ts

@@ -1,52 +0,0 @@
-import {build, semver, version} from 'bun';
-
-if (process.env.NODE_ENV !== 'production') {
-	throw new Error('This script must be run using NODE_ENV=production');
-}
-
-if (!semver.satisfies(version, '^1.1.7')) {
-	// eslint-disable-next-line no-console
-	console.error(
-		`There is a bug with bundling when using Bun <1.1.7. You use ${version}. Please use a newer version`,
-	);
-	process.exit(1);
-}
-
-const output = await build({
-	entrypoints: ['src/index.ts'],
-	naming: '[name].mjs',
-	target: 'browser',
-	external: ['remotion', 'remotion/no-react', 'react', 'react-dom'],
-});
-
-const [file] = output.outputs;
-const text = await file.text();
-await Bun.write('dist/esm/index.mjs', text);
-
-const versionOutput = await build({
-	entrypoints: ['src/version.ts'],
-	naming: '[name].mjs',
-	target: 'browser',
-});
-
-const [versionFile] = versionOutput.outputs;
-await Bun.write('dist/esm/version.mjs', await versionFile.text());
-
-const noReactOutput = await build({
-	entrypoints: ['src/no-react.ts'],
-	naming: '[name].mjs',
-	target: 'browser',
-	external: ['remotion', 'react', 'react-dom'],
-});
-const [noReactFile] = noReactOutput.outputs;
-const noReactText = await noReactFile.text();
-
-if (noReactText.includes('createContext')) {
-	throw new Error('remotion/no-react.mjs should not import React');
-}
-
-await Bun.write('dist/esm/no-react.mjs', noReactText);
-
-export {};
-
-console.log('Done.');

package/ensure-correct-version.ts

@@ -1,48 +0,0 @@
-const path = require('node:path');
-const fs = require('node:fs');
-const cp = require('node:child_process');
-
-const packageJson = JSON.parse(fs.readFileSync('package.json'));
-const {version} = packageJson;
-const src =
-	`
-// Automatically generated on publish
-
-/**
- * @description Provides the current version number of the Remotion library.
- * @see [Documentation](https://remotion.dev/docs/version)
- * @returns {string} The current version of the remotion package
- */
-export const VERSION = '${version}';
-`.trim() + '\n';
-
-fs.writeFileSync(path.resolve(process.cwd(), 'src/version.ts'), src);
-
-cp.execSync('bun run make');
-cp.execSync('bun x tsc -d');
-
-const distFile = fs.readFileSync('dist/esm/version.mjs', 'utf-8');
-
-if (!distFile.includes(version)) {
-	console.log('In dist file, did not include ' + JSON.stringify(version));
-	process.exit(1);
-}
-
-const distFileCjs = fs.readFileSync('dist/cjs/version.js', 'utf-8');
-
-if (!distFileCjs.includes(version)) {
-	console.log('In dist file, did not include ' + JSON.stringify(version));
-	process.exit(1);
-}
-
-console.log('Updated version to v' + version);
-
-const wrongDistFileExists = fs.existsSync('dist/index.js', 'utf-8');
-if (wrongDistFileExists) {
-	throw new Error('Wrong dist file exists');
-}
-
-const wrongDistFileExists2 = fs.existsSync('dist/index.mjs', 'utf-8');
-if (wrongDistFileExists2) {
-	throw new Error('Wrong dist file exists');
-}

package/eslint.config.mjs

@@ -1,11 +0,0 @@
-import {remotionFlatConfig} from '@remotion/eslint-config-internal';
-
-const config = remotionFlatConfig({react: true});
-
-export default {
-	...config,
-	rules: {
-		...config.rules,
-		'no-console': 'error',
-	},
-};

package/happydom.ts

@@ -1,6 +0,0 @@
-import {GlobalRegistrator} from '@happy-dom/global-registrator';
-
-GlobalRegistrator.register();
-window.origin = 'http://localhost:3000';
-// @ts-expect-error
-window.remotion_staticBase = '/static-abcdef';

package/test.ts

@@ -1 +0,0 @@
-import 'whatwg-mimetype';