@remotion/cli 4.1.0-alpha1 → 4.1.0-alpha11

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export declare const CliInternals: {
         indent: boolean;
     }) => import("./progress-bar").OverwriteableCliOutput;
     chalk: {
-        enabled: boolean;
+        enabled: () => boolean;
         visible: boolean;
         styles: Record<string, {
             codes: [number, number];
@@ -33,6 +33,7 @@ export declare const CliInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
+        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -65,7 +66,6 @@ export declare const CliInternals: {
             logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
-            secondTag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
@@ -78,6 +78,12 @@ export declare const CliInternals: {
             logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
+        errorAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "info" | "warn" | "error";
+        } & {
+            tag?: string | undefined;
+        }, message?: any, ...optionalParams: any[]) => void;
     };
     getCliOptions: (options: {
         isLambda: boolean;
@@ -202,7 +208,7 @@ export declare const CliInternals: {
         codec: import("@remotion/renderer").CodecOrUndefined;
         uiImageFormat: "png" | "jpeg" | "none" | null;
     }) => "png" | "jpeg" | "none";
-    printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
+    printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
@@ -217,7 +223,7 @@ export declare const CliInternals: {
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
         logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
-    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, verbose, server, }: {
+    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }: {
         height: number | null;
         width: number | null;
         args: string[];
@@ -230,13 +236,13 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        verbose: boolean;
-        inputProps: Record<string, unknown>;
+        logLevel: "verbose" | "info" | "warn" | "error";
+        serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{
         compositionId: string;
         reason: string;
-        config: import("remotion").AnyCompMetadata;
+        config: import("remotion").VideoConfig;
         argsAfterComposition: string[];
     }>;
 };

package/dist/index.js

@@ -62,14 +62,17 @@ const cli = async () => {
     if (command !== versions_1.VERSIONS_COMMAND) {
         await (0, versions_1.validateVersionsBeforeCommand)(remotionRoot);
     }
-    const errorSymbolicationLock = renderer_1.RenderInternals.registerErrorSymbolicationLock();
+    const isStudio = command === 'studio' || command === 'preview';
+    const errorSymbolicationLock = isStudio
+        ? 0
+        : renderer_1.RenderInternals.registerErrorSymbolicationLock();
     (0, cleanup_before_quit_1.handleCtrlC)();
     await (0, initialize_cli_1.initializeCli)(remotionRoot);
     try {
         if (command === 'compositions') {
             await (0, compositions_1.listCompositionsCommand)(remotionRoot, args);
         }
-        else if (command === 'preview' || command === 'studio') {
+        else if (isStudio) {
             await (0, studio_1.studioCommand)(remotionRoot, args);
         }
         else if (command === 'lambda') {

package/dist/log.d.ts

@@ -5,7 +5,6 @@ export declare const Log: {
         logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
-        secondTag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
@@ -18,4 +17,10 @@ export declare const Log: {
         logLevel: "verbose" | "info" | "warn" | "error";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
+    errorAdvanced: (options: {
+        indent: boolean;
+        logLevel: "verbose" | "info" | "warn" | "error";
+    } & {
+        tag?: string | undefined;
+    }, message?: any, ...optionalParams: any[]) => void;
 };

package/dist/parse-command-line.js

@@ -88,7 +88,7 @@ const parseCommandLine = () => {
         config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
+        throw new Error('The --png flag has been removed. Use --sequence --image-format=png from now on.');
     }
     if (exports.parsedCli.sequence) {
         config_1.Config.setImageSequence(true);

package/dist/preview-server/dev-middleware/range-parser.d.ts

@@ -11,5 +11,5 @@ type Range = {
 type Ranges = Range[] & {
     type?: string;
 };
-export declare function parseRange(size: number, str: string | string[]): -1 | Ranges | -2;
+export declare function parseRange(size: number, str: string | string[]): -1 | -2 | Ranges;
 export {};

package/dist/preview-server/dev-middleware/setup-hooks.js

@@ -23,7 +23,7 @@ function setupHooks(context) {
             logger.log('Compilation finished');
             const statsOptions = {
                 preset: 'errors-warnings',
-                colors: renderer_1.RenderInternals.isColorSupported,
+                colors: renderer_1.RenderInternals.isColorSupported(),
             };
             const printedStats = stats.toString(statsOptions);
             const lines = printedStats

package/dist/preview-server/render-queue/job.d.ts

@@ -61,7 +61,7 @@ export type RenderJob = {
     cancelToken: ReturnType<typeof makeCancelSignal>;
     chromiumOptions: RequiredChromiumOptions;
     envVariables: Record<string, string>;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
 } & RenderJobDynamicFields;
 export type RenderJobWithCleanup = RenderJob & {
     cleanup: (() => void)[];
@@ -105,7 +105,7 @@ export type AddRenderRequest = {
     chromiumOptions: RequiredChromiumOptions;
     delayRenderTimeout: number;
     envVariables: Record<string, string>;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
 } & AddRenderRequestDynamicFields;
 export type RemoveRenderRequest = {
     jobId: string;

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
+const remotion_1 = require("remotion");
 const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
     var _a, _b, _c;
@@ -44,7 +45,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: job.inputProps,
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: null,
             outFrameMark: null,
         };
@@ -85,7 +86,7 @@ const makeRetryPayload = (job) => {
             initialOpenGlRenderer: job.chromiumOptions.gl,
             initialHeadless: job.chromiumOptions.headless,
             initialIgnoreCertificateErrors: job.chromiumOptions.ignoreCertificateErrors,
-            defaultProps: job.inputProps,
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(job.serializedInputPropsWithCustomSchema),
             inFrameMark: job.startFrame,
             outFrameMark: job.endFrame,
         };

package/dist/preview-server/render-queue/open-directory-in-finder.js

@@ -14,11 +14,17 @@ const openDirectoryInFinder = (dirToOpen, allowedDirectory) => {
     if (relativeToProcessCwd.startsWith('..')) {
         throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
     }
-    const command = (0, node_os_1.platform)() === 'darwin'
-        ? 'open'
-        : (0, node_os_1.platform)() === 'linux'
-            ? 'xdg-open'
-            : 'start';
+    if ((0, node_os_1.platform)() === 'win32') {
+        return new Promise((resolve, reject) => {
+            (0, node_child_process_1.exec)(`start ${dirToOpen}`, (error) => {
+                if (error) {
+                    reject(error);
+                }
+                resolve();
+            });
+        });
+    }
+    const command = (0, node_os_1.platform)() === 'darwin' ? 'open' : 'xdg-open';
     const p = (0, node_child_process_1.spawn)(command, [(0, node_os_1.platform)() === 'darwin' ? '-R' : null, dirToOpen].filter(truthy_1.truthy));
     const stderrChunks = [];
     p.stderr.on('data', (d) => stderrChunks.push(d));

package/dist/preview-server/render-queue/process-still.js

@@ -23,7 +23,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         envVariables: job.envVariables,
         height: null,
         fullEntryPoint,
-        inputProps: job.inputProps,
+        serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
         port,
         publicDir,

package/dist/preview-server/render-queue/process-video.js

@@ -24,7 +24,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         envVariables: job.envVariables,
         height: null,
         fullEntryPoint,
-        inputProps: job.inputProps,
+        serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
         port,
         publicDir,

package/dist/preview-server/routes/add-render.js

@@ -41,7 +41,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 disallowParallelEncoding: input.disallowParallelEncoding,
                 chromiumOptions: input.chromiumOptions,
                 envVariables: input.envVariables,
-                inputProps: input.inputProps,
+                serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
             },
         });
     }
@@ -65,7 +65,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 chromiumOptions: input.chromiumOptions,
                 delayRenderTimeout: input.delayRenderTimeout,
                 envVariables: input.envVariables,
-                inputProps: input.inputProps,
+                serializedInputPropsWithCustomSchema: input.serializedInputPropsWithCustomSchema,
             },
             entryPoint,
             remotionRoot,

package/dist/preview-server/routes/update-default-props.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateDefaultPropsHandler = void 0;
 const node_fs_1 = require("node:fs");
 const update_default_props_1 = require("../../codemods/update-default-props");
-const input_props_serialization_1 = require("../../editor/components/RenderModal/SchemaEditor/input-props-serialization");
 const project_info_1 = require("../project-info");
 const can_update_default_props_1 = require("./can-update-default-props");
 const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot }) => {
@@ -16,7 +15,7 @@ const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps,
         const updated = await (0, update_default_props_1.updateDefaultProps)({
             compositionId,
             input: (0, node_fs_1.readFileSync)(projectInfo.videoFile, 'utf-8'),
-            newDefaultProps: (0, input_props_serialization_1.deserializeJSONWithCustomFields)(defaultProps),
+            newDefaultProps: JSON.parse(defaultProps),
             enumPaths,
         });
         (0, node_fs_1.writeFileSync)(projectInfo.videoFile, updated);

package/dist/print-compositions.d.ts

@@ -1,2 +1,2 @@
-import type { AnyCompMetadata } from 'remotion';
-export declare const printCompositions: (compositions: AnyCompMetadata[]) => void;
+import type { VideoConfig } from 'remotion';
+export declare const printCompositions: (compositions: VideoConfig[]) => void;

package/dist/print-error.js

@@ -9,13 +9,16 @@ const progress_bar_1 = require("./progress-bar");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const printError = async (err, logLevel) => {
     if (err instanceof renderer_1.RenderInternals.SymbolicateableError) {
+        const updatesDoOverwrite = !(0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
         const output = (0, progress_bar_1.createOverwriteableCliOutput)({
             quiet: false,
             cancelSignal: null,
-            updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+            updatesDontOverwrite: !updatesDoOverwrite,
             indent: false,
         });
-        output.update(chalk_1.chalk.red('Symbolicating minified error message...\n' + err.message), false);
+        if (updatesDoOverwrite) {
+            output.update(chalk_1.chalk.red('Symbolicating minified error message...\n' + err.message), false);
+        }
         try {
             const symbolicated = await renderer_1.RenderInternals.symbolicateError(err);
             if (symbolicated.frame === null) {
@@ -27,7 +30,7 @@ const printError = async (err, logLevel) => {
             (0, code_frame_1.printCodeFrameAndStack)(symbolicated);
         }
         catch (e) {
-            output.update(chalk_1.chalk.red('(Error occurred symbolicating stack trace - printing minified stack trace)'), true);
+            output.update(chalk_1.chalk.red(''), true);
             log_1.Log.error();
             log_1.Log.error(err.stack || err);
         }

package/dist/progress-bar.js

@@ -24,7 +24,7 @@ const createOverwriteableCliOutput = (options) => {
                         .map((l) => {
                         return `${renderer_1.RenderInternals.INDENT_TOKEN} ${l}`;
                     })
-                        .join('\n'));
+                        .join('\n') + '\n');
                 }
                 else {
                     process.stdout.write(up + '\n');
@@ -171,16 +171,13 @@ const getGuiProgressSubtitle = (progress) => {
         return `Bundling ${Math.round(progress.bundling.progress * 100)}%`;
     }
     if (progress.copyingState.doneIn === null) {
-        if (progress.copyingState.bytes < 100000000) {
-            return 'Bundling 100%';
-        }
         const bytes = new Intl.NumberFormat('en', {
             notation: 'compact',
             style: 'unit',
             unit: 'byte',
             unitDisplay: 'narrow',
         });
-        return `Copying ${bytes.format(progress.copyingState.bytes)}`;
+        return `Copying public dir ${bytes.format(progress.copyingState.bytes)}`;
     }
     if (!progress.rendering) {
         return `Getting compositions`;

package/dist/render-flows/render.d.ts

@@ -1,7 +1,7 @@
 import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, Crf, FfmpegOverrideFn, FrameRange, LogLevel, PixelFormat, ProResProfile, VideoImageFormat } from '@remotion/renderer';
 import type { Loop } from '../config/number-of-gif-loops';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }: {
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -13,7 +13,7 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     indent: boolean;
     shouldOutputImageSequence: boolean;
     publicDir: string | null;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
     puppeteerTimeout: number;
     port: number | null;

package/dist/render-flows/render.js

@@ -31,6 +31,7 @@ const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = __importStar(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
+const remotion_1 = require("remotion");
 const chalk_1 = require("../chalk");
 const config_1 = require("../config");
 const get_cli_options_1 = require("../get-cli-options");
@@ -45,18 +46,20 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }) => {
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, }) => {
     var _a;
     const downloads = [];
-    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+    if (browserExecutable) {
+        log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+    }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
         browserExecutable,
-        shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
         chromiumOptions,
         forceDeviceScaleFactor: scale,
         indent,
         viewport: null,
+        logLevel,
     });
     const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
@@ -134,17 +137,17 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         };
     };
     const puppeteerInstance = await browserInstance;
-    addCleanupCallback(() => puppeteerInstance.close(false));
+    addCleanupCallback(() => puppeteerInstance.close(false, logLevel, indent));
     const actualConcurrency = renderer_1.RenderInternals.getActualConcurrency(concurrency);
-    const server = renderer_1.RenderInternals.prepareServer({
+    const server = await renderer_1.RenderInternals.prepareServer({
         concurrency: actualConcurrency,
         indent,
         port,
         remotionRoot,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        logLevel,
         webpackConfigOrServeUrl: urlOrBundle,
     });
-    addCleanupCallback(() => server.then((s) => s.closeServer(false)));
+    addCleanupCallback(() => server.closeServer(false));
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
         height,
         width,
@@ -154,13 +157,13 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         chromiumOptions,
         envVariables,
         indent,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         serveUrlOrWebpackUrl: urlOrBundle,
         timeoutInMilliseconds: puppeteerTimeout,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
-        server: await server,
+        logLevel,
+        server,
     });
     const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
         cliFlag: parse_command_line_1.parsedCli.codec,
@@ -212,10 +215,9 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             ? absoluteOutputFile
             : await node_fs_1.default.promises.mkdtemp(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
         log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
-        const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
         await renderer_1.RenderInternals.internalRenderFrames({
             imageFormat,
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             onFrameUpdate: (rendered) => {
                 renderingProgress.frames = rendered;
                 updateRenderProgress(false);
@@ -225,7 +227,6 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : undefined,
             outputDir,
             webpackBundleOrServeUrl: urlOrBundle,
-            dumpBrowserLogs: verbose,
             everyNthFrame,
             envVariables,
             frameRange,
@@ -243,7 +244,12 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             muted,
             onBrowserLog: null,
             onFrameBuffer: null,
-            verbose,
+            logLevel,
+            serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+                indent: undefined,
+                staticBase: null,
+                data: config.props,
+            }).serializedString,
         });
         updateRenderProgress(true);
         log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`▶ ${absoluteOutputFile}`));
@@ -266,19 +272,18 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         crf: crf !== null && crf !== void 0 ? crf : null,
         envVariables,
         frameRange,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         overwrite,
         pixelFormat,
         proResProfile,
         jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
         chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        timeoutInMilliseconds: puppeteerTimeout,
         scale,
         port,
         numberOfGifLoops,
         everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        logLevel,
         muted,
         enforceAudioTrack,
         browserExecutable,
@@ -312,14 +317,18 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         disallowParallelEncoding,
         onBrowserLog: null,
         onStart: () => undefined,
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: config.props,
+            indent: undefined,
+            staticBase: null,
+        }).serializedString,
     });
-    log_1.Log.verboseAdvanced({ indent, logLevel });
+    updateRenderProgress(true);
+    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));
     log_1.Log.verboseAdvanced({ indent, logLevel }, `Slowest frames:`);
     slowestFrames.forEach(({ frame, time }) => {
-        log_1.Log.verboseAdvanced({ indent, logLevel }, `Frame ${frame} (${time.toFixed(3)}ms)`);
+        log_1.Log.verboseAdvanced({ indent, logLevel }, `  Frame ${frame} (${time.toFixed(3)}ms)`);
     });
-    updateRenderProgress(true);
-    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));
     for (const line of renderer_1.RenderInternals.perf.getPerf()) {
         log_1.Log.verboseAdvanced({ indent, logLevel }, line);
     }

package/dist/render-flows/still.d.ts

@@ -1,11 +1,11 @@
 import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
     remainingArgs: string[];
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
     jpegQuality: number;
     browser: Browser;

package/dist/render-flows/still.js

@@ -8,6 +8,7 @@ exports.renderStillFlow = void 0;
 const renderer_1 = require("@remotion/renderer");
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const remotion_1 = require("remotion");
 const chalk_1 = require("../chalk");
 const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
@@ -22,7 +23,7 @@ const setup_cache_1 = require("../setup-cache");
 const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
     var _a, _b;
     const downloads = [];
     const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
@@ -43,16 +44,17 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         }
         onProgress({ message, value: progress, ...aggregate });
     };
-    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Browser executable: ', browserExecutable);
-    const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
+    if (browserExecutable) {
+        log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Browser executable: ', browserExecutable);
+    }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
         browserExecutable,
         chromiumOptions,
-        shouldDumpIo: verbose,
         forceDeviceScaleFactor: scale,
         indent: indentOutput,
         viewport: null,
+        logLevel,
     });
     const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         fullPath: fullEntryPoint,
@@ -74,18 +76,18 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         },
         quietProgress: updatesDontOverwrite,
     });
-    const server = renderer_1.RenderInternals.prepareServer({
+    const server = await renderer_1.RenderInternals.prepareServer({
         concurrency: 1,
         indent: indentOutput,
         port,
         remotionRoot,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        logLevel,
         webpackConfigOrServeUrl: urlOrBundle,
     });
-    addCleanupCallback(() => server.then((s) => s.closeServer(false)));
+    addCleanupCallback(() => server.closeServer(false));
     addCleanupCallback(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
-    addCleanupCallback(() => puppeteerInstance.close(false));
+    addCleanupCallback(() => puppeteerInstance.close(false, logLevel, indentOutput));
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
         height,
         width,
@@ -95,13 +97,13 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         chromiumOptions,
         envVariables,
         indent: indentOutput,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         serveUrlOrWebpackUrl: urlOrBundle,
         timeoutInMilliseconds: puppeteerTimeout,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
-        server: await server,
+        logLevel,
+        server,
     });
     const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalStillImageFormat)({
         cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
@@ -162,10 +164,9 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         output: absoluteOutputLocation,
         serveUrl: urlOrBundle,
         jpegQuality,
-        dumpBrowserLogs: verbose,
         envVariables,
         imageFormat,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
         scale,
@@ -178,7 +179,12 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         cancelSignal,
         indent: indentOutput,
         onBrowserLog: null,
-        verbose,
+        logLevel,
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: config.props,
+        }).serializedString,
     });
     aggregate.rendering = {
         frames: 1,

package/dist/render.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
 // eslint-disable-next-line no-restricted-imports
+const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
@@ -42,7 +43,11 @@ const render = async (remotionRoot, args) => {
         shouldOutputImageSequence,
         publicDir,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: inputProps,
+        }).serializedString,
         puppeteerTimeout,
         port,
         height,