@remotion/cli 4.0.2 → 4.0.4

package/dist/benchmark.js

@@ -18,6 +18,7 @@ const setup_cache_1 = require("./setup-cache");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const truthy_1 = require("./truthy");
+const remotion_1 = require("remotion");
 const DEFAULT_RUNS = 3;
 const getValidConcurrency = (cliConcurrency) => {
     const { concurrencies } = parse_command_line_1.parsedCli;
@@ -125,9 +126,14 @@ const benchmarkCommand = async (remotionRoot, args) => {
     });
     (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
+    const serializedInputPropsWithCustomSchema = remotion_1.Internals.serializeJSONWithDate({
+        data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        indent: undefined,
+        staticBase: null,
+    }).serializedString;
     const comps = await renderer_1.RenderInternals.internalGetCompositions({
         serveUrlOrWebpackUrl: bundleLocation,
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         chromiumOptions,
         timeoutInMilliseconds: puppeteerTimeout,
@@ -191,7 +197,7 @@ const benchmarkCommand = async (remotionRoot, args) => {
                     codec,
                     uiImageFormat: null,
                 }),
-                inputProps,
+                serializedInputPropsWithCustomSchema,
                 overwrite,
                 pixelFormat,
                 proResProfile,
@@ -223,6 +229,11 @@ const benchmarkCommand = async (remotionRoot, args) => {
                 onStart: () => undefined,
                 preferLossless: false,
                 server: undefined,
+                serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+                    data: composition.props,
+                    indent: undefined,
+                    staticBase: null,
+                }).serializedString,
             }, (run, progress) => {
                 benchmarkProgress.update(makeBenchmarkProgressBar({
                     totalRuns: runs,

package/dist/cloudrun-command.d.ts

@@ -0,0 +1 @@
+export declare const cloudrunCommand: (remotionRoot: string, args: string[]) => Promise<never>;

package/dist/cloudrun-command.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloudrunCommand = void 0;
+const log_1 = require("./log");
+const get_package_manager_1 = require("./preview-server/get-package-manager");
+const update_available_1 = require("./preview-server/update-available");
+const cloudrunCommand = async (remotionRoot, args) => {
+    try {
+        const path = require.resolve('@remotion/cloudrun', {
+            paths: [remotionRoot],
+        });
+        const { CloudrunInternals } = require(path);
+        await CloudrunInternals.executeCommand(args, remotionRoot);
+        process.exit(0);
+    }
+    catch (err) {
+        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+        const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
+        log_1.Log.error(err);
+        log_1.Log.error('Remotion CloudRun is not installed.');
+        log_1.Log.info('');
+        log_1.Log.info('You can install it using:');
+        log_1.Log.info(`${installCommand} @remotion/cloudrun@${(0, update_available_1.getRemotionVersion)()}`);
+        process.exit(1);
+    }
+};
+exports.cloudrunCommand = cloudrunCommand;

package/dist/codemods/stringify-with-path.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stringifyDefaultProps = void 0;
-const input_props_serialization_1 = require("../editor/components/RenderModal/SchemaEditor/input-props-serialization");
+const remotion_1 = require("remotion");
 const doesMatchPath = (path1, enumPaths) => {
     return enumPaths.some((p) => path1.every((item, index) => {
         if (p[index] === '[]' && !Number.isNaN(Number(item))) {
@@ -21,8 +21,8 @@ const stringifyDefaultProps = ({ props, enumPaths, }) => JSON.stringify(props, r
     if (typeof item === 'string' && doesMatchPath(path, enumPaths)) {
         return `${item}__ADD_AS_CONST__`;
     }
-    if (typeof item === 'string' && item.startsWith(input_props_serialization_1.FILE_TOKEN)) {
-        return `__REMOVEQUOTE____WRAP_IN_STATIC_FILE_START__${decodeURIComponent(item.replace(input_props_serialization_1.FILE_TOKEN, ''))}__WRAP_IN_STATIC_FILE_END____REMOVEQUOTE__`;
+    if (typeof item === 'string' && item.startsWith(remotion_1.Internals.FILE_TOKEN)) {
+        return `__REMOVEQUOTE____WRAP_IN_STATIC_FILE_START__${decodeURIComponent(item.replace(remotion_1.Internals.FILE_TOKEN, ''))}__WRAP_IN_STATIC_FILE_END____REMOVEQUOTE__`;
     }
     return value;
 }))

package/dist/compositions.js

@@ -9,6 +9,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
+const remotion_1 = require("remotion");
 const listCompositionsCommand = async (remotionRoot, args) => {
     const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
     if (!file) {
@@ -44,7 +45,11 @@ const listCompositionsCommand = async (remotionRoot, args) => {
         browserExecutable,
         chromiumOptions,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            staticBase: null,
+            indent: undefined,
+        }).serializedString,
         timeoutInMilliseconds: puppeteerTimeout,
         port,
         indent: false,

package/dist/config/image-format.d.ts

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;

package/dist/config/index.d.ts

@@ -297,7 +297,7 @@ export declare const ConfigInternals: {
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
+    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -13,5 +13,5 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     isFocused: boolean;
     isHovered: boolean;
 }) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts

@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
     status: RemInputStatus;
     name: string;
 };
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemTextarea.d.ts

@@ -3,5 +3,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLTextAreaEleme
     status: 'error' | 'warning' | 'ok';
 };
 export declare const inputBaseStyle: React.CSSProperties;
-export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "status" | "key" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const RemTextarea: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLTextAreaElement>> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/dist/editor/components/RenderModal/DataEditor.js

@@ -39,7 +39,6 @@ const SegmentedControl_1 = require("../SegmentedControl");
 const get_render_modal_warnings_1 = require("./get-render-modal-warnings");
 const RenderModalJSONPropsEditor_1 = require("./RenderModalJSONPropsEditor");
 const extract_enum_json_paths_1 = require("./SchemaEditor/extract-enum-json-paths");
-const input_props_serialization_1 = require("./SchemaEditor/input-props-serialization");
 const SchemaEditor_1 = require("./SchemaEditor/SchemaEditor");
 const SchemaErrorMessages_1 = require("./SchemaEditor/SchemaErrorMessages");
 const WarningIndicatorButton_1 = require("./WarningIndicatorButton");
@@ -99,7 +98,7 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowS
             return null;
         }
         const value = inputProps;
-        return (0, input_props_serialization_1.serializeJSONWithDate)({
+        return remotion_1.Internals.serializeJSONWithDate({
             data: value,
             indent: 2,
             staticBase: window.remotion_staticBase,
@@ -226,12 +225,13 @@ const DataEditor = ({ unresolvedComposition, inputProps, setInputProps, mayShowS
         setSaving(false);
     }, [fastRefreshes]);
     const onSave = (0, react_1.useCallback)((updater) => {
+        var _a;
         if (schema === 'no-zod' || schema === 'no-schema' || z === null) {
             (0, NotificationCenter_1.sendErrorNotification)('Cannot update default props: No Zod schema');
             return;
         }
         setSaving(true);
-        (0, actions_1.updateDefaultProps)(unresolvedComposition.id, updater(unresolvedComposition.defaultProps), (0, extract_enum_json_paths_1.extractEnumJsonPaths)(schema, z, []))
+        (0, actions_1.updateDefaultProps)(unresolvedComposition.id, updater((_a = unresolvedComposition.defaultProps) !== null && _a !== void 0 ? _a : {}), (0, extract_enum_json_paths_1.extractEnumJsonPaths)(schema, z, []))
             .then((response) => {
             if (!response.success) {
                 console.log(response.stack);

package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { SerializedJSONWithCustomFields } from './SchemaEditor/input-props-serialization';
+import type { SerializedJSONWithCustomFields } from 'remotion';
 export type EditType = 'inputProps' | 'defaultProps';
 export declare const RenderModalJSONPropsEditor: React.FC<{
     value: unknown;

package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.js

@@ -32,8 +32,8 @@ const use_keybinding_1 = require("../../helpers/use-keybinding");
 const layout_1 = require("../layout");
 const RemTextarea_1 = require("../NewComposition/RemTextarea");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
-const input_props_serialization_1 = require("./SchemaEditor/input-props-serialization");
 const ZodErrorMessages_1 = require("./SchemaEditor/ZodErrorMessages");
+const remotion_1 = require("remotion");
 const style = {
     fontFamily: 'monospace',
     flex: 1,
@@ -46,7 +46,7 @@ const scrollable = {
 };
 const parseJSON = (str, schema) => {
     try {
-        const value = (0, input_props_serialization_1.deserializeJSONWithCustomFields)(str);
+        const value = remotion_1.Internals.deserializeJSONWithCustomFields(str);
         const zodValidation = schema.safeParse(value);
         return { str, value, validJSON: true, zodValidation };
     }

package/dist/editor/components/RenderModal/SchemaEditor/SchemaEditor.d.ts

@@ -6,7 +6,7 @@ export declare const SchemaEditor: React.FC<{
     setValue: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
     zodValidationResult: z.SafeParseReturnType<unknown, unknown>;
     defaultProps: Record<string, unknown>;
-    onSave: (updater: (oldState: unknown) => unknown) => void;
+    onSave: (updater: (oldState: Record<string, unknown>) => Record<string, unknown>) => void;
     showSaveButton: boolean;
     saving: boolean;
     saveDisabledByParent: boolean;

package/dist/editor/components/RenderModal/human-readable-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from '@remotion/renderer';
-export declare const humanReadableCodec: (codec: Codec) => "GIF" | "AAC" | "MP3" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;
+export declare const humanReadableCodec: (codec: Codec) => "AAC" | "MP3" | "GIF" | "H.264" | "H.264 Matroska" | "H.265" | "ProRes" | "WebM VP8" | "WebM VP9" | "Waveform" | undefined;

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -56,5 +56,5 @@ export declare const openInFileExplorer: ({ directory }: {
 export declare const removeRenderJob: (job: RenderJob) => Promise<undefined>;
 export declare const cancelRenderJob: (job: RenderJob) => Promise<import("../../../preview-server/render-queue/job").CancelRenderResponse>;
 export declare const updateAvailable: (signal: AbortSignal) => Promise<import("../../../preview-server/render-queue/job").UpdateAvailableResponse>;
-export declare const updateDefaultProps: (compositionId: string, defaultProps: unknown, enumPaths: EnumPath[]) => Promise<import("../../../preview-server/render-queue/job").UpdateDefaultPropsResponse>;
+export declare const updateDefaultProps: (compositionId: string, defaultProps: Record<string, unknown>, enumPaths: EnumPath[]) => Promise<import("../../../preview-server/render-queue/job").UpdateDefaultPropsResponse>;
 export declare const canUpdateDefaultProps: (compositionId: string) => Promise<import("../../../preview-server/render-queue/job").CanUpdateDefaultPropsResponse>;

package/dist/editor/components/RenderQueue/actions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.canUpdateDefaultProps = exports.updateDefaultProps = exports.updateAvailable = exports.cancelRenderJob = exports.removeRenderJob = exports.openInFileExplorer = exports.subscribeToFileExistenceWatcher = exports.unsubscribeFromFileExistenceWatcher = exports.addVideoRenderJob = exports.addStillRenderJob = void 0;
-const input_props_serialization_1 = require("../RenderModal/SchemaEditor/input-props-serialization");
+const remotion_1 = require("remotion");
 const callApi = (endpoint, body, signal) => {
     return new Promise((resolve, reject) => {
         fetch(endpoint, {
@@ -39,7 +39,11 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, f
         chromiumOptions,
         delayRenderTimeout,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            staticBase: window.remotion_staticBase,
+            indent: undefined,
+        }).serializedString,
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
@@ -70,7 +74,11 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
         disallowParallelEncoding,
         chromiumOptions,
         envVariables,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            staticBase: window.remotion_staticBase,
+            indent: undefined,
+        }).serializedString,
     });
 };
 exports.addVideoRenderJob = addVideoRenderJob;
@@ -112,7 +120,7 @@ exports.updateAvailable = updateAvailable;
 const updateDefaultProps = (compositionId, defaultProps, enumPaths) => {
     return callApi('/api/update-default-props', {
         compositionId,
-        defaultProps: (0, input_props_serialization_1.serializeJSONWithDate)({
+        defaultProps: remotion_1.Internals.serializeJSONWithDate({
             data: defaultProps,
             indent: undefined,
             staticBase: window.remotion_staticBase,

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/get-cli-options.d.ts

@@ -33,5 +33,5 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
 }>;

package/dist/get-composition-id.d.ts

@@ -1,9 +1,9 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
 import type { VideoConfig } from 'remotion';
-export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }: {
+export declare const getCompositionId: ({ args, compositionIdFromUi, serializedInputPropsWithCustomSchema, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }: {
     args: string[];
     compositionIdFromUi: string | null;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     puppeteerInstance: HeadlessBrowser | undefined;
     envVariables: Record<string, string>;
     timeoutInMilliseconds: number;

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/index.d.ts

@@ -112,7 +112,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -121,7 +121,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
+        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "bundle-cache": string;
         "env-file": string;
@@ -185,7 +185,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
+        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -200,8 +200,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "png" | "jpeg" | "none" | null;
-    }) => "png" | "jpeg" | "none";
+        uiImageFormat: "none" | "png" | "jpeg" | null;
+    }) => "none" | "png" | "jpeg";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
@@ -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/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/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/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/preview-server/routes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';
 export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.2",
-    "@remotion/player": "4.0.2",
-    "remotion": "4.0.2",
-    "@remotion/media-utils": "4.0.2",
-    "@remotion/renderer": "4.0.2"
+    "@remotion/renderer": "4.0.4",
+    "@remotion/bundler": "4.0.4",
+    "remotion": "4.0.4",
+    "@remotion/player": "4.0.4",
+    "@remotion/media-utils": "4.0.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "typescript": "4.9.5",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.2",
-    "@remotion/tailwind": "4.0.2"
+    "@remotion/zod-types": "4.0.4",
+    "@remotion/tailwind": "4.0.4"
   },
   "keywords": [
     "remotion",