@remotion/cli 4.1.0-alpha5 → 4.1.0-alpha8

package/dist/get-composition-id.js

@@ -16,7 +16,7 @@ const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     const [compName, ...remainingArgs] = cliArgs;
     return { compName, remainingArgs, reason: 'Passed as argument' };
 };
-const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }) => {
+const getCompositionId = async ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }) => {
     const { compName, remainingArgs, reason: compReason, } = getCompName({
         cliArgs: args,
         compositionIdFromUi,
@@ -24,7 +24,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
     if (compName) {
         const { metadata: config, propsSize } = await renderer_1.RenderInternals.internalSelectComposition({
             id: compName,
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             puppeteerInstance,
             envVariables,
             timeoutInMilliseconds,
@@ -38,7 +38,10 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
             onBrowserLog: null,
         });
         if (propsSize > 10000000) {
-            log_1.Log.warn(`The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
+            log_1.Log.warnAdvanced({
+                indent,
+                logLevel,
+            }, `The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
         }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);
@@ -52,7 +55,6 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
     }
     if (!process.env.CI) {
         const comps = await renderer_1.RenderInternals.internalGetCompositions({
-            inputProps,
             puppeteerInstance,
             envVariables,
             timeoutInMilliseconds,
@@ -64,6 +66,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
             server,
             serveUrlOrWebpackUrl,
             onBrowserLog: null,
+            serializedInputPropsWithCustomSchema,
         });
         const { compositionId, reason } = await (0, show_compositions_picker_1.showSingleCompositionsPicker)(comps);
         if (compositionId && typeof compositionId === 'string') {

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,6 +1,6 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
 import type { VideoConfig } from 'remotion';
-export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }: {
+export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }: {
     height: number | null;
     width: number | null;
     args: string[];
@@ -14,7 +14,7 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
     serveUrlOrWebpackUrl: string;
     indent: boolean;
     logLevel: LogLevel;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     server: RemotionServer;
 }) => Promise<{
     compositionId: string;

package/dist/get-composition-with-dimension-override.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionWithDimensionOverride = void 0;
 const get_composition_id_1 = require("./get-composition-id");
-const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }) => {
+const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, serializedInputPropsWithCustomSchema, logLevel, server, }) => {
     const returnValue = await (0, get_composition_id_1.getCompositionId)({
         args,
         compositionIdFromUi,
@@ -12,7 +12,7 @@ const getCompositionWithDimensionOverride = async ({ height, width, args, compos
         browserExecutable,
         chromiumOptions,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         timeoutInMilliseconds,

package/dist/handle-common-errors.js

@@ -52,5 +52,9 @@ const handleCommonError = async (err, logLevel) => {
         log_1.Log.info('💡 Remotion requires at least Libc 2.34.');
         log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
     }
+    if (err.message.includes('EBADF')) {
+        log_1.Log.info('💡 This error might be fixed by changing your Node version:');
+        log_1.Log.info('   https://github.com/remotion-dev/remotion/issues/2452');
+    }
 };
 exports.handleCommonError = handleCommonError;

package/dist/handle-javascript-error.d.ts

@@ -0,0 +1,20 @@
+import type { Page } from '../browser/BrowserPage';
+import type { SymbolicatedStackFrame } from '../symbolicate-stacktrace';
+export declare class ErrorWithStackFrame extends Error {
+    symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+    frame: number | null;
+    name: string;
+    delayRenderCall: SymbolicatedStackFrame[] | null;
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }: {
+        message: string;
+        symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+        frame: number | null;
+        name: string;
+        delayRenderCall: SymbolicatedStackFrame[] | null;
+    });
+}
+export declare const handleJavascriptException: ({ page, onError, frame, }: {
+    page: Page;
+    frame: number | null;
+    onError: (err: Error) => void;
+}) => () => void;

package/dist/handle-javascript-error.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleJavascriptException = exports.ErrorWithStackFrame = void 0;
+const remotion_1 = require("remotion");
+const symbolicateable_error_1 = require("./symbolicateable-error");
+const log_1 = require("./log");
+class ErrorWithStackFrame extends Error {
+    constructor({ message, symbolicatedStackFrames, frame, name, delayRenderCall, }) {
+        super(message);
+        this.symbolicatedStackFrames = symbolicatedStackFrames;
+        this.frame = frame;
+        this.name = name;
+        this.delayRenderCall = delayRenderCall;
+    }
+}
+exports.ErrorWithStackFrame = ErrorWithStackFrame;
+const cleanUpErrorMessage = (exception) => {
+    var _a, _b, _c, _d;
+    let errorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+    if (!errorMessage) {
+        return null;
+    }
+    const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+    const prefix = `${errorType}: `;
+    if (errorMessage.startsWith(prefix)) {
+        errorMessage = errorMessage.substring(prefix.length);
+    }
+    const frames = (_d = (_c = exception.exceptionDetails.stackTrace) === null || _c === void 0 ? void 0 : _c.callFrames.length) !== null && _d !== void 0 ? _d : 0;
+    const split = errorMessage.split('\n');
+    return split.slice(0, Math.max(1, split.length - frames)).join('\n');
+};
+const removeDelayRenderStack = (message) => {
+    const index = message.indexOf(remotion_1.Internals.DELAY_RENDER_CALLSTACK_TOKEN);
+    if (index === -1) {
+        return message;
+    }
+    return message.substring(0, index);
+};
+const callFrameToStackFrame = (callFrame) => {
+    return {
+        columnNumber: callFrame.columnNumber,
+        fileName: callFrame.url,
+        functionName: callFrame.functionName,
+        lineNumber: callFrame.lineNumber,
+    };
+};
+const handleJavascriptException = ({ page, onError, frame, }) => {
+    const client = page._client();
+    const handler = (exception) => {
+        var _a, _b, _c;
+        const rawErrorMessage = (_a = exception.exceptionDetails.exception) === null || _a === void 0 ? void 0 : _a.description;
+        const cleanErrorMessage = cleanUpErrorMessage(exception);
+        if (!cleanErrorMessage) {
+            log_1.Log.error(exception);
+            const err = new Error(rawErrorMessage);
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        if (!exception.exceptionDetails.stackTrace) {
+            const err = new Error(removeDelayRenderStack(cleanErrorMessage));
+            err.stack = rawErrorMessage;
+            onError(err);
+            return;
+        }
+        const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
+        const symbolicatedErr = new symbolicateable_error_1.SymbolicateableError({
+            message: removeDelayRenderStack(cleanErrorMessage),
+            stackFrame: exception.exceptionDetails.stackTrace.callFrames.map((f) => callFrameToStackFrame(f)),
+            frame,
+            name: errorType,
+            stack: (_c = exception.exceptionDetails.exception) === null || _c === void 0 ? void 0 : _c.description,
+        });
+        onError(symbolicatedErr);
+    };
+    client.on('Runtime.exceptionThrown', handler);
+    return () => {
+        client.off('Runtime.exceptionThrown', handler);
+    };
+};
+exports.handleJavascriptException = handleJavascriptException;

package/dist/index.d.ts

@@ -202,7 +202,7 @@ export declare const CliInternals: {
         codec: import("@remotion/renderer").CodecOrUndefined;
         uiImageFormat: "none" | "png" | "jpeg" | null;
     }) => "none" | "png" | "jpeg";
-    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 +217,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, logLevel, 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[];
@@ -231,7 +231,7 @@ export declare const CliInternals: {
         serveUrlOrWebpackUrl: string;
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
-        inputProps: Record<string, unknown>;
+        serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{
         compositionId: string;

package/dist/log.d.ts

@@ -2,19 +2,19 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     } & {
         tag?: string | undefined;
     }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
     infoAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
     warnAdvanced: (options: {
         indent: boolean;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
     }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
 };

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/error-overlay/remotion-overlay/Button.js

@@ -13,6 +13,7 @@ const button = {
     fontSize: 14,
     color: 'white',
     flexDirection: 'row',
+    display: 'flex',
 };
 const ButtonRefForwardFunction = ({ children, onClick, title, disabled, style, id, autoFocus, buttonContainerStyle, }, ref) => {
     const combined = (0, react_1.useMemo)(() => {

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
 const get_default_video_contexts_1 = require("./get-default-video-contexts");
+const remotion_1 = require("remotion");
 const makeRetryPayload = (job) => {
     var _a, _b, _c;
     const defaults = window.remotion_renderDefaults;
@@ -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,9 +3,9 @@ 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 remotion_1 = require("remotion");
 const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot }) => {
     try {
         const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot);
@@ -16,7 +16,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: remotion_1.Internals.deserializeJSONWithCustomFields(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/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

@@ -45,7 +45,8 @@ 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 remotion_1 = require("remotion");
+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 = [];
     if (browserExecutable) {
@@ -138,7 +139,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     const puppeteerInstance = await browserInstance;
     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,
@@ -146,7 +147,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         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,
@@ -156,13 +157,13 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         chromiumOptions,
         envVariables,
         indent,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         serveUrlOrWebpackUrl: urlOrBundle,
         timeoutInMilliseconds: puppeteerTimeout,
         logLevel,
-        server: await server,
+        server,
     });
     const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
         cliFlag: parse_command_line_1.parsedCli.codec,
@@ -216,7 +217,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
         await renderer_1.RenderInternals.internalRenderFrames({
             imageFormat,
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             onFrameUpdate: (rendered) => {
                 renderingProgress.frames = rendered;
                 updateRenderProgress(false);
@@ -244,6 +245,11 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             onBrowserLog: null,
             onFrameBuffer: null,
             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,7 +272,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         crf: crf !== null && crf !== void 0 ? crf : null,
         envVariables,
         frameRange,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         overwrite,
         pixelFormat,
         proResProfile,
@@ -311,6 +317,11 @@ 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,
     });
     updateRenderProgress(true);
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));

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

@@ -22,7 +22,8 @@ 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 remotion_1 = require("remotion");
+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)();
@@ -75,7 +76,7 @@ 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,
@@ -83,7 +84,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         logLevel,
         webpackConfigOrServeUrl: urlOrBundle,
     });
-    addCleanupCallback(() => server.then((s) => s.closeServer(false)));
+    addCleanupCallback(() => server.closeServer(false));
     addCleanupCallback(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
     addCleanupCallback(() => puppeteerInstance.close(false, logLevel, indentOutput));
@@ -96,13 +97,13 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         chromiumOptions,
         envVariables,
         indent: indentOutput,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         port,
         puppeteerInstance,
         serveUrlOrWebpackUrl: urlOrBundle,
         timeoutInMilliseconds: puppeteerTimeout,
         logLevel,
-        server: await server,
+        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,
@@ -165,7 +166,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         jpegQuality,
         envVariables,
         imageFormat,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
         scale,
@@ -179,6 +180,11 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         indent: indentOutput,
         onBrowserLog: null,
         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,

package/dist/still.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
+const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
 const entry_point_1 = require("./entry-point");
@@ -36,7 +37,11 @@ const still = async (remotionRoot, args) => {
         chromiumOptions,
         envVariables,
         height,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            indent: undefined,
+            staticBase: null,
+        }).serializedString,
         overwrite,
         port,
         publicDir,

package/dist/symbolicate-error.d.ts

@@ -0,0 +1,3 @@
+import { ErrorWithStackFrame } from './handle-javascript-exception';
+import type { SymbolicateableError } from './symbolicateable-error';
+export declare const symbolicateError: (symbolicateableError: SymbolicateableError) => Promise<ErrorWithStackFrame>;