remotion 4.0.447 → 4.0.449

package/dist/cjs/Composition.d.ts

@@ -24,6 +24,7 @@ export type CalcMetadataReturnType<T extends Record<string, unknown>> = {
     defaultVideoImageFormat?: VideoImageFormat;
     defaultPixelFormat?: PixelFormat;
     defaultProResProfile?: ProResProfile;
+    defaultSampleRate?: number;
 };
 export type CalculateMetadataFunction<T extends Record<string, unknown>> = (options: {
     defaultProps: T;

package/dist/cjs/CompositionManagerContext.d.ts

@@ -4,7 +4,7 @@ import type { AnyComposition, TComposition } from './CompositionManager.js';
 import type { TFolder } from './Folder.js';
 import type { NonceHistory } from './nonce.js';
 import type { VideoConfig } from './video-config.js';
-export type BaseMetadata = Pick<VideoConfig, 'durationInFrames' | 'fps' | 'props' | 'height' | 'width' | 'defaultCodec' | 'defaultOutName' | 'defaultVideoImageFormat' | 'defaultPixelFormat' | 'defaultProResProfile'>;
+export type BaseMetadata = Pick<VideoConfig, 'durationInFrames' | 'fps' | 'props' | 'height' | 'width' | 'defaultCodec' | 'defaultOutName' | 'defaultVideoImageFormat' | 'defaultPixelFormat' | 'defaultProResProfile' | 'defaultSampleRate'>;
 export type CanvasContent = {
     type: 'composition';
     compositionId: string;

package/dist/cjs/Img.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare function truncateSrcForLabel(src: string): string;
 type NativeImgProps = Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
 export type ImgProps = NativeImgProps & {
     readonly maxRetries?: number;

package/dist/cjs/Img.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Img = void 0;
+exports.truncateSrcForLabel = truncateSrcForLabel;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
@@ -15,6 +16,14 @@ const wrap_in_schema_js_1 = require("./wrap-in-schema.js");
 function exponentialBackoff(errorCount) {
     return 1000 * 2 ** (errorCount - 1);
 }
+// Data URLs like the ones from canvas.toDataURL() can be many megabytes, which makes the delayRender() label
+// unreadable and bloats log output
+function truncateSrcForLabel(src) {
+    if (src.startsWith('data:') && src.length > 100) {
+        return src.slice(0, 60) + '...[' + src.length + ' chars total]';
+    }
+    return src;
+}
 const imgSchema = {
     'style.translate': {
         type: 'translate',
@@ -110,12 +119,13 @@ const ImgInner = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderR
         if (((_g = errors.current[(_f = imageRef.current) === null || _f === void 0 ? void 0 : _f.src]) !== null && _g !== void 0 ? _g : 0) <= maxRetries) {
             const backoff = exponentialBackoff((_j = errors.current[(_h = imageRef.current) === null || _h === void 0 ? void 0 : _h.src]) !== null && _j !== void 0 ? _j : 0);
             // eslint-disable-next-line no-console
-            console.warn(`Could not load image with source ${(_k = imageRef.current) === null || _k === void 0 ? void 0 : _k.src}, retrying again in ${backoff}ms`);
+            console.warn(`Could not load image with source ${truncateSrcForLabel((_k = imageRef.current) === null || _k === void 0 ? void 0 : _k.src)}, retrying again in ${backoff}ms`);
             retryIn(backoff);
             return;
         }
         try {
-            cancelRender('Error loading image with src: ' + ((_l = imageRef.current) === null || _l === void 0 ? void 0 : _l.src));
+            cancelRender('Error loading image with src: ' +
+                truncateSrcForLabel((_l = imageRef.current) === null || _l === void 0 ? void 0 : _l.src));
         }
         catch (_m) {
             // cancelRender() intentionally throws after storing the error in scope.
@@ -138,7 +148,7 @@ const ImgInner = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderR
             if (!current) {
                 return;
             }
-            const newHandle = delayRender('Loading <Img> with src=' + actualSrc, {
+            const newHandle = delayRender('Loading <Img> with src=' + truncateSrcForLabel(actualSrc), {
                 retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
                 timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
             });
@@ -156,7 +166,7 @@ const ImgInner = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderR
                 if (((_b = errors.current[(_a = imageRef.current) === null || _a === void 0 ? void 0 : _a.src]) !== null && _b !== void 0 ? _b : 0) > 0) {
                     delete errors.current[(_c = imageRef.current) === null || _c === void 0 ? void 0 : _c.src];
                     // eslint-disable-next-line no-console
-                    console.info(`Retry successful - ${(_d = imageRef.current) === null || _d === void 0 ? void 0 : _d.src} is now loaded`);
+                    console.info(`Retry successful - ${truncateSrcForLabel((_d = imageRef.current) === null || _d === void 0 ? void 0 : _d.src)} is now loaded`);
                 }
                 if (current) {
                     onImageFrame === null || onImageFrame === void 0 ? void 0 : onImageFrame(current);

package/dist/cjs/ResolveCompositionConfig.js

@@ -75,6 +75,7 @@ const useResolvedVideoConfig = (preferredCompositionId) => {
                     defaultVideoImageFormat: null,
                     defaultPixelFormat: null,
                     defaultProResProfile: null,
+                    defaultSampleRate: null,
                 },
             };
         }

package/dist/cjs/index.d.ts

@@ -55,6 +55,7 @@ declare global {
         remotion_envVariables: string;
         remotion_isMainTab: boolean;
         remotion_mediaCacheSizeInBytes: number | null;
+        remotion_sampleRate: number;
         remotion_initialMemoryAvailable: number | null;
         remotion_collectAssets: () => TRenderAsset[];
         remotion_isPlayer: boolean;
@@ -80,6 +81,7 @@ export type BundleCompositionState = {
     compositionDefaultVideoImageFormat: VideoImageFormat | null;
     compositionDefaultPixelFormat: PixelFormat | null;
     compositionDefaultProResProfile: ProResProfile | null;
+    compositionDefaultSampleRate: number | null;
 };
 export type BundleIndexState = {
     type: 'index';

package/dist/cjs/resolve-video-config.js

@@ -28,6 +28,7 @@ const validateCalculated = ({ calculated, compositionId, compositionFps, composi
     const defaultVideoImageFormat = calculated === null || calculated === void 0 ? void 0 : calculated.defaultVideoImageFormat;
     const defaultPixelFormat = calculated === null || calculated === void 0 ? void 0 : calculated.defaultPixelFormat;
     const defaultProResProfile = calculated === null || calculated === void 0 ? void 0 : calculated.defaultProResProfile;
+    const defaultSampleRate = calculated === null || calculated === void 0 ? void 0 : calculated.defaultSampleRate;
     return {
         width,
         height,
@@ -38,10 +39,11 @@ const validateCalculated = ({ calculated, compositionId, compositionFps, composi
         defaultVideoImageFormat,
         defaultPixelFormat,
         defaultProResProfile,
+        defaultSampleRate,
     };
 };
 const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProps: originalProps, compositionId, compositionDurationInFrames, compositionFps, compositionHeight, compositionWidth, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const calculatedProm = calculateMetadata
         ? calculateMetadata({
             defaultProps,
@@ -56,7 +58,7 @@ const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProp
         'then' in calculatedProm) {
         return calculatedProm.then((c) => {
             var _a;
-            const { height, width, durationInFrames, fps, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile, } = validateCalculated({
+            const { height, width, durationInFrames, fps, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile, defaultSampleRate, } = validateCalculated({
                 calculated: c,
                 compositionDurationInFrames,
                 compositionFps,
@@ -77,6 +79,7 @@ const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProp
                 defaultVideoImageFormat: defaultVideoImageFormat !== null && defaultVideoImageFormat !== void 0 ? defaultVideoImageFormat : null,
                 defaultPixelFormat: defaultPixelFormat !== null && defaultPixelFormat !== void 0 ? defaultPixelFormat : null,
                 defaultProResProfile: defaultProResProfile !== null && defaultProResProfile !== void 0 ? defaultProResProfile : null,
+                defaultSampleRate: defaultSampleRate !== null && defaultSampleRate !== void 0 ? defaultSampleRate : null,
             };
         });
     }
@@ -99,6 +102,7 @@ const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProp
             defaultVideoImageFormat: null,
             defaultPixelFormat: null,
             defaultProResProfile: null,
+            defaultSampleRate: null,
         };
     }
     return {
@@ -111,6 +115,7 @@ const resolveVideoConfig = ({ calculateMetadata, signal, defaultProps, inputProp
         defaultVideoImageFormat: (_d = calculatedProm.defaultVideoImageFormat) !== null && _d !== void 0 ? _d : null,
         defaultPixelFormat: (_e = calculatedProm.defaultPixelFormat) !== null && _e !== void 0 ? _e : null,
         defaultProResProfile: (_f = calculatedProm.defaultProResProfile) !== null && _f !== void 0 ? _f : null,
+        defaultSampleRate: (_g = calculatedProm.defaultSampleRate) !== null && _g !== void 0 ? _g : null,
     };
 };
 exports.resolveVideoConfig = resolveVideoConfig;

package/dist/cjs/use-unsafe-video-config.js

@@ -15,7 +15,7 @@ const useUnsafeVideoConfig = () => {
         if (!video) {
             return null;
         }
-        const { id, durationInFrames, fps, height, width, defaultProps, props, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile, } = video;
+        const { id, durationInFrames, fps, height, width, defaultProps, props, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat, defaultProResProfile, defaultSampleRate, } = video;
         return {
             id,
             width: ctxWidth !== null && ctxWidth !== void 0 ? ctxWidth : width,
@@ -29,6 +29,7 @@ const useUnsafeVideoConfig = () => {
             defaultVideoImageFormat,
             defaultPixelFormat,
             defaultProResProfile,
+            defaultSampleRate,
         };
     }, [ctxDuration, ctxHeight, ctxWidth, video]);
 };

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.447";
+export declare const VERSION = "4.0.449";

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.447';
+exports.VERSION = '4.0.449';

package/dist/cjs/video-config.d.ts

@@ -14,4 +14,5 @@ export type VideoConfig = {
     defaultVideoImageFormat: VideoImageFormat | null;
     defaultPixelFormat: PixelFormat | null;
     defaultProResProfile: ProResProfile | null;
+    defaultSampleRate: number | null;
 };

package/dist/esm/index.mjs

@@ -709,7 +709,8 @@ var useResolvedVideoConfig = (preferredCompositionId) => {
           defaultOutName: null,
           defaultVideoImageFormat: null,
           defaultPixelFormat: null,
-          defaultProResProfile: null
+          defaultProResProfile: null,
+          defaultSampleRate: null
         }
       };
     }
@@ -1237,7 +1238,7 @@ var addSequenceStackTraces = (component) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.447";
+var VERSION = "4.0.449";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1526,7 +1527,8 @@ var useUnsafeVideoConfig = () => {
       defaultOutName,
       defaultVideoImageFormat,
       defaultPixelFormat,
-      defaultProResProfile
+      defaultProResProfile,
+      defaultSampleRate
     } = video;
     return {
       id,
@@ -1540,7 +1542,8 @@ var useUnsafeVideoConfig = () => {
       defaultOutName,
       defaultVideoImageFormat,
       defaultPixelFormat,
-      defaultProResProfile
+      defaultProResProfile,
+      defaultSampleRate
     };
   }, [ctxDuration, ctxHeight, ctxWidth, video]);
 };
@@ -5834,6 +5837,12 @@ import { jsx as jsx24 } from "react/jsx-runtime";
 function exponentialBackoff(errorCount) {
   return 1000 * 2 ** (errorCount - 1);
 }
+function truncateSrcForLabel(src) {
+  if (src.startsWith("data:") && src.length > 100) {
+    return src.slice(0, 60) + "...[" + src.length + " chars total]";
+  }
+  return src;
+}
 var imgSchema = {
   "style.translate": {
     type: "translate",
@@ -5936,12 +5945,12 @@ var ImgInner = ({
     }
     if ((errors.current[imageRef.current?.src] ?? 0) <= maxRetries) {
       const backoff = exponentialBackoff(errors.current[imageRef.current?.src] ?? 0);
-      console.warn(`Could not load image with source ${imageRef.current?.src}, retrying again in ${backoff}ms`);
+      console.warn(`Could not load image with source ${truncateSrcForLabel(imageRef.current?.src)}, retrying again in ${backoff}ms`);
       retryIn(backoff);
       return;
     }
     try {
-      cancelRender2("Error loading image with src: " + imageRef.current?.src);
+      cancelRender2("Error loading image with src: " + truncateSrcForLabel(imageRef.current?.src));
     } catch {}
   }, [cancelRender2, maxRetries, onError, retryIn]);
   if (typeof window !== "undefined") {
@@ -5958,7 +5967,7 @@ var ImgInner = ({
       if (!current) {
         return;
       }
-      const newHandle = delayRender2("Loading <Img> with src=" + actualSrc, {
+      const newHandle = delayRender2("Loading <Img> with src=" + truncateSrcForLabel(actualSrc), {
         retries: delayRenderRetries ?? undefined,
         timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
       });
@@ -5973,7 +5982,7 @@ var ImgInner = ({
         }
         if ((errors.current[imageRef.current?.src] ?? 0) > 0) {
           delete errors.current[imageRef.current?.src];
-          console.info(`Retry successful - ${imageRef.current?.src} is now loaded`);
+          console.info(`Retry successful - ${truncateSrcForLabel(imageRef.current?.src)} is now loaded`);
         }
         if (current) {
           onImageFrame?.(current);
@@ -6381,6 +6390,7 @@ var validateCalculated = ({
   const defaultVideoImageFormat = calculated?.defaultVideoImageFormat;
   const defaultPixelFormat = calculated?.defaultPixelFormat;
   const defaultProResProfile = calculated?.defaultProResProfile;
+  const defaultSampleRate = calculated?.defaultSampleRate;
   return {
     width,
     height,
@@ -6390,7 +6400,8 @@ var validateCalculated = ({
     defaultOutName,
     defaultVideoImageFormat,
     defaultPixelFormat,
-    defaultProResProfile
+    defaultProResProfile,
+    defaultSampleRate
   };
 };
 var resolveVideoConfig = ({
@@ -6422,7 +6433,8 @@ var resolveVideoConfig = ({
         defaultOutName,
         defaultVideoImageFormat,
         defaultPixelFormat,
-        defaultProResProfile
+        defaultProResProfile,
+        defaultSampleRate
       } = validateCalculated({
         calculated: c2,
         compositionDurationInFrames,
@@ -6443,7 +6455,8 @@ var resolveVideoConfig = ({
         defaultOutName: defaultOutName ?? null,
         defaultVideoImageFormat: defaultVideoImageFormat ?? null,
         defaultPixelFormat: defaultPixelFormat ?? null,
-        defaultProResProfile: defaultProResProfile ?? null
+        defaultProResProfile: defaultProResProfile ?? null,
+        defaultSampleRate: defaultSampleRate ?? null
       };
     });
   }
@@ -6465,7 +6478,8 @@ var resolveVideoConfig = ({
       defaultOutName: null,
       defaultVideoImageFormat: null,
       defaultPixelFormat: null,
-      defaultProResProfile: null
+      defaultProResProfile: null,
+      defaultSampleRate: null
     };
   }
   return {
@@ -6477,7 +6491,8 @@ var resolveVideoConfig = ({
     defaultOutName: calculatedProm.defaultOutName ?? null,
     defaultVideoImageFormat: calculatedProm.defaultVideoImageFormat ?? null,
     defaultPixelFormat: calculatedProm.defaultPixelFormat ?? null,
-    defaultProResProfile: calculatedProm.defaultProResProfile ?? null
+    defaultProResProfile: calculatedProm.defaultProResProfile ?? null,
+    defaultSampleRate: calculatedProm.defaultSampleRate ?? null
   };
 };
 var resolveVideoConfigOrCatch = (params) => {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.447";
+var VERSION = "4.0.449";
 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.447",
+	"version": "4.0.449",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.447",
+		"@remotion/eslint-config-internal": "4.0.448",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},