@remotion/renderer 4.1.0-alpha3 → 4.1.0-alpha5

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 = {
@@ -22,12 +22,7 @@ exports.Log = {
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'verbose')) {
             return console.log(...[
                 options.indent ? exports.INDENT_TOKEN : null,
-                [
-                    options.tag ? (0, exports.verboseTag)(options.tag) : null,
-                    options.secondTag ? (0, exports.secondverboseTag)(options.secondTag) : null,
-                ]
-                    .filter(truthy_1.truthy)
-                    .join(''),
+                options.tag ? (0, exports.verboseTag)(options.tag) : null,
                 ...args.map((a) => chalk_1.chalk.gray(a)),
             ].filter(truthy_1.truthy));
         }
@@ -36,12 +31,12 @@ exports.Log = {
         exports.Log.infoAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
     },
     infoAdvanced: (options, ...args) => {
-        if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'info')) {
-            return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
-        }
+        return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
     },
     warn: (...args) => {
-        exports.Log.warnAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
+        if ((0, log_level_1.isEqualOrBelowLogLevel)((0, exports.getLogLevel)(), 'warn')) {
+            exports.Log.warnAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
+        }
     },
     warnAdvanced: (options, ...args) => {
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'warn')) {

package/dist/offthread-video-server.d.ts

@@ -1,15 +1,16 @@
 import type { RequestListener } from 'node:http';
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
+import type { LogLevel } from './log-level';
 export declare const extractUrlAndSourceFromUrl: (url: string) => {
     src: string;
     time: number;
     transparent: boolean;
 };
-export declare const startOffthreadVideoServer: ({ downloadMap, concurrency, verbose, indent, }: {
+export declare const startOffthreadVideoServer: ({ downloadMap, concurrency, logLevel, indent, }: {
     downloadMap: DownloadMap;
     concurrency: number;
-    verbose: boolean;
+    logLevel: LogLevel;
     indent: boolean;
 }) => {
     listener: RequestListener;

package/dist/offthread-video-server.js

@@ -4,6 +4,7 @@ exports.OffthreadVideoServerEmitter = exports.startOffthreadVideoServer = export
 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 extractUrlAndSourceFromUrl = (url) => {
     const parsed = new URL(url, 'http://localhost');
     const query = parsed.search;
@@ -27,13 +28,13 @@ const extractUrlAndSourceFromUrl = (url) => {
     };
 };
 exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
-const startOffthreadVideoServer = ({ downloadMap, concurrency, verbose, indent, }) => {
+const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent, }) => {
     const events = new OffthreadVideoServerEmitter();
     const compositor = (0, compositor_1.startCompositor)('StartLongRunningProcess', {
         concurrency,
         maximum_frame_cache_items: (0, compositor_1.getIdealMaximumFrameCacheItems)(),
-        verbose,
-    }, indent);
+        verbose: (0, log_level_1.isEqualOrBelowLogLevel)(logLevel, 'verbose'),
+    }, logLevel, indent);
     return {
         close: () => {
             compositor.finishCommands();

package/dist/open-browser.d.ts

@@ -1,6 +1,7 @@
 import type { Browser } from './browser';
 import type { HeadlessBrowser } from './browser/Browser';
 import type { Viewport } from './browser/PuppeteerViewport';
+import { type LogLevel } from './log-level';
 declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
 type OpenGlRenderer = typeof validRenderers[number];
 export type ChromiumOptions = {
@@ -12,13 +13,13 @@ export type ChromiumOptions = {
 };
 export declare const killAllBrowsers: () => Promise<void>;
 type InternalOpenBrowserOptions = {
-    shouldDumpIo: boolean;
     browserExecutable: string | null;
     chromiumOptions: ChromiumOptions;
     forceDeviceScaleFactor: number | undefined;
     viewport: Viewport | null;
     indent: boolean;
     browser: Browser;
+    logLevel: LogLevel;
 };
 export type OpenBrowserOptions = {
     shouldDumpIo?: boolean;
@@ -26,7 +27,7 @@ export type OpenBrowserOptions = {
     chromiumOptions?: ChromiumOptions;
     forceDeviceScaleFactor?: number;
 };
-export declare const internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, shouldDumpIo, viewport, }: InternalOpenBrowserOptions) => Promise<HeadlessBrowser>;
+export declare const internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, }: InternalOpenBrowserOptions) => Promise<HeadlessBrowser>;
 /**
  * @description Opens a Chrome or Chromium browser instance.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/open-browser)

package/dist/open-browser.js

@@ -4,6 +4,7 @@ exports.openBrowser = exports.internalOpenBrowser = exports.killAllBrowsers = vo
 const node_1 = require("./browser/node");
 const get_local_browser_executable_1 = require("./get-local-browser-executable");
 const get_video_threads_flag_1 = require("./get-video-threads-flag");
+const log_level_1 = require("./log-level");
 const validate_opengl_renderer_1 = require("./validate-opengl-renderer");
 const validRenderers = ['swangle', 'angle', 'egl', 'swiftshader'];
 const getOpenGlRenderer = (option) => {
@@ -21,13 +22,13 @@ const browserInstances = [];
 const killAllBrowsers = async () => {
     for (const browser of browserInstances) {
         try {
-            await browser.close(true);
+            await browser.close(true, 'info', false);
         }
         catch (err) { }
     }
 };
 exports.killAllBrowsers = killAllBrowsers;
-const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, shouldDumpIo, viewport, }) => {
+const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, }) => {
     var _a, _b;
     if (browser === 'firefox') {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
@@ -38,7 +39,8 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
     const browserInstance = await node_1.puppeteer.launch({
         executablePath,
         product: browser,
-        dumpio: shouldDumpIo,
+        dumpio: (0, log_level_1.isEqualOrBelowLogLevel)(logLevel, 'verbose'),
+        logLevel,
         indent,
         args: [
             'about:blank',
@@ -109,7 +111,7 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
             deviceScaleFactor: 1,
         },
     });
-    const pages = await browserInstance.pages();
+    const pages = await browserInstance.pages(logLevel, indent);
     await pages[0].close();
     browserInstances.push(browserInstance);
     return browserInstance;
@@ -127,8 +129,8 @@ const openBrowser = (browser, options) => {
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         forceDeviceScaleFactor,
         indent: false,
-        shouldDumpIo: shouldDumpIo !== null && shouldDumpIo !== void 0 ? shouldDumpIo : false,
         viewport: null,
+        logLevel: shouldDumpIo ? 'verbose' : 'info',
     });
 };
 exports.openBrowser = openBrowser;

package/dist/perf.js

@@ -29,8 +29,10 @@ exports.stopPerfMeasure = stopPerfMeasure;
 const getPerf = () => {
     return [
         'Render performance:',
-        ...Object.keys(perf).map((p) => {
-            return `  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length} (n = ${perf[p].length})`;
+        ...Object.keys(perf)
+            .filter((p) => perf[p].length)
+            .map((p) => {
+            return `  ${p} => ${perf[p].reduce((a, b) => a + b, 0) / perf[p].length}ms (n = ${perf[p].length})`;
         }),
     ];
 };

package/dist/prepare-server.d.ts

@@ -3,6 +3,7 @@ import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
 import type { OffthreadVideoServerEmitter } from './offthread-video-server';
 import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
+import type { LogLevel } from './log-level';
 export type RemotionServer = {
     serveUrl: string;
     closeServer: (force: boolean) => Promise<unknown>;
@@ -17,10 +18,10 @@ type PrepareServerOptions = {
     port: number | null;
     remotionRoot: string;
     concurrency: number;
-    verbose: boolean;
+    logLevel: LogLevel;
     indent: boolean;
 };
-export declare const prepareServer: ({ webpackConfigOrServeUrl, port, remotionRoot, concurrency, verbose, indent, }: PrepareServerOptions) => Promise<RemotionServer>;
+export declare const prepareServer: ({ webpackConfigOrServeUrl, port, remotionRoot, concurrency, logLevel, indent, }: PrepareServerOptions) => Promise<RemotionServer>;
 export declare const makeOrReuseServer: (server: RemotionServer | undefined, config: PrepareServerOptions, { onDownload, onError, }: {
     onError: (err: Error) => void;
     onDownload: RenderMediaOnDownload | null;

package/dist/prepare-server.js

@@ -14,16 +14,16 @@ const logger_1 = require("./logger");
 const serve_static_1 = require("./serve-static");
 const symbolicate_stacktrace_1 = require("./symbolicate-stacktrace");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
-const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, concurrency, verbose, indent, }) => {
+const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, concurrency, logLevel, indent, }) => {
     const downloadMap = (0, download_map_1.makeDownloadMap)();
-    logger_1.Log.verboseAdvanced({ indent, logLevel: verbose ? 'verbose' : 'info' }, 'Created directory for temporary files', downloadMap.assetDir);
+    logger_1.Log.verboseAdvanced({ indent, logLevel }, 'Created directory for temporary files', downloadMap.assetDir);
     if ((0, is_serve_url_1.isServeUrl)(webpackConfigOrServeUrl)) {
         const { port: offthreadPort, close: closeProxy, compositor: comp, events, } = await (0, serve_static_1.serveStatic)(null, {
             port,
             downloadMap,
             remotionRoot,
             concurrency,
-            verbose,
+            logLevel,
             indent,
         });
         return Promise.resolve({
@@ -51,7 +51,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         downloadMap,
         remotionRoot,
         concurrency,
-        verbose,
+        logLevel,
         indent,
     });
     return Promise.resolve({

package/dist/prespawn-ffmpeg.d.ts

@@ -4,6 +4,7 @@ import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { PixelFormat } from './pixel-format';
 import type { ProResProfile } from './prores-profile';
+import type { LogLevel } from './log-level';
 type RunningStatus = {
     type: 'running';
 } | {
@@ -24,7 +25,7 @@ type PreStitcherOptions = {
     crf: number | null | undefined;
     onProgress: (progress: number) => void;
     proResProfile: ProResProfile | undefined;
-    verbose: boolean;
+    logLevel: LogLevel;
     imageFormat: VideoImageFormat;
     ffmpegOverride: FfmpegOverrideFn;
     signal: CancelSignal;

package/dist/prespawn-ffmpeg.js

@@ -29,34 +29,6 @@ const prespawnFfmpeg = (options) => {
     if (encoderName === null) {
         throw new TypeError('encoderName is null: ' + JSON.stringify(options));
     }
-    const supportsCrf = codec !== 'prores';
-    logger_1.Log.verboseAdvanced({
-        indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
-        tag: 'prespawnFfmpeg()',
-    }, 'encoder', encoderName);
-    logger_1.Log.verboseAdvanced({
-        indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
-        tag: 'prespawnFfmpeg()',
-    }, 'pixelFormat', pixelFormat);
-    if (supportsCrf) {
-        logger_1.Log.verboseAdvanced({
-            indent: options.indent,
-            logLevel: options.verbose ? 'verbose' : 'info',
-            tag: 'prespawnFfmpeg()',
-        }, 'pixelFormat', options.crf);
-    }
-    logger_1.Log.verboseAdvanced({
-        indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
-        tag: 'prespawnFfmpeg()',
-    }, 'codec', codec);
-    logger_1.Log.verboseAdvanced({
-        indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
-        tag: 'prespawnFfmpeg()',
-    }, 'proResProfileName', proResProfileName);
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const ffmpegArgs = [
         ['-r', options.fps.toFixed(2)],
@@ -86,12 +58,12 @@ const prespawnFfmpeg = (options) => {
     ];
     logger_1.Log.verboseAdvanced({
         indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
+        logLevel: options.logLevel,
         tag: 'prespawnFfmpeg()',
     }, 'Generated FFMPEG command:');
     logger_1.Log.verboseAdvanced({
         indent: options.indent,
-        logLevel: options.verbose ? 'verbose' : 'info',
+        logLevel: options.logLevel,
         tag: 'prespawnFfmpeg()',
     }, ffmpegArgs.join(' '));
     const ffmpegString = ffmpegArgs.flat(2).filter(Boolean);

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';
@@ -10,6 +10,7 @@ import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 import type { OnStartData, RenderFramesOutput } from './types';
+import { type LogLevel } from './log-level';
 export type InternalRenderFramesOptions = {
     onStart: null | ((data: OnStartData) => void);
     onFrameUpdate: null | ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void);
@@ -20,7 +21,6 @@ export type InternalRenderFramesOptions = {
     jpegQuality: number;
     frameRange: FrameRange | null;
     everyNthFrame: number;
-    dumpBrowserLogs: boolean;
     puppeteerInstance: HeadlessBrowser | undefined;
     browserExecutable: BrowserExecutable | null;
     onBrowserLog: null | ((log: BrowserLog) => void);
@@ -31,13 +31,13 @@ export type InternalRenderFramesOptions = {
     scale: number;
     port: number | null;
     cancelSignal: CancelSignal | undefined;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     indent: boolean;
     server: RemotionServer | undefined;
     muted: boolean;
     concurrency: number | string | null;
     webpackBundleOrServeUrl: string;
-    verbose: boolean;
+    logLevel: LogLevel;
 };
 export type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
@@ -53,7 +53,15 @@ export type RenderFramesOptions = {
     jpegQuality?: number;
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
+    /**
+     * @deprecated Use "logLevel": "verbose" instead
+     */
     dumpBrowserLogs?: boolean;
+    /**
+     * @deprecated Use "logLevel" instead
+     */
+    verbose?: boolean;
+    logLevel?: LogLevel;
     puppeteerInstance?: HeadlessBrowser;
     browserExecutable?: BrowserExecutable;
     onBrowserLog?: (log: BrowserLog) => void;
@@ -64,13 +72,12 @@ export type RenderFramesOptions = {
     scale?: number;
     port?: number | null;
     cancelSignal?: CancelSignal;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     muted?: boolean;
     concurrency?: number | string | null;
     serveUrl: string;
-    verbose?: boolean;
 };
-export declare const internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, verbose, webpackBundleOrServeUrl, }: InternalRenderFramesOptions) => Promise<RenderFramesOutput>;
+export declare const 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, }: InternalRenderFramesOptions) => Promise<RenderFramesOutput>;
 /**
  * @description Renders a series of images using Puppeteer and computes information for mixing audio.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)

package/dist/render-frames.js

@@ -33,8 +33,9 @@ const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
+const logger_1 = require("./logger");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, logLevel, indent, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -47,7 +48,9 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
     const framesToRender = (0, get_duration_from_frame_range_1.getFramesToRender)(realFrameRange, everyNthFrame);
     const lastFrame = framesToRender[framesToRender.length - 1];
     const makePage = async (context) => {
-        const page = await browserReplacer.getBrowser().newPage(context);
+        const page = await browserReplacer
+            .getBrowser()
+            .newPage(context, logLevel, indent);
         pagesArray.push(page);
         await page.setViewport({
             width: composition.width,
@@ -79,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,
@@ -92,7 +95,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             },
             args: [
                 composition.id,
-                composition.defaultProps,
+                composition.props,
                 composition.durationInFrames,
                 composition.fps,
                 composition.height,
@@ -283,7 +286,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
     await Promise.all(downloadPromises);
     return result;
 };
-const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, verbose, webpackBundleOrServeUrl, }) => {
+const 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, }) => {
     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);
@@ -296,12 +299,12 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
     (0, validate_scale_1.validateScale)(scale);
     const makeBrowser = () => (0, open_browser_1.internalOpenBrowser)({
         browser: browser_1.DEFAULT_BROWSER,
-        shouldDumpIo: dumpBrowserLogs,
         browserExecutable,
         chromiumOptions,
         forceDeviceScaleFactor: scale,
         indent,
         viewport: null,
+        logLevel,
     });
     const browserInstance = puppeteerInstance !== null && puppeteerInstance !== void 0 ? puppeteerInstance : makeBrowser();
     const actualConcurrency = (0, get_concurrency_1.getActualConcurrency)(concurrency);
@@ -323,7 +326,7 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     port,
                     remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
                     concurrency: actualConcurrency,
-                    verbose,
+                    logLevel,
                     indent,
                 }, {
                     onDownload,
@@ -331,8 +334,8 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                 }),
                 browserInstance,
             ]).then(([{ server: { serveUrl, offthreadPort, compositor, sourceMap, downloadMap, }, cleanupServer, }, pInstance,]) => {
-                const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance);
-                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency).stopCycling);
+                const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
+                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency, logLevel, indent).stopCycling);
                 cleanup.push(() => cleanupServer(false));
                 return innerRenderFrames({
                     onError,
@@ -362,6 +365,8 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     outputDir,
                     scale,
                     timeoutInMilliseconds,
+                    logLevel,
+                    indent,
                 });
             }),
         ])
@@ -384,7 +389,7 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
             else {
                 Promise.resolve(browserInstance)
                     .then((instance) => {
-                    return instance.close(true);
+                    return instance.close(true, logLevel, indent);
                 })
                     .catch((err) => {
                     if (!(err === null || err === void 0 ? void 0 : err.message.includes('Target closed'))) {
@@ -405,7 +410,7 @@ exports.internalRenderFrames = internalRenderFrames;
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)
  */
 const renderFrames = (options) => {
-    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, } = options;
+    const { composition, inputProps, onFrameUpdate, onStart, outputDir, serveUrl, browserExecutable, cancelSignal, chromiumOptions, concurrency, dumpBrowserLogs, envVariables, everyNthFrame, frameRange, imageFormat, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, logLevel, } = options;
     if (!composition) {
         throw new Error('No `composition` option has been specified for renderFrames()');
     }
@@ -421,7 +426,6 @@ const renderFrames = (options) => {
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         composition,
         concurrency: concurrency !== null && concurrency !== void 0 ? concurrency : null,
-        dumpBrowserLogs: dumpBrowserLogs !== null && dumpBrowserLogs !== void 0 ? dumpBrowserLogs : false,
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
         everyNthFrame: everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1,
         frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
@@ -439,7 +443,7 @@ const renderFrames = (options) => {
         outputDir,
         port: port !== null && port !== void 0 ? port : null,
         scale: scale !== null && scale !== void 0 ? scale : 1,
-        verbose: verbose !== null && verbose !== void 0 ? verbose : false,
+        logLevel: verbose || dumpBrowserLogs ? 'verbose' : logLevel !== null && logLevel !== void 0 ? logLevel : (0, logger_1.getLogLevel)(),
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
         webpackBundleOrServeUrl: serveUrl,
         server: undefined,

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';
@@ -15,6 +15,7 @@ import type { PixelFormat } from './pixel-format';
 import type { RemotionServer } from './prepare-server';
 import type { ProResProfile } from './prores-profile';
 import type { OnStartData } from './types';
+import { type LogLevel } from './log-level';
 export type StitchingState = 'encoding' | 'muxing';
 export type SlowFrame = {
     frame: number;
@@ -31,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;
@@ -46,7 +47,6 @@ export type InternalRenderMediaOptions = {
     onProgress: RenderMediaOnProgress;
     onDownload: RenderMediaOnDownload;
     proResProfile: ProResProfile | undefined;
-    dumpBrowserLogs: boolean;
     onBrowserLog: ((log: BrowserLog) => void) | null;
     onStart: (data: OnStartData) => void;
     timeoutInMilliseconds: number;
@@ -55,7 +55,7 @@ export type InternalRenderMediaOptions = {
     port: number | null;
     cancelSignal: CancelSignal | undefined;
     browserExecutable: BrowserExecutable | null;
-    verbose: boolean;
+    logLevel: LogLevel;
     onCtrlCExit: (fn: () => void) => void;
     indent: boolean;
     server: RemotionServer | undefined;
@@ -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;
@@ -92,6 +92,9 @@ export type RenderMediaOptions = {
     onProgress?: RenderMediaOnProgress;
     onDownload?: RenderMediaOnDownload;
     proResProfile?: ProResProfile;
+    /**
+     * @deprecated Use "logLevel": "verbose" instead
+     */
     dumpBrowserLogs?: boolean;
     onBrowserLog?: ((log: BrowserLog) => void) | undefined;
     onStart?: (data: OnStartData) => void;
@@ -101,6 +104,9 @@ export type RenderMediaOptions = {
     port?: number | null;
     cancelSignal?: CancelSignal;
     browserExecutable?: BrowserExecutable;
+    /**
+     * @deprecated Use "logLevel" instead
+     */
     verbose?: boolean;
     preferLossless?: boolean;
     muted?: boolean;
@@ -112,16 +118,17 @@ export type RenderMediaOptions = {
     audioCodec?: AudioCodec | null;
     serveUrl: string;
     concurrency?: number | string | null;
+    logLevel?: LogLevel;
 };
 type RenderMediaResult = {
     buffer: Buffer | null;
     slowestFrames: SlowFrame[];
 };
-export declare const internalRenderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, 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, verbose, }: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const 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, }: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
 /**
  *
  * @description Render a video from a composition
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-export declare const renderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, preferLossless, verbose, quality, }: RenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const renderMedia: ({ 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, jpegQuality, concurrency, serveUrl, disallowParallelEncoding, everyNthFrame, imageFormat, numberOfGifLoops, dumpBrowserLogs, preferLossless, verbose, quality, logLevel, }: RenderMediaOptions) => Promise<RenderMediaResult>;
 export {};