@remotion/renderer 4.1.0-alpha4 → 4.1.0-alpha7

package/dist/index.d.ts

@@ -43,7 +43,7 @@ export declare const RenderInternals: {
         downloadMap: import("./assets/download-map").DownloadMap;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }) => Promise<{
         port: number;
@@ -114,8 +114,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: import("./browser").Browser;
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | null) => "angle" | "swangle" | "egl" | "swiftshader" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -123,7 +123,7 @@ export declare const RenderInternals: {
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
     logLevels: readonly ["verbose", "info", "warn", "error"];
-    isEqualOrBelowLogLevel: (currentLevel: "verbose" | "info" | "warn" | "error", level: "verbose" | "info" | "warn" | "error") => boolean;
+    isEqualOrBelowLogLevel: (currentLevel: "error" | "verbose" | "info" | "warn", level: "error" | "verbose" | "info" | "warn") => boolean;
     isValidLogLevel: (level: string) => boolean;
     perf: typeof perf;
     convertToPositiveFrameIndex: ({ frame, durationInFrames, }: {
@@ -300,11 +300,11 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "none" | "png" | "jpeg";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
-        enabled: boolean;
+        enabled: () => boolean;
         visible: boolean;
         styles: Record<string, {
             codes: [number, number];
@@ -328,6 +328,7 @@ export declare const RenderInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
+        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -356,33 +357,33 @@ export declare const RenderInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
-    getLogLevel: () => "verbose" | "info" | "warn" | "error";
-    setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
+    getLogLevel: () => "error" | "verbose" | "info" | "warn";
+    setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
     INDENT_TOKEN: string;
-    isColorSupported: boolean;
+    isColorSupported: () => boolean;
     HeadlessBrowser: typeof HeadlessBrowser;
     prepareServer: ({ webpackConfigOrServeUrl, port, remotionRoot, concurrency, logLevel, indent, }: {
         webpackConfigOrServeUrl: string;
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }) => Promise<import("./prepare-server").RemotionServer>;
     makeOrReuseServer: (server: import("./prepare-server").RemotionServer | undefined, config: {
@@ -390,7 +391,7 @@ export declare const RenderInternals: {
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         indent: boolean;
     }, { onDownload, onError, }: {
         onError: (err: Error) => void;
@@ -400,11 +401,11 @@ export declare const RenderInternals: {
         cleanupServer: (force: boolean) => Promise<unknown>;
     }>;
     internalRenderStill: (options: {
-        composition: import("remotion").AnySmallCompMetadata;
+        composition: import("remotion").VideoConfig;
         output: string | null;
         frame: number;
         inputProps: Record<string, unknown>;
-        imageFormat: "png" | "jpeg" | "pdf" | "webp";
+        imageFormat: "jpeg" | "png" | "webp" | "pdf";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;
@@ -418,7 +419,7 @@ export declare const RenderInternals: {
         cancelSignal: import("./make-cancel-signal").CancelSignal | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrl: string;
         port: number | null;
     }) => Promise<{
@@ -431,7 +432,7 @@ export declare const RenderInternals: {
         viewport: import("./browser/PuppeteerViewport").Viewport | null;
         indent: boolean;
         browser: import("./browser").Browser;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }) => Promise<HeadlessBrowser>;
     internalSelectComposition: (options: {
         inputProps: Record<string, unknown>;
@@ -444,10 +445,13 @@ export declare const RenderInternals: {
         port: number | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrl: string;
         id: string;
-    }) => Promise<import("remotion").AnyCompMetadata>;
+    }) => Promise<{
+        metadata: import("remotion").VideoConfig;
+        propsSize: number;
+    }>;
     internalGetCompositions: ({ browserExecutable, chromiumOptions, envVariables, indent, inputProps, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }: {
         inputProps: Record<string, unknown>;
         envVariables: Record<string, string>;
@@ -459,9 +463,9 @@ export declare const RenderInternals: {
         port: number | null;
         server: import("./prepare-server").RemotionServer | undefined;
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         serveUrlOrWebpackUrl: string;
-    }) => Promise<import("remotion").AnyCompMetadata[]>;
+    }) => Promise<import("remotion").VideoConfig[]>;
     internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, }: import("./render-frames").InternalRenderFramesOptions) => Promise<import("./types").RenderFramesOutput>;
     internalRenderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, }: import("./render-media").InternalRenderMediaOptions) => Promise<{
         buffer: Buffer | null;

package/dist/logger.d.ts

@@ -18,6 +18,6 @@ export declare const Log: {
     warnAdvanced: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
 };
-export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
+export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;
 export {};

package/dist/logger.js

@@ -7,11 +7,11 @@ const log_level_1 = require("./log-level");
 const truthy_1 = require("./truthy");
 exports.INDENT_TOKEN = chalk_1.chalk.gray('│');
 const verboseTag = (str) => {
-    return is_color_supported_1.isColorSupported ? chalk_1.chalk.bgBlack(` ${str} `) : `[${str}]`;
+    return (0, is_color_supported_1.isColorSupported)() ? chalk_1.chalk.bgBlack(` ${str} `) : `[${str}]`;
 };
 exports.verboseTag = verboseTag;
 const secondverboseTag = (str) => {
-    return is_color_supported_1.isColorSupported ? chalk_1.chalk.bgWhite(` ${str} `) : `[${str}]`;
+    return (0, is_color_supported_1.isColorSupported)() ? chalk_1.chalk.bgWhite(` ${str} `) : `[${str}]`;
 };
 exports.secondverboseTag = secondverboseTag;
 exports.Log = {
@@ -23,15 +23,16 @@ exports.Log = {
             return console.log(...[
                 options.indent ? exports.INDENT_TOKEN : null,
                 options.tag ? (0, exports.verboseTag)(options.tag) : null,
-                ...args.map((a) => chalk_1.chalk.gray(a)),
-            ].filter(truthy_1.truthy));
+            ]
+                .filter(truthy_1.truthy)
+                .concat(args.map((a) => chalk_1.chalk.gray(a))));
         }
     },
     info: (...args) => {
         exports.Log.infoAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
     },
     infoAdvanced: (options, ...args) => {
-        return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
+        return console.log(...[options.indent ? exports.INDENT_TOKEN : null].filter(truthy_1.truthy).concat(args));
     },
     warn: (...args) => {
         if ((0, log_level_1.isEqualOrBelowLogLevel)((0, exports.getLogLevel)(), 'warn')) {
@@ -40,10 +41,9 @@ exports.Log = {
     },
     warnAdvanced: (options, ...args) => {
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'warn')) {
-            return console.warn(...[
-                options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null,
-                ...args.map((a) => chalk_1.chalk.yellow(a)),
-            ].filter(truthy_1.truthy));
+            return console.warn(...[options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null]
+                .filter(truthy_1.truthy)
+                .concat(args.map((a) => chalk_1.chalk.yellow(a))));
         }
     },
     error: (...args) => {

package/dist/offthread-video-server.js

@@ -5,6 +5,7 @@ const node_url_1 = require("node:url");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const compositor_1 = require("./compositor/compositor");
 const log_level_1 = require("./log-level");
+const logger_1 = require("./logger");
 const extractUrlAndSourceFromUrl = (url) => {
     const parsed = new URL(url, 'http://localhost');
     const query = parsed.search;
@@ -68,8 +69,10 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 res.end();
                 return;
             }
+            let extractStart = Date.now();
             (0, download_and_map_assets_to_file_1.downloadAsset)({ src, emitter: events, downloadMap })
                 .then((to) => {
+                extractStart = Date.now();
                 return compositor.executeCommand('ExtractFrame', {
                     input: to,
                     time,
@@ -77,6 +80,11 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 });
             })
                 .then((readable) => {
+                const extractEnd = Date.now();
+                const timeToExtract = extractEnd - extractStart;
+                if (timeToExtract > 1000) {
+                    logger_1.Log.verbose(`Took ${timeToExtract}ms to extract frame from ${src} at ${time}`);
+                }
                 if (!readable) {
                     throw new Error('no readable from ffmpeg');
                 }

package/dist/options/crf.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.crfOption = {
     name: 'CRF',
     cliFlag: '--crf',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the so called CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is \u2013 of course at the cost of quality." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is \u2013 of course at the cost of quality." })),
     ssrName: 'crf',
     docLink: 'https://www.remotion.dev/docs/encoding/#controlling-quality-using-the-crf-setting',
 };

package/dist/options/video-codec.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.videoCodecOption = {
     name: 'Codec',
     cliFlag: '--codec',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
     ssrName: 'codec',
     docLink: 'https://www.remotion.dev/docs/encoding/#choosing-a-codec',
 };

package/dist/puppeteer-evaluate.d.ts

@@ -4,4 +4,7 @@ export declare function puppeteerEvaluateWithCatch<ReturnType>({ page, pageFunct
     pageFunction: Function | string;
     frame: number | null;
     args: unknown[];
-}): Promise<ReturnType>;
+}): Promise<{
+    value: ReturnType;
+    size: number;
+}>;

package/dist/puppeteer-evaluate.js

@@ -39,13 +39,13 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
         const expressionWithSourceUrl = SOURCE_URL_REGEX.test(expression)
             ? expression
             : expression + '\n' + suffix;
-        const { exceptionDetails: exceptDetails, result: remotObject } = (await client.send('Runtime.evaluate', {
+        const { value: { exceptionDetails: exceptDetails, result: remotObject }, size, } = await client.send('Runtime.evaluate', {
             expression: expressionWithSourceUrl,
             contextId,
             returnByValue: true,
             awaitPromise: true,
             userGesture: true,
-        }));
+        });
         if (exceptDetails === null || exceptDetails === void 0 ? void 0 : exceptDetails.exception) {
             const err = new symbolicateable_error_1.SymbolicateableError({
                 stack: exceptDetails.exception.description,
@@ -56,7 +56,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
             });
             throw err;
         }
-        return valueFromRemoteObject(remotObject);
+        return { value: valueFromRemoteObject(remotObject), size };
     }
     if (typeof pageFunction !== 'function')
         throw new Error(`Expected to get |string| or |function| as the first argument, but got "${pageFunction}" instead.`);
@@ -100,7 +100,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
         throw error;
     }
     try {
-        const { exceptionDetails, result: remoteObject } = await callFunctionOnPromise;
+        const { value: { exceptionDetails, result: remoteObject }, size, } = await callFunctionOnPromise;
         if (exceptionDetails) {
             const err = new symbolicateable_error_1.SymbolicateableError({
                 stack: (_c = exceptionDetails.exception) === null || _c === void 0 ? void 0 : _c.description,
@@ -111,7 +111,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
             });
             throw err;
         }
-        return valueFromRemoteObject(remoteObject);
+        return { size, value: valueFromRemoteObject(remoteObject) };
     }
     catch (error) {
         if ((_h = error === null || error === void 0 ? void 0 : error.originalMessage) === null || _h === void 0 ? void 0 : _h.startsWith("Object couldn't be returned by value")) {

package/dist/render-frames.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { AnySmallCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
@@ -31,7 +31,7 @@ export type InternalRenderFramesOptions = {
     scale: number;
     port: number | null;
     cancelSignal: CancelSignal | undefined;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     indent: boolean;
     server: RemotionServer | undefined;
     muted: boolean;
@@ -72,7 +72,7 @@ export type RenderFramesOptions = {
     scale?: number;
     port?: number | null;
     cancelSignal?: CancelSignal;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     muted?: boolean;
     concurrency?: number | string | null;
     serveUrl: string;

package/dist/render-frames.js

@@ -82,11 +82,11 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
         });
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             // eslint-disable-next-line max-params
-            pageFunction: (id, defaultProps, durationInFrames, fps, height, width) => {
+            pageFunction: (id, props, durationInFrames, fps, height, width) => {
                 window.remotion_setBundleMode({
                     type: 'composition',
                     compositionName: id,
-                    compositionDefaultProps: defaultProps,
+                    props,
                     compositionDurationInFrames: durationInFrames,
                     compositionFps: fps,
                     compositionHeight: height,
@@ -95,7 +95,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             },
             args: [
                 composition.id,
-                composition.defaultProps,
+                composition.props,
                 composition.durationInFrames,
                 composition.fps,
                 composition.height,
@@ -133,7 +133,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         stopped = true;
     });
-    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, }) => {
+    const renderFrameWithOptionToReject = async ({ frame, index, reject, width, height, compId, }) => {
         const pool = await poolPromise;
         const freePage = await pool.acquire();
         if (stopped) {
@@ -149,7 +149,12 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             frame,
         });
         freePage.on('error', errorCallbackOnFrame);
-        await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage });
+        const startSeeking = Date.now();
+        await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage, composition: compId });
+        const timeToSeek = Date.now() - startSeeking;
+        if (timeToSeek > 1000) {
+            logger_1.Log.verbose(`Seeking to frame ${frame} took ${timeToSeek}ms`);
+        }
         if (!outputDir && !onFrameBuffer && imageFormat !== 'none') {
             throw new Error('Called renderFrames() without specifying either `outputDir` or `onFrameBuffer`');
         }
@@ -210,6 +215,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
                 reject,
                 width: composition.width,
                 height: composition.height,
+                compId: composition.id,
             })
                 .then(() => {
                 resolve();
@@ -290,8 +296,7 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderFrames()`', false);
-    remotion_1.Internals.validateDurationInFrames({
-        durationInFrames: composition.durationInFrames,
+    remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, {
         component: 'in the `config` object passed to `renderFrames()`',
         allowFloats: false,
     });

package/dist/render-media.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { AnySmallCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { AudioCodec } from './audio-codec';
 import type { BrowserExecutable } from './browser-executable';
@@ -32,7 +32,7 @@ export type RenderMediaOnProgress = (progress: {
 export type InternalRenderMediaOptions = {
     outputLocation: string | null;
     codec: Codec;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     inputProps: Record<string, unknown>;
     crf: number | null;
     imageFormat: VideoImageFormat;
@@ -73,7 +73,7 @@ export type InternalRenderMediaOptions = {
 export type RenderMediaOptions = {
     outputLocation?: string | null;
     codec: Codec;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     inputProps?: Record<string, unknown>;
     crf?: number | null;
     imageFormat?: VideoImageFormat;

package/dist/render-media.js

@@ -94,11 +94,13 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
         logLevel,
         tag: 'renderMedia()',
     }, 'Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
-    logger_1.Log.verboseAdvanced({
-        indent,
-        logLevel,
-        tag: 'renderMedia()',
-    }, 'User disallowed parallel encoding:', Boolean(disallowParallelEncoding));
+    if (disallowParallelEncoding) {
+        logger_1.Log.verboseAdvanced({
+            indent,
+            logLevel,
+            tag: 'renderMedia()',
+        }, 'User disallowed parallel encoding.');
+    }
     if (parallelEncoding) {
         logger_1.Log.verboseAdvanced({
             indent,

package/dist/render-still.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { AnySmallCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
@@ -10,7 +10,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 import type { LogLevel } from './log-level';
 type InternalRenderStillOptions = {
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     output: string | null;
     frame: number;
     inputProps: Record<string, unknown>;
@@ -34,7 +34,7 @@ type InternalRenderStillOptions = {
 };
 export type RenderStillOptions = {
     port?: number | null;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     output?: string | null;
     frame?: number;
     inputProps?: Record<string, unknown>;

package/dist/render-still.js

@@ -53,8 +53,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
-    remotion_1.Internals.validateDurationInFrames({
-        durationInFrames: composition.durationInFrames,
+    remotion_1.Internals.validateDurationInFrames(composition.durationInFrames, {
         component: 'in the `config` object passed to `renderStill()`',
         allowFloats: false,
     });
@@ -148,11 +147,11 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
-        pageFunction: (id, defaultProps, durationInFrames, fps, height, width) => {
+        pageFunction: (id, props, durationInFrames, fps, height, width) => {
             window.remotion_setBundleMode({
                 type: 'composition',
                 compositionName: id,
-                compositionDefaultProps: defaultProps,
+                props,
                 compositionDurationInFrames: durationInFrames,
                 compositionFps: fps,
                 compositionHeight: height,
@@ -161,7 +160,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         },
         args: [
             composition.id,
-            composition.defaultProps,
+            composition.props,
             composition.durationInFrames,
             composition.fps,
             composition.height,
@@ -170,7 +169,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         frame: null,
         page,
     });
-    await (0, seek_to_frame_1.seekToFrame)({ frame: stillFrame, page });
+    await (0, seek_to_frame_1.seekToFrame)({ frame: stillFrame, page, composition: composition.id });
     const { buffer } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
         frame: stillFrame,
         freePage: page,

package/dist/screenshot-task.js

@@ -24,7 +24,7 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
     try {
         let result;
         if (format === 'pdf') {
-            result = await client.send('Page.printToPDF', {
+            const res = await client.send('Page.printToPDF', {
                 paperWidth: width / 96,
                 paperHeight: height / 96,
                 marginTop: 0,
@@ -34,9 +34,10 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
                 scale: 1,
                 printBackground: true,
             });
+            result = res.value;
         }
         else {
-            result = await client.send('Page.captureScreenshot', {
+            const { value } = await client.send('Page.captureScreenshot', {
                 format,
                 quality: jpegQuality,
                 clip: clipRegion !== null && clipRegion !== 'hide'
@@ -57,6 +58,7 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
                 captureBeyondViewport: true,
                 optimizeForSpeed: true,
             });
+            result = value;
         }
         (0, perf_1.stopPerfMeasure)(cap);
         if (shouldSetDefaultBackground)

package/dist/seek-to-frame.d.ts

@@ -1,6 +1,7 @@
 import type { Page } from './browser/BrowserPage';
 export declare const waitForReady: (page: Page) => Promise<unknown>;
-export declare const seekToFrame: ({ frame, page, }: {
+export declare const seekToFrame: ({ frame, page, composition, }: {
     frame: number;
+    composition: string;
     page: Page;
 }) => Promise<void>;

package/dist/seek-to-frame.js

@@ -33,7 +33,7 @@ const waitForReady = (page) => {
                 page,
             });
         })
-            .then((val) => {
+            .then(({ value: val }) => {
             if (typeof val !== 'string') {
                 throw val;
             }
@@ -48,13 +48,13 @@ const waitForReady = (page) => {
     ]);
 };
 exports.waitForReady = waitForReady;
-const seekToFrame = async ({ frame, page, }) => {
+const seekToFrame = async ({ frame, page, composition, }) => {
     await (0, exports.waitForReady)(page);
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-        pageFunction: (f) => {
-            window.remotion_setFrame(f);
+        pageFunction: (f, c) => {
+            window.remotion_setFrame(f, c);
         },
-        args: [frame],
+        args: [frame, composition],
         frame,
         page,
     });

package/dist/select-composition.d.ts

@@ -1,4 +1,4 @@
-import type { AnyCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
@@ -33,10 +33,14 @@ export type SelectCompositionOptions = {
     serveUrl: string;
     id: string;
 };
-export declare const internalSelectComposition: (options: InternalSelectCompositionsConfig) => Promise<AnyCompMetadata>;
+type InternalReturnType = {
+    metadata: VideoConfig;
+    propsSize: number;
+};
+export declare const internalSelectComposition: (options: InternalSelectCompositionsConfig) => Promise<InternalReturnType>;
 /**
  * @description Gets a composition defined in a Remotion project based on a Webpack bundle.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
-export declare const selectComposition: (options: SelectCompositionOptions) => Promise<AnyCompMetadata>;
+export declare const selectComposition: (options: SelectCompositionOptions) => Promise<VideoConfig>;
 export {};