@remotion/renderer 4.1.0-alpha1 → 4.1.0-alpha11

package/dist/render-still.js

@@ -38,6 +38,7 @@ const handle_javascript_exception_1 = require("./error-handling/handle-javascrip
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const image_format_1 = require("./image-format");
 const jpeg_quality_1 = require("./jpeg-quality");
+const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const overwrite_1 = require("./overwrite");
@@ -48,12 +49,11 @@ 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 innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, }) => {
     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,
     });
@@ -87,13 +87,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(Promise.resolve(sourceMapContext), logLevel, indent);
     await page.setViewport({
         width: composition.width,
         height: composition.height,
@@ -122,7 +122,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);
             });
         }
@@ -134,7 +134,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         page.on('console', logCallback);
     }
     await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         page,
         serveUrl,
@@ -144,14 +144,16 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         retriesRemaining: 2,
         audioEnabled: false,
         videoEnabled: true,
+        indent,
+        logLevel,
     });
     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,
+                serializedResolvedPropsWithSchema: props,
                 compositionDurationInFrames: durationInFrames,
                 compositionFps: fps,
                 compositionHeight: height,
@@ -160,7 +162,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         },
         args: [
             composition.id,
-            composition.defaultProps,
+            serializedResolvedPropsWithCustomSchema,
             composition.durationInFrames,
             composition.fps,
             composition.height,
@@ -169,7 +171,12 @@ 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,
+        timeoutInMilliseconds,
+    });
     const { buffer } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
         frame: stillFrame,
         freePage: page,
@@ -195,7 +202,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,
@@ -239,7 +246,7 @@ exports.internalRenderStill = internalRenderStill;
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-still)
  */
 const renderStill = (options) => {
-    var _a;
+    var _a, _b;
     const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, } = options;
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
@@ -252,12 +259,15 @@ 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,
         indent: false,
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            staticBase: null,
+            indent: undefined,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
         jpegQuality: (_a = jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : quality) !== null && _a !== void 0 ? _a : jpeg_quality_1.DEFAULT_JPEG_QUALITY,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : null,
@@ -269,7 +279,12 @@ 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)(),
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},
+        }).serializedString,
     });
 };
 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.d.ts

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

package/dist/seek-to-frame.js

@@ -1,30 +1,68 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.seekToFrame = exports.waitForReady = void 0;
+const _1 = require(".");
 const symbolicateable_error_1 = require("./error-handling/symbolicateable-error");
 const parse_browser_error_stack_1 = require("./parse-browser-error-stack");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const waitForReady = (page) => {
-    return Promise.race([
-        new Promise((_, reject) => {
-            page.on("disposed" /* PageEmittedEvents.Disposed */, () => {
-                reject(new Error('Target closed (page disposed)'));
-            });
-        }),
-        new Promise((_, reject) => {
-            page.browser.on("closed-silent" /* BrowserEmittedEvents.ClosedSilent */, () => {
-                reject(new Error('Target closed'));
-            });
-        }),
+const waitForReady = ({ page, timeoutInMilliseconds, frame, }) => {
+    const waitForReadyProm = new Promise((resolve, reject) => {
         page
             .mainFrame()
-            ._mainWorld.waitForFunction(page.browser, 'window.remotion_renderReady === true')
+            ._mainWorld.waitForFunction({
+            browser: page.browser,
+            // Increase timeout so the delayRender() timeout fires earlier
+            timeout: timeoutInMilliseconds + 3000,
+            pageFunction: 'window.remotion_renderReady === true',
+            title: frame === null
+                ? 'the page to render the React component'
+                : `the page to render the React component at frame ${frame}`,
+            shouldClosePage: false,
+        })
+            .then((a) => resolve(a))
             .catch((err) => {
-            throw err;
-        }),
+            if (err.message.includes('timeout') &&
+                err.message.includes('exceeded')) {
+                (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+                    pageFunction: () => {
+                        return Object.keys(window.remotion_delayRenderTimeouts)
+                            .map((id, i) => {
+                            const { label } = window.remotion_delayRenderTimeouts[id];
+                            if (label === null) {
+                                return `${i + 1}. (no label)`;
+                            }
+                            return `"${i + 1}. ${label}"`;
+                        })
+                            .join(', ');
+                    },
+                    args: [],
+                    frame,
+                    page,
+                })
+                    .then((res) => {
+                    reject(new Error(`Timeout exceeded rendering the component${frame ? ' at frame ' + frame : ''}. ${res.value ? `Open delayRender() handles: ${res.value}` : ''}`));
+                })
+                    .catch((newErr) => {
+                    _1.RenderInternals.Log.warn('Tried to get delayRender() handles for timeout, but could not do so because of', newErr);
+                    // Ignore, use prev error
+                    reject(err);
+                });
+            }
+            else {
+                reject(err);
+            }
+        });
+    });
+    const waitForErrorProm = new Promise((_shouldNeverResolve, reject) => {
         page
             .mainFrame()
-            ._mainWorld.waitForFunction(page.browser, 'window.remotion_cancelledError !== undefined')
+            ._mainWorld.waitForFunction({
+            browser: page.browser,
+            timeout: null,
+            pageFunction: 'window.remotion_cancelledError !== undefined',
+            title: 'remotion_cancelledError variable to appear on the page',
+            shouldClosePage: false,
+        })
             .then(() => {
             return (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
                 pageFunction: () => window.remotion_cancelledError,
@@ -33,32 +71,56 @@ const waitForReady = (page) => {
                 page,
             });
         })
-            .then((val) => {
+            .then(({ value: val }) => {
             if (typeof val !== 'string') {
-                throw val;
+                reject(val);
+                return;
             }
-            throw new symbolicateable_error_1.SymbolicateableError({
+            reject(new symbolicateable_error_1.SymbolicateableError({
                 frame: null,
                 stack: val,
                 name: 'CancelledError',
                 message: val.split('\n')[0],
                 stackFrame: (0, parse_browser_error_stack_1.parseStack)(val.split('\n')),
+            }));
+        })
+            .catch((err) => {
+            if (err.message.includes('timeout') &&
+                err.message.includes('exceeded')) {
+                // Don't care if a error never appeared
+            }
+            else {
+                reject(err);
+            }
+        });
+    });
+    return Promise.race([
+        new Promise((_, reject) => {
+            page.on("disposed" /* PageEmittedEvents.Disposed */, () => {
+                reject(new Error('Target closed (page disposed)'));
+            });
+        }),
+        new Promise((_, reject) => {
+            page.browser.on("closed-silent" /* BrowserEmittedEvents.ClosedSilent */, () => {
+                reject(new Error('Target closed'));
             });
         }),
+        waitForReadyProm,
+        waitForErrorProm,
     ]);
 };
 exports.waitForReady = waitForReady;
-const seekToFrame = async ({ frame, page, }) => {
-    await (0, exports.waitForReady)(page);
+const seekToFrame = async ({ frame, page, composition, timeoutInMilliseconds, }) => {
+    await (0, exports.waitForReady)({ page, timeoutInMilliseconds, frame: null });
     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,
     });
-    await (0, exports.waitForReady)(page);
+    await (0, exports.waitForReady)({ page, timeoutInMilliseconds, frame });
     await page.evaluateHandle('document.fonts.ready');
 };
 exports.seekToFrame = seekToFrame;

package/dist/select-composition.d.ts

@@ -1,11 +1,12 @@
-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 LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 type InternalSelectCompositionsConfig = {
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
     puppeteerInstance: HeadlessBrowser | undefined;
     onBrowserLog: null | ((log: BrowserLog) => void);
@@ -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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComposition = exports.internalSelectComposition = void 0;
+const remotion_1 = require("remotion");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
@@ -11,7 +12,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, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, }) => {
     if (onBrowserLog) {
         page.on('console', (log) => {
             onBrowserLog({
@@ -23,7 +24,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
     }
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         page,
         serveUrl,
@@ -33,6 +34,8 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
         retriesRemaining: 2,
         audioEnabled: false,
         videoEnabled: false,
+        indent,
+        logLevel,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -44,14 +47,14 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
         frame: null,
         args: [],
     });
-    await (0, seek_to_frame_1.waitForReady)(page);
+    await (0, seek_to_frame_1.waitForReady)({ page, timeoutInMilliseconds, frame: null });
     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 +65,26 @@ 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;
+    const res = result;
+    const { width, durationInFrames, fps, height } = res;
+    return {
+        metadata: {
+            id,
+            width,
+            height,
+            fps,
+            durationInFrames,
+            props: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
+        },
+        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, serializedInputPropsWithCustomSchema, onBrowserLog, server, timeoutInMilliseconds, } = options;
     const { page, cleanup: cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -76,7 +92,7 @@ const internalSelectComposition = async (options) => {
         context: null,
         forceDeviceScaleFactor: undefined,
         indent,
-        shouldDumpIo: verbose,
+        logLevel,
     });
     cleanup.push(() => cleanupPage());
     return new Promise((resolve, reject) => {
@@ -91,7 +107,7 @@ const internalSelectComposition = async (options) => {
             port,
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
             concurrency: 1,
-            verbose,
+            logLevel,
             indent,
         }, {
             onDownload: () => undefined,
@@ -108,17 +124,17 @@ const internalSelectComposition = async (options) => {
                 chromiumOptions,
                 envVariables,
                 id,
-                inputProps,
+                serializedInputPropsWithCustomSchema,
                 onBrowserLog,
                 timeoutInMilliseconds,
-                verbose,
+                logLevel,
                 indent,
                 puppeteerInstance,
                 server,
             });
         })
-            .then((comp) => {
-            return resolve(comp);
+            .then((data) => {
+            return resolve(data);
         })
             .catch((err) => {
             reject(err);
@@ -135,22 +151,27 @@ 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,
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,
         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-handler/index.js

@@ -169,7 +169,7 @@ const serveHandler = async (request, response, config) => {
         return sendError(absolutePath, response, {
             statusCode: 404,
             code: 'not_found',
-            message: 'The requested path could not be found',
+            message: 'The requested path (' + absolutePath + ') could not be found',
         });
     }
     let streamOpts = null;

package/dist/serve-static.d.ts

@@ -1,16 +1,15 @@
 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;
     close: () => Promise<void>;
     compositor: Compositor;
-    events: OffthreadVideoServerEmitter;
 }>;

package/dist/serve-static.js

@@ -9,10 +9,10 @@ const get_port_1 = require("./get-port");
 const offthread_video_server_1 = require("./offthread-video-server");
 const serve_handler_1 = require("./serve-handler");
 const serveStatic = async (path, options) => {
-    const { listener: offthreadRequest, close: closeCompositor, compositor, events, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
+    const { listener: offthreadRequest, close: closeCompositor, compositor, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
         downloadMap: options.downloadMap,
         concurrency: options.concurrency,
-        verbose: options.verbose,
+        logLevel: options.logLevel,
         indent: options.indent,
     });
     const connections = {};
@@ -67,7 +67,13 @@ const serveStatic = async (path, options) => {
             };
             const close = async () => {
                 await Promise.all([
-                    closeCompositor(),
+                    new Promise((resolve) => {
+                        // compositor may have already quit before,
+                        // this is okay as we are in cleanup phase
+                        closeCompositor().finally(() => {
+                            resolve();
+                        });
+                    }),
                     new Promise((resolve, reject) => {
                         destroyConnections();
                         server.close((err) => {
@@ -85,7 +91,7 @@ const serveStatic = async (path, options) => {
                     }),
                 ]);
             };
-            return { port: selectedPort, close, compositor, events };
+            return { port: selectedPort, close, compositor };
         }
         catch (err) {
             if (!(err instanceof Error)) {

package/dist/set-props-and-env.d.ts

@@ -1,6 +1,7 @@
 import type { Page } from './browser/BrowserPage';
+import type { LogLevel } from './log-level';
 type SetPropsAndEnv = {
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string> | undefined;
     page: Page;
     serveUrl: string;
@@ -10,6 +11,8 @@ type SetPropsAndEnv = {
     retriesRemaining: number;
     audioEnabled: boolean;
     videoEnabled: boolean;
+    indent: boolean;
+    logLevel: LogLevel;
 };
 export declare const setPropsAndEnv: (params: SetPropsAndEnv) => Promise<unknown>;
 export {};