@remotion/renderer 4.1.0-alpha3 → 4.1.0-alpha5

package/dist/render-media.js

@@ -43,7 +43,7 @@ const validate_output_filename_1 = require("./validate-output-filename");
 const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const SLOWEST_FRAME_COUNT = 10;
-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, }) => {
+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, }) => {
     (0, jpeg_quality_1.validateJpegQuality)(jpegQuality);
     (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
@@ -86,30 +86,30 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
         (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'renderMedia()',
     }, 'Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'renderMedia()',
     }, 'Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'renderMedia()',
     }, 'User disallowed parallel encoding:', Boolean(disallowParallelEncoding));
     if (parallelEncoding) {
         logger_1.Log.verboseAdvanced({
             indent,
-            logLevel: verbose ? 'verbose' : 'info',
+            logLevel,
             tag: 'renderMedia()',
         }, 'Parallel encoding is enabled.');
     }
     else {
         logger_1.Log.verboseAdvanced({
             indent,
-            logLevel: verbose ? 'verbose' : 'info',
+            logLevel,
             tag: 'renderMedia()',
         }, 'Parallel encoding is disabled.');
     }
@@ -167,7 +167,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                     encodedFrames = frame;
                     callUpdate();
                 },
-                verbose,
+                logLevel,
                 imageFormat,
                 signal: cancelPrestitcher.cancelSignal,
                 ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : (({ args }) => args),
@@ -225,7 +225,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                 indent,
                 port,
                 remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
-                verbose,
+                logLevel,
                 webpackConfigOrServeUrl: serveUrl,
             }, {
                 onDownload,
@@ -276,7 +276,6 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                     }
                     : null,
                 webpackBundleOrServeUrl: serveUrl,
-                dumpBrowserLogs,
                 onBrowserLog,
                 onDownload,
                 timeoutInMilliseconds,
@@ -286,7 +285,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                 port,
                 cancelSignal: cancelRenderFrames.cancelSignal,
                 muted: disableAudio,
-                verbose,
+                logLevel,
                 indent,
                 server,
             });
@@ -327,7 +326,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                     },
                     onDownload,
                     numberOfGifLoops,
-                    verbose,
+                    logLevel,
                     dir: workingDir,
                     cancelSignal: cancelStitcher.cancelSignal,
                     muted: disableAudio,
@@ -401,7 +400,7 @@ exports.internalRenderMedia = internalRenderMedia;
  * @description Render a video from a composition
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-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, }) => {
+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, }) => {
     var _a;
     if (quality !== undefined) {
         console.warn(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
@@ -419,7 +418,6 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         concurrency: concurrency !== null && concurrency !== void 0 ? concurrency : null,
         crf: crf !== null && crf !== void 0 ? crf : null,
         disallowParallelEncoding: disallowParallelEncoding !== null && disallowParallelEncoding !== void 0 ? disallowParallelEncoding : false,
-        dumpBrowserLogs: dumpBrowserLogs !== null && dumpBrowserLogs !== void 0 ? dumpBrowserLogs : false,
         enforceAudioTrack: enforceAudioTrack !== null && enforceAudioTrack !== void 0 ? enforceAudioTrack : false,
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
         everyNthFrame: everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1,
@@ -442,7 +440,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         scale: scale !== null && scale !== void 0 ? scale : 1,
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
         videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
-        verbose: verbose !== null && verbose !== void 0 ? verbose : false,
+        logLevel: verbose || dumpBrowserLogs ? 'verbose' : logLevel !== null && logLevel !== void 0 ? logLevel : (0, logger_1.getLogLevel)(),
         preferLossless: preferLossless !== null && preferLossless !== void 0 ? preferLossless : false,
         indent: false,
         onCtrlCExit: () => undefined,

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';
@@ -8,15 +8,15 @@ import type { StillImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 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>;
     imageFormat: StillImageFormat;
     jpegQuality: number;
     puppeteerInstance: HeadlessBrowser | null;
-    dumpBrowserLogs: boolean;
     envVariables: Record<string, string>;
     overwrite: boolean;
     browserExecutable: BrowserExecutable;
@@ -28,19 +28,22 @@ type InternalRenderStillOptions = {
     cancelSignal: CancelSignal | null;
     indent: boolean;
     server: RemotionServer | undefined;
-    verbose: boolean;
+    logLevel: LogLevel;
     serveUrl: string;
     port: number | null;
 };
 export type RenderStillOptions = {
     port?: number | null;
-    composition: AnySmallCompMetadata;
+    composition: VideoConfig;
     output?: string | null;
     frame?: number;
     inputProps?: Record<string, unknown>;
     imageFormat?: StillImageFormat;
     jpegQuality?: number;
     puppeteerInstance?: HeadlessBrowser;
+    /**
+     * @deprecated Use "logLevel": "verbose" instead
+     */
     dumpBrowserLogs?: boolean;
     envVariables?: Record<string, string>;
     overwrite?: boolean;
@@ -51,6 +54,9 @@ export type RenderStillOptions = {
     scale?: number;
     onDownload?: RenderMediaOnDownload;
     cancelSignal?: CancelSignal;
+    /**
+     * @deprecated Use "logLevel" instead
+     */
     verbose?: boolean;
     serveUrl: string;
     /**

package/dist/render-still.js

@@ -48,7 +48,8 @@ const set_props_and_env_1 = require("./set-props-and-env");
 const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, }) => {
+const logger_1 = require("./logger");
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, inputProps, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, logLevel, indent, }) => {
     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);
@@ -87,13 +88,13 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     const browserInstance = puppeteerInstance !== null && puppeteerInstance !== void 0 ? puppeteerInstance : (await (0, open_browser_1.internalOpenBrowser)({
         browser: browser_1.DEFAULT_BROWSER,
         browserExecutable,
-        shouldDumpIo: dumpBrowserLogs,
         chromiumOptions,
         forceDeviceScaleFactor: scale,
-        indent: false,
+        indent,
         viewport: null,
+        logLevel,
     }));
-    const page = await browserInstance.newPage(sourceMapContext);
+    const page = await browserInstance.newPage(sourceMapContext, logLevel, indent);
     await page.setViewport({
         width: composition.width,
         height: composition.height,
@@ -122,7 +123,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
             await page.close();
         }
         else {
-            browserInstance.close(true).catch((err) => {
+            browserInstance.close(true, logLevel, indent).catch((err) => {
                 console.log('Unable to close browser', err);
             });
         }
@@ -147,11 +148,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,
@@ -160,7 +161,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         },
         args: [
             composition.id,
-            composition.defaultProps,
+            composition.props,
             composition.durationInFrames,
             composition.fps,
             composition.height,
@@ -195,7 +196,7 @@ const internalRenderStill = (options) => {
             port: options.port,
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
             concurrency: 1,
-            verbose: options.verbose,
+            logLevel: options.logLevel,
             indent: options.indent,
         }, {
             onDownload: options.onDownload,
@@ -252,7 +253,6 @@ const renderStill = (options) => {
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
         cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : null,
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
-        dumpBrowserLogs: dumpBrowserLogs !== null && dumpBrowserLogs !== void 0 ? dumpBrowserLogs : false,
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
         frame: frame !== null && frame !== void 0 ? frame : 0,
         imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_STILL_IMAGE_FORMAT,
@@ -269,7 +269,7 @@ const renderStill = (options) => {
         server: undefined,
         serveUrl,
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
-        verbose: verbose !== null && verbose !== void 0 ? verbose : false,
+        logLevel: verbose || dumpBrowserLogs ? 'verbose' : (0, logger_1.getLogLevel)(),
     });
 };
 exports.renderStill = renderStill;

package/dist/replace-browser.d.ts

@@ -1,6 +1,7 @@
 import type { HeadlessBrowser } from './browser/Browser';
+import type { LogLevel } from './log-level';
 export type BrowserReplacer = {
     getBrowser: () => HeadlessBrowser;
     replaceBrowser: (make: () => Promise<HeadlessBrowser>, makeNewPages: () => Promise<void>) => Promise<HeadlessBrowser>;
 };
-export declare const handleBrowserCrash: (instance: HeadlessBrowser) => BrowserReplacer;
+export declare const handleBrowserCrash: (instance: HeadlessBrowser, logLevel: LogLevel, indent: boolean) => BrowserReplacer;

package/dist/replace-browser.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleBrowserCrash = void 0;
-const handleBrowserCrash = (instance) => {
+const handleBrowserCrash = (instance, logLevel, indent) => {
     let _instance = instance;
     const waiters = [];
     let replacing = false;
@@ -20,7 +20,7 @@ const handleBrowserCrash = (instance) => {
             try {
                 replacing = true;
                 await _instance
-                    .close(true)
+                    .close(true, logLevel, indent)
                     .then(() => {
                     console.log('Killed previous browser and making new one');
                 })

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

@@ -33,7 +33,7 @@ const waitForReady = (page) => {
                 page,
             });
         })
-            .then((val) => {
+            .then(({ value: val }) => {
             if (typeof val !== 'string') {
                 throw val;
             }

package/dist/select-composition.d.ts

@@ -1,9 +1,10 @@
-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';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
+import { type LogLevel } from './log-level';
 type InternalSelectCompositionsConfig = {
     inputProps: Record<string, unknown>;
     envVariables: Record<string, string>;
@@ -15,7 +16,7 @@ type InternalSelectCompositionsConfig = {
     port: number | null;
     indent: boolean;
     server: RemotionServer | undefined;
-    verbose: boolean;
+    logLevel: LogLevel;
     serveUrl: string;
     id: string;
 };
@@ -32,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 {};

package/dist/select-composition.js

@@ -11,7 +11,7 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, verbose, }) => {
+const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, }) => {
     if (onBrowserLog) {
         page.on('console', (log) => {
             onBrowserLog({
@@ -48,10 +48,10 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
     logger_1.Log.verboseAdvanced({
         indent,
         tag: 'selectComposition()',
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
     }, 'Running calculateMetadata()...');
     const time = Date.now();
-    const result = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+    const { value: result, size } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: (_id) => {
             return window.remotion_calculateComposition(_id);
         },
@@ -62,13 +62,13 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
     logger_1.Log.verboseAdvanced({
         indent,
         tag: 'selectComposition()',
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
     }, `calculateMetadata() took ${Date.now() - time}ms`);
-    return result;
+    return { metadata: result, propsSize: size };
 };
 const internalSelectComposition = async (options) => {
     const cleanup = [];
-    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, verbose, indent, port, envVariables, id, inputProps, onBrowserLog, server, timeoutInMilliseconds, } = options;
+    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, inputProps, onBrowserLog, server, timeoutInMilliseconds, } = options;
     const { page, cleanup: cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -76,7 +76,7 @@ const internalSelectComposition = async (options) => {
         context: null,
         forceDeviceScaleFactor: undefined,
         indent,
-        shouldDumpIo: verbose,
+        logLevel,
     });
     cleanup.push(() => cleanupPage());
     return new Promise((resolve, reject) => {
@@ -91,7 +91,7 @@ const internalSelectComposition = async (options) => {
             port,
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
             concurrency: 1,
-            verbose,
+            logLevel,
             indent,
         }, {
             onDownload: () => undefined,
@@ -111,14 +111,14 @@ const internalSelectComposition = async (options) => {
                 inputProps,
                 onBrowserLog,
                 timeoutInMilliseconds,
-                verbose,
+                logLevel,
                 indent,
                 puppeteerInstance,
                 server,
             });
         })
-            .then((comp) => {
-            return resolve(comp);
+            .then((data) => {
+            return resolve(data);
         })
             .catch((err) => {
             reject(err);
@@ -135,9 +135,9 @@ exports.internalSelectComposition = internalSelectComposition;
  * @description Gets a composition defined in a Remotion project based on a Webpack bundle.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
-const selectComposition = (options) => {
+const selectComposition = async (options) => {
     const { id, serveUrl, browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, verbose, } = options;
-    return (0, exports.internalSelectComposition)({
+    const data = await (0, exports.internalSelectComposition)({
         id,
         serveUrl,
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
@@ -148,9 +148,10 @@ const selectComposition = (options) => {
         port: port !== null && port !== void 0 ? port : null,
         puppeteerInstance,
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
-        verbose: verbose !== null && verbose !== void 0 ? verbose : false,
+        logLevel: verbose ? 'verbose' : 'info',
         indent: false,
         server: undefined,
     });
+    return data.metadata;
 };
 exports.selectComposition = selectComposition;

package/dist/serve-static.d.ts

@@ -1,12 +1,13 @@
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
 import type { OffthreadVideoServerEmitter } from './offthread-video-server';
+import type { LogLevel } from './log-level';
 export declare const serveStatic: (path: string | null, options: {
     port: number | null;
     downloadMap: DownloadMap;
     remotionRoot: string;
     concurrency: number;
-    verbose: boolean;
+    logLevel: LogLevel;
     indent: boolean;
 }) => Promise<{
     port: number;

package/dist/serve-static.js

@@ -12,7 +12,7 @@ const serveStatic = async (path, options) => {
     const { listener: offthreadRequest, close: closeCompositor, compositor, events, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
         downloadMap: options.downloadMap,
         concurrency: options.concurrency,
-        verbose: options.verbose,
+        logLevel: options.logLevel,
         indent: options.indent,
     });
     const connections = {};

package/dist/set-props-and-env.js

@@ -81,7 +81,7 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
     if (isRemotionFn === undefined) {
         throw new Error(`Error while getting compositions: Tried to go to ${urlToVisit} and verify that it is a Remotion project by checking if window.getStaticCompositions is defined. However, the function was undefined, which indicates that this is not a valid Remotion project. Please check the URL you passed.`);
     }
-    const siteVersion = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+    const { value: siteVersion } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
             return window.siteVersion;
         },
@@ -89,7 +89,7 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         frame: null,
         page,
     });
-    const remotionVersion = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+    const { value: remotionVersion } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
             return window.remotion_version;
         },
@@ -97,7 +97,7 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         frame: null,
         page,
     });
-    const requiredVersion = '5';
+    const requiredVersion = '6';
     if (siteVersion !== requiredVersion) {
         throw new Error(`Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error, please bundle and deploy again.`);
     }
@@ -115,8 +115,8 @@ const setPropsAndEnv = (params) => {
         innerSetPropsAndEnv(params),
         new Promise((_, reject) => {
             setTimeout(() => {
-                reject(new Error('Timed out while setting up the headless browser - the browser seems to not respond. This error is thrown to trigger a retry.'));
-            }, 10000);
+                reject(new Error(`Timed out after ${params.timeoutInMilliseconds} while setting up the headless browser. This could be because the you specified takes a long time to load (or network resources that it includes like fonts) or because the browser is not responding. Optimize the site or increase the browser timeout.`));
+            }, params.timeoutInMilliseconds);
         }),
     ]);
 };

package/dist/stitch-frames-to-video.d.ts

@@ -7,6 +7,7 @@ import type { FfmpegOverrideFn } from './ffmpeg-override';
 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 InternalStitchFramesToVideoOptions = {
     audioBitrate: string | null;
     videoBitrate: string | null;
@@ -24,7 +25,7 @@ type InternalStitchFramesToVideoOptions = {
     onProgress?: null | ((progress: number) => void);
     onDownload: undefined | RenderMediaOnDownload;
     proResProfile: undefined | ProResProfile;
-    verbose: boolean;
+    logLevel: LogLevel;
     dir: string;
     cancelSignal: CancelSignal | null;
     preEncodedFileLocation: string | null;

package/dist/stitch-frames-to-video.js

@@ -59,7 +59,7 @@ const packageJsonPath = node_path_1.default.join(__dirname, '..', 'package.json'
 const packageJson = node_fs_1.default.existsSync(packageJsonPath)
     ? JSON.parse(node_fs_1.default.readFileSync(packageJsonPath, 'utf-8'))
     : null;
-const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose, onProgress, downloadMap, remotionRoot, indent, }) => {
+const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, logLevel, onProgress, downloadMap, remotionRoot, indent, }) => {
     const fileUrlAssets = await (0, convert_assets_to_file_urls_1.convertAssetsToFileUrls)({
         assets,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : (() => () => undefined),
@@ -67,7 +67,7 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose,
     });
     (0, download_and_map_assets_to_file_1.markAllAssetsAsDownloaded)(downloadMap);
     const assetPositions = (0, calculate_asset_positions_1.calculateAssetPositions)(fileUrlAssets);
-    logger_1.Log.verboseAdvanced({ indent, logLevel: verbose ? 'verbose' : 'info', tag: 'audio' }, 'asset positions', JSON.stringify(assetPositions));
+    logger_1.Log.verboseAdvanced({ indent, logLevel, tag: 'audio' }, 'asset positions', JSON.stringify(assetPositions));
     const preprocessProgress = new Array(assetPositions.length).fill(0);
     const updateProgress = () => {
         onProgress(preprocessProgress.reduce((a, b) => a + b, 0) / assetPositions.length);
@@ -100,7 +100,7 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, verbose,
     });
     return outName;
 };
-const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec, cancelSignal, codec, crf, dir, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, verbose, videoBitrate, width, numberOfGifLoops, onProgress, }, remotionRoot) => {
+const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec, cancelSignal, codec, crf, dir, enforceAudioTrack, ffmpegOverride, force, fps, height, indent, muted, onDownload, outputLocation, pixelFormat, preEncodedFileLocation, preferLossless, proResProfile, logLevel, videoBitrate, width, numberOfGifLoops, onProgress, }, remotionRoot) => {
     var _a;
     remotion_1.Internals.validateDimension(height, 'height', 'passed to `stitchFramesToVideo()`');
     remotion_1.Internals.validateDimension(width, 'width', 'passed to `stitchFramesToVideo()`');
@@ -136,39 +136,29 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
         : node_path_1.default.join(assetsInfo.downloadMap.stitchFrames, `out.${(0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, resolvedAudioCodec)}`);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
-        tag: 'stitchFramesToVideo()',
-    }, 'encoder', encoderName);
-    logger_1.Log.verboseAdvanced({
-        indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'audioCodec', resolvedAudioCodec);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'pixelFormat', pixelFormat);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'codec', codec);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'shouldRenderAudio', shouldRenderAudio);
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'shouldRenderVideo', shouldRenderVideo);
-    logger_1.Log.verboseAdvanced({
-        indent,
-        logLevel: verbose ? 'verbose' : 'info',
-        tag: 'stitchFramesToVideo()',
-    }, 'proResProfileName', proResProfileName);
     (0, crf_1.validateQualitySettings)({
         crf,
         codec,
@@ -186,7 +176,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
             onDownload,
             fps,
             expectedFrames,
-            verbose,
+            logLevel,
             onProgress: (prog) => updateProgress(prog, 0),
             downloadMap: assetsInfo.downloadMap,
             remotionRoot,
@@ -288,12 +278,12 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
         : ffmpegString;
     logger_1.Log.verboseAdvanced({
         indent: indent !== null && indent !== void 0 ? indent : false,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, 'Generated final FFMPEG command:');
     logger_1.Log.verboseAdvanced({
         indent,
-        logLevel: verbose ? 'verbose' : 'info',
+        logLevel,
         tag: 'stitchFramesToVideo()',
     }, finalFfmpegString.join(' '));
     const task = (0, call_ffmpeg_1.callFf)('ffmpeg', finalFfmpegString, {
@@ -391,7 +381,7 @@ const stitchFramesToVideo = ({ assetsInfo, force, fps, height, width, audioBitra
         outputLocation: outputLocation !== null && outputLocation !== void 0 ? outputLocation : null,
         pixelFormat: pixelFormat !== null && pixelFormat !== void 0 ? pixelFormat : pixel_format_1.DEFAULT_PIXEL_FORMAT,
         proResProfile,
-        verbose: verbose !== null && verbose !== void 0 ? verbose : false,
+        logLevel: verbose ? 'verbose' : 'info',
         videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
         width,
         preEncodedFileLocation: null,