@remotion/renderer 4.1.0-alpha7 → 4.1.0-alpha9

package/dist/assets/download-and-map-assets-to-file.d.ts

@@ -1,14 +1,12 @@
 import type { TAsset } from 'remotion';
-import { OffthreadVideoServerEmitter } from '../offthread-video-server';
 import type { DownloadMap } from './download-map';
 export type RenderMediaOnDownload = (src: string) => ((progress: {
     percent: number | null;
     downloaded: number;
     totalSize: number | null;
 }) => void) | undefined | void;
-export declare const downloadAsset: ({ src, downloadMap, emitter, }: {
+export declare const downloadAsset: ({ src, downloadMap, }: {
     src: string;
-    emitter: OffthreadVideoServerEmitter;
     downloadMap: DownloadMap;
 }) => Promise<string>;
 export declare const markAllAssetsAsDownloaded: (downloadMap: DownloadMap) => void;
@@ -23,4 +21,4 @@ export declare const downloadAndMapAssetsToFileUrl: ({ asset, onDownload, downlo
     onDownload: RenderMediaOnDownload | null;
     downloadMap: DownloadMap;
 }) => Promise<TAsset>;
-export declare const attachDownloadListenerToEmitter: (emitter: OffthreadVideoServerEmitter, onDownload: RenderMediaOnDownload | null) => () => void;
+export declare const attachDownloadListenerToEmitter: (downloadMap: DownloadMap, onDownload: RenderMediaOnDownload | null) => () => void;

package/dist/assets/download-and-map-assets-to-file.js

@@ -33,7 +33,6 @@ const remotion_1 = require("remotion");
 const compress_assets_1 = require("../compress-assets");
 const ensure_output_directory_1 = require("../ensure-output-directory");
 const mime_types_1 = require("../mime-types");
-const offthread_video_server_1 = require("../offthread-video-server");
 const download_file_1 = require("./download-file");
 const sanitize_filepath_1 = require("./sanitize-filepath");
 const waitForAssetToBeDownloaded = ({ src, downloadDir, downloadMap, }) => {
@@ -116,7 +115,7 @@ function validateBufferEncoding(potentialEncoding, dataUrl) {
         throw new TypeError(errMessage);
     }
 }
-const downloadAsset = async ({ src, downloadMap, emitter, }) => {
+const downloadAsset = async ({ src, downloadMap, }) => {
     var _a, _b, _c;
     if ((0, compress_assets_1.isAssetCompressed)(src)) {
         return src;
@@ -146,7 +145,7 @@ const downloadAsset = async ({ src, downloadMap, emitter, }) => {
     if (process.env.NODE_ENV === 'test') {
         console.log('Actually downloading asset', src);
     }
-    emitter.dispatchDownload(src);
+    downloadMap.emitter.dispatchDownload(src);
     if (src.startsWith('data:')) {
         const [assetDetails, assetData] = src.substring('data:'.length).split(',');
         if (!assetDetails.includes(';')) {
@@ -176,7 +175,7 @@ const downloadAsset = async ({ src, downloadMap, emitter, }) => {
     const { to } = await (0, download_file_1.downloadFile)({
         url: src,
         onProgress: (progress) => {
-            emitter.dispatchDownloadProgress(src, progress.percent, progress.downloaded, progress.totalSize);
+            downloadMap.emitter.dispatchDownloadProgress(src, progress.percent, progress.downloaded, progress.totalSize);
         },
         to: (contentDisposition, contentType) => (0, exports.getSanitizedFilenameForAssetUrl)({
             contentDisposition,
@@ -243,11 +242,9 @@ const getSanitizedFilenameForAssetUrl = ({ src, downloadDir, contentDisposition,
 };
 exports.getSanitizedFilenameForAssetUrl = getSanitizedFilenameForAssetUrl;
 const downloadAndMapAssetsToFileUrl = async ({ asset, onDownload, downloadMap, }) => {
-    const emitter = new offthread_video_server_1.OffthreadVideoServerEmitter();
-    const cleanup = (0, exports.attachDownloadListenerToEmitter)(emitter, onDownload);
+    const cleanup = (0, exports.attachDownloadListenerToEmitter)(downloadMap, onDownload);
     const newSrc = await (0, exports.downloadAsset)({
         src: asset.src,
-        emitter,
         downloadMap,
     });
     cleanup();
@@ -257,14 +254,21 @@ const downloadAndMapAssetsToFileUrl = async ({ asset, onDownload, downloadMap, }
     };
 };
 exports.downloadAndMapAssetsToFileUrl = downloadAndMapAssetsToFileUrl;
-const attachDownloadListenerToEmitter = (emitter, onDownload) => {
+const attachDownloadListenerToEmitter = (downloadMap, onDownload) => {
     const cleanup = [];
     if (!onDownload) {
         return () => undefined;
     }
-    const a = emitter.addEventListener('download', ({ detail: { src: initialSrc } }) => {
+    if (downloadMap.downloadListeners.includes(onDownload)) {
+        return () => undefined;
+    }
+    downloadMap.downloadListeners.push(onDownload);
+    cleanup.push(() => {
+        downloadMap.downloadListeners = downloadMap.downloadListeners.filter((l) => l !== onDownload);
+    });
+    const a = downloadMap.emitter.addEventListener('download', ({ detail: { src: initialSrc } }) => {
         const progress = onDownload(initialSrc);
-        const b = emitter.addEventListener('progress', ({ detail: { downloaded, percent, src: progressSrc, totalSize } }) => {
+        const b = downloadMap.emitter.addEventListener('progress', ({ detail: { downloaded, percent, src: progressSrc, totalSize } }) => {
             if (initialSrc === progressSrc) {
                 progress === null || progress === void 0 ? void 0 : progress({ downloaded, percent, totalSize });
             }

package/dist/assets/download-map.d.ts

@@ -1,10 +1,14 @@
 import type { TAsset } from 'remotion';
+import { OffthreadVideoServerEmitter } from '../offthread-video-server';
+import type { RenderMediaOnDownload } from './download-and-map-assets-to-file';
 export type AudioChannelsAndDurationResultCache = {
     channels: number;
     duration: number | null;
 };
 export type DownloadMap = {
     id: string;
+    emitter: OffthreadVideoServerEmitter;
+    downloadListeners: RenderMediaOnDownload[];
     isDownloadingMap: {
         [src: string]: {
             [downloadDir: string]: boolean;

package/dist/assets/download-map.js

@@ -31,6 +31,7 @@ const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const delete_directory_1 = require("../delete-directory");
 const tmp_dir_1 = require("../tmp-dir");
+const offthread_video_server_1 = require("../offthread-video-server");
 const makeAndReturn = (dir, name) => {
     const p = node_path_1.default.join(dir, name);
     (0, node_fs_1.mkdirSync)(p);
@@ -51,6 +52,7 @@ const makeDownloadMap = () => {
         durationOfAssetCache: {},
         id: String(Math.random()),
         assetDir: dir,
+        downloadListeners: [],
         downloadDir: makeAndReturn(dir, 'remotion-assets-dir'),
         complexFilter: makeAndReturn(dir, 'remotion-complex-filter'),
         preEncode: makeAndReturn(dir, 'pre-encode'),
@@ -59,6 +61,7 @@ const makeDownloadMap = () => {
         stitchFrames: makeAndReturn(dir, 'remotion-stitch-temp-dir'),
         compositingDir: makeAndReturn(dir, 'remotion-compositing-temp-dir'),
         compositorCache: {},
+        emitter: new offthread_video_server_1.OffthreadVideoServerEmitter(),
     };
 };
 exports.makeDownloadMap = makeDownloadMap;

package/dist/create-ffmpeg-complex-filter.d.ts

@@ -4,6 +4,9 @@ export declare const createFfmpegComplexFilter: ({ filters, downloadMap, }: {
     filters: PreprocessedAudioTrack[];
     downloadMap: DownloadMap;
 }) => Promise<{
-    complexFilterFlag: [string, string] | null;
+    complexFilterFlag: [
+        string,
+        string
+    ] | null;
     cleanup: () => void;
 }>;

package/dist/get-compositions.d.ts

@@ -1,4 +1,4 @@
-import type { VideoConfig } from 'remotion';
+import { type VideoConfig } from 'remotion';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
@@ -6,7 +6,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 import { type LogLevel } from './log-level';
 type InternalGetCompositionsOptions = {
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
     puppeteerInstance: HeadlessBrowser | undefined;
     onBrowserLog: null | ((log: BrowserLog) => void);
@@ -30,7 +30,7 @@ export type GetCompositionsOptions = {
     port?: number | null;
     logLevel?: LogLevel;
 };
-export declare const internalGetCompositions: ({ browserExecutable, chromiumOptions, envVariables, indent, inputProps, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }: InternalGetCompositionsOptions) => Promise<VideoConfig[]>;
+export declare const internalGetCompositions: ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }: InternalGetCompositionsOptions) => Promise<VideoConfig[]>;
 /**
  * @description Gets the compositions defined in a Remotion project based on a Webpack bundle.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/get-compositions)

package/dist/get-compositions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositions = exports.internalGetCompositions = void 0;
+const remotion_1 = require("remotion");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
@@ -11,7 +12,7 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const logger_1 = require("./logger");
-const innerGetCompositions = async ({ envVariables, inputProps, onBrowserLog, page, proxyPort, serveUrl, timeoutInMilliseconds, }) => {
+const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, onBrowserLog, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, }) => {
     if (onBrowserLog) {
         page.on('console', (log) => {
             onBrowserLog({
@@ -23,7 +24,7 @@ const innerGetCompositions = async ({ envVariables, inputProps, onBrowserLog, pa
     }
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         page,
         serveUrl,
@@ -33,6 +34,8 @@ const innerGetCompositions = async ({ envVariables, inputProps, onBrowserLog, pa
         retriesRemaining: 2,
         audioEnabled: false,
         videoEnabled: false,
+        indent,
+        logLevel,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -55,7 +58,7 @@ const innerGetCompositions = async ({ envVariables, inputProps, onBrowserLog, pa
     });
     return result;
 };
-const internalGetCompositions = async ({ browserExecutable, chromiumOptions, envVariables, indent, inputProps, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }) => {
+const internalGetCompositions = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }) => {
     const { page, cleanup: cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -89,12 +92,14 @@ const internalGetCompositions = async ({ browserExecutable, chromiumOptions, env
             cleanup.push(() => cleanupServer(true));
             return innerGetCompositions({
                 envVariables,
-                inputProps,
+                serializedInputPropsWithCustomSchema,
                 onBrowserLog,
                 page,
                 proxyPort: offthreadPort,
                 serveUrl,
                 timeoutInMilliseconds,
+                indent,
+                logLevel,
             });
         })
             .then((comp) => {
@@ -121,7 +126,11 @@ const getCompositions = (serveUrlOrWebpackUrl, config) => {
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+            indent: undefined,
+            staticBase: null,
+        }).serializedString,
         indent: false,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,
         port: port !== null && port !== void 0 ? port : null,

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
@@ -49,7 +48,6 @@ export declare const RenderInternals: {
         port: number;
         close: () => Promise<void>;
         compositor: import("./compositor/compositor").Compositor;
-        events: import("./offthread-video-server").OffthreadVideoServerEmitter;
     }>;
     validateEvenDimensionsWithCodec: ({ width, height, codec, scale, }: {
         width: number;
@@ -114,8 +112,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: import("./browser").Browser;
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | null;
-    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | null) => "angle" | "swangle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -300,8 +298,8 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -404,8 +402,9 @@ export declare const RenderInternals: {
         composition: import("remotion").VideoConfig;
         output: string | null;
         frame: number;
-        inputProps: Record<string, unknown>;
-        imageFormat: "jpeg" | "png" | "webp" | "pdf";
+        serializedInputPropsWithCustomSchema: string;
+        serializedResolvedPropsWithCustomSchema: string;
+        imageFormat: "png" | "jpeg" | "pdf" | "webp";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;
@@ -435,7 +434,7 @@ export declare const RenderInternals: {
         logLevel: "error" | "verbose" | "info" | "warn";
     }) => Promise<HeadlessBrowser>;
     internalSelectComposition: (options: {
-        inputProps: Record<string, unknown>;
+        serializedInputPropsWithCustomSchema: string;
         envVariables: Record<string, string>;
         puppeteerInstance: HeadlessBrowser | undefined;
         onBrowserLog: ((log: import("./browser-log").BrowserLog) => void) | null;
@@ -452,8 +451,8 @@ export declare const RenderInternals: {
         metadata: import("remotion").VideoConfig;
         propsSize: number;
     }>;
-    internalGetCompositions: ({ browserExecutable, chromiumOptions, envVariables, indent, inputProps, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }: {
-        inputProps: Record<string, unknown>;
+    internalGetCompositions: ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, }: {
+        serializedInputPropsWithCustomSchema: string;
         envVariables: Record<string, string>;
         puppeteerInstance: HeadlessBrowser | undefined;
         onBrowserLog: ((log: import("./browser-log").BrowserLog) => void) | null;
@@ -466,8 +465,8 @@ export declare const RenderInternals: {
         logLevel: "error" | "verbose" | "info" | "warn";
         serveUrlOrWebpackUrl: string;
     }) => Promise<import("remotion").VideoConfig[]>;
-    internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, }: import("./render-frames").InternalRenderFramesOptions) => Promise<import("./types").RenderFramesOutput>;
-    internalRenderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, }: import("./render-media").InternalRenderMediaOptions) => Promise<{
+    internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, }: import("./render-frames").InternalRenderFramesOptions) => Promise<import("./types").RenderFramesOutput>;
+    internalRenderMedia: ({ proResProfile, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, }: import("./render-media").InternalRenderMediaOptions) => Promise<{
         buffer: Buffer | null;
         slowestFrames: import("./render-media").SlowFrame[];
     }>;

package/dist/logger.d.ts

@@ -18,6 +18,6 @@ export declare const Log: {
     warnAdvanced: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
 };
-export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn";
+export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;
 export {};

package/dist/offthread-video-server.d.ts

@@ -16,7 +16,6 @@ export declare const startOffthreadVideoServer: ({ downloadMap, concurrency, log
     listener: RequestListener;
     close: () => Promise<void>;
     compositor: Compositor;
-    events: OffthreadVideoServerEmitter;
 };
 type DownloadEventPayload = {
     src: string;

package/dist/offthread-video-server.js

@@ -30,7 +30,6 @@ const extractUrlAndSourceFromUrl = (url) => {
 };
 exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
 const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent, }) => {
-    const events = new OffthreadVideoServerEmitter();
     const compositor = (0, compositor_1.startCompositor)('StartLongRunningProcess', {
         concurrency,
         maximum_frame_cache_items: (0, compositor_1.getIdealMaximumFrameCacheItems)(),
@@ -70,7 +69,7 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 return;
             }
             let extractStart = Date.now();
-            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, emitter: events, downloadMap })
+            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, downloadMap })
                 .then((to) => {
                 extractStart = Date.now();
                 return compositor.executeCommand('ExtractFrame', {
@@ -95,12 +94,11 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 .catch((err) => {
                 res.writeHead(500);
                 res.end();
-                events.dispatchError(err);
+                downloadMap.emitter.dispatchError(err);
                 console.log('Error occurred', err);
             });
         },
         compositor,
-        events,
     };
 };
 exports.startOffthreadVideoServer = startOffthreadVideoServer;

package/dist/prepare-server.d.ts

@@ -1,7 +1,6 @@
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
-import type { OffthreadVideoServerEmitter } from './offthread-video-server';
 import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
 import type { LogLevel } from './log-level';
 export type RemotionServer = {
@@ -10,7 +9,6 @@ export type RemotionServer = {
     offthreadPort: number;
     compositor: Compositor;
     sourceMap: AnySourceMapConsumer | null;
-    events: OffthreadVideoServerEmitter;
     downloadMap: DownloadMap;
 };
 type PrepareServerOptions = {

package/dist/prepare-server.js

@@ -18,7 +18,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
     const downloadMap = (0, download_map_1.makeDownloadMap)();
     logger_1.Log.verboseAdvanced({ indent, logLevel }, 'Created directory for temporary files', downloadMap.assetDir);
     if ((0, is_serve_url_1.isServeUrl)(webpackConfigOrServeUrl)) {
-        const { port: offthreadPort, close: closeProxy, compositor: comp, events, } = await (0, serve_static_1.serveStatic)(null, {
+        const { port: offthreadPort, close: closeProxy, compositor: comp, } = await (0, serve_static_1.serveStatic)(null, {
             port,
             downloadMap,
             remotionRoot,
@@ -35,7 +35,6 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
             offthreadPort,
             compositor: comp,
             sourceMap: null,
-            events,
             downloadMap,
         });
     }
@@ -46,7 +45,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         throw new Error(`Tried to serve the Webpack bundle on a HTTP server, but the file ${indexFile} does not exist. Is this a valid path to a Webpack bundle?`);
     }
     const sourceMap = (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, remotion_1.Internals.bundleName));
-    const { port: serverPort, close, compositor, events: newEvents, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
+    const { port: serverPort, close, compositor, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
         port,
         downloadMap,
         remotionRoot,
@@ -67,15 +66,14 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         offthreadPort: serverPort,
         compositor,
         sourceMap: await sourceMap,
-        events: newEvents,
         downloadMap,
     });
 };
 exports.prepareServer = prepareServer;
 const makeOrReuseServer = async (server, config, { onDownload, onError, }) => {
     if (server) {
-        const cleanupOnDownload = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(server.events, onDownload);
-        const cleanupError = server.events.addEventListener('error', ({ detail: { error } }) => {
+        const cleanupOnDownload = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(server.downloadMap, onDownload);
+        const cleanupError = server.downloadMap.emitter.addEventListener('error', ({ detail: { error } }) => {
             onError(error);
         });
         return {
@@ -88,8 +86,8 @@ const makeOrReuseServer = async (server, config, { onDownload, onError, }) => {
         };
     }
     const newServer = await (0, exports.prepareServer)(config);
-    const cleanupOnDownloadNew = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(newServer.events, onDownload);
-    const cleanupErrorNew = newServer.events.addEventListener('error', ({ detail: { error } }) => {
+    const cleanupOnDownloadNew = (0, download_and_map_assets_to_file_1.attachDownloadListenerToEmitter)(newServer.downloadMap, onDownload);
+    const cleanupErrorNew = newServer.downloadMap.emitter.addEventListener('error', ({ detail: { error } }) => {
         onError(error);
     });
     return {

package/dist/render-frames.d.ts

@@ -15,7 +15,6 @@ export type InternalRenderFramesOptions = {
     onStart: null | ((data: OnStartData) => void);
     onFrameUpdate: null | ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void);
     outputDir: string | null;
-    inputProps: Record<string, unknown>;
     envVariables: Record<string, string>;
     imageFormat: VideoImageFormat;
     jpegQuality: number;
@@ -31,13 +30,15 @@ export type InternalRenderFramesOptions = {
     scale: number;
     port: number | null;
     cancelSignal: CancelSignal | undefined;
-    composition: VideoConfig;
+    composition: Omit<VideoConfig, 'props' | 'defaultProps'>;
     indent: boolean;
     server: RemotionServer | undefined;
     muted: boolean;
     concurrency: number | string | null;
     webpackBundleOrServeUrl: string;
     logLevel: LogLevel;
+    serializedInputPropsWithCustomSchema: string;
+    serializedResolvedPropsWithCustomSchema: string;
 };
 export type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
@@ -77,7 +78,7 @@ export type RenderFramesOptions = {
     concurrency?: number | string | null;
     serveUrl: string;
 };
-export declare const internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, }: InternalRenderFramesOptions) => Promise<RenderFramesOutput>;
+export declare const internalRenderFrames: ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, }: InternalRenderFramesOptions) => Promise<RenderFramesOutput>;
 /**
  * @description Renders a series of images using Puppeteer and computes information for mixing audio.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-frames)

package/dist/render-frames.js

@@ -35,7 +35,7 @@ const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
 const logger_1 = require("./logger");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, logLevel, indent, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, logLevel, indent, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -69,7 +69,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
         }
         const initialFrame = realFrameRange[0];
         await (0, set_props_and_env_1.setPropsAndEnv)({
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             envVariables,
             page,
             serveUrl,
@@ -79,6 +79,8 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             retriesRemaining: 2,
             audioEnabled: !muted,
             videoEnabled: imageFormat !== 'none',
+            indent,
+            logLevel,
         });
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             // eslint-disable-next-line max-params
@@ -86,7 +88,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
                 window.remotion_setBundleMode({
                     type: 'composition',
                     compositionName: id,
-                    props,
+                    serializedResolvedPropsWithSchema: props,
                     compositionDurationInFrames: durationInFrames,
                     compositionFps: fps,
                     compositionHeight: height,
@@ -95,7 +97,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
             },
             args: [
                 composition.id,
-                composition.props,
+                serializedResolvedPropsWithCustomSchema,
                 composition.durationInFrames,
                 composition.fps,
                 composition.height,
@@ -292,7 +294,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, inputProps
     await Promise.all(downloadPromises);
     return result;
 };
-const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, inputProps, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, }) => {
+const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, }) => {
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -338,9 +340,11 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     onError,
                 }),
                 browserInstance,
-            ]).then(([{ server: { serveUrl, offthreadPort, compositor, sourceMap, downloadMap, }, cleanupServer, }, pInstance,]) => {
+            ]).then(([{ server: openedServer, cleanupServer }, pInstance]) => {
+                const { serveUrl, offthreadPort, compositor, sourceMap, downloadMap } = openedServer;
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(pInstance, logLevel, indent);
-                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency, logLevel, indent).stopCycling);
+                cleanup.push((0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency, logLevel, indent)
+                    .stopCycling);
                 cleanup.push(() => cleanupServer(false));
                 return innerRenderFrames({
                     onError,
@@ -360,7 +364,6 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     everyNthFrame,
                     frameRange,
                     imageFormat,
-                    inputProps,
                     jpegQuality,
                     muted,
                     onBrowserLog,
@@ -372,6 +375,8 @@ const internalRenderFrames = ({ browserExecutable, cancelSignal, chromiumOptions
                     timeoutInMilliseconds,
                     logLevel,
                     indent,
+                    serializedInputPropsWithCustomSchema,
+                    serializedResolvedPropsWithCustomSchema,
                 });
             }),
         ])
@@ -438,7 +443,16 @@ const renderFrames = (options) => {
         indent: false,
         jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : jpeg_quality_1.DEFAULT_JPEG_QUALITY,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : null,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: composition.props,
+        }).serializedString,
         puppeteerInstance,
         muted: muted !== null && muted !== void 0 ? muted : false,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,

package/dist/render-media.d.ts

@@ -32,8 +32,9 @@ export type RenderMediaOnProgress = (progress: {
 export type InternalRenderMediaOptions = {
     outputLocation: string | null;
     codec: Codec;
-    composition: VideoConfig;
-    inputProps: Record<string, unknown>;
+    composition: Omit<VideoConfig, 'props' | 'defaultProps'>;
+    serializedInputPropsWithCustomSchema: string;
+    serializedResolvedPropsWithCustomSchema: string;
     crf: number | null;
     imageFormat: VideoImageFormat;
     pixelFormat: PixelFormat;
@@ -124,7 +125,7 @@ type RenderMediaResult = {
     buffer: Buffer | null;
     slowestFrames: SlowFrame[];
 };
-export declare const internalRenderMedia: ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, }: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
+export declare const internalRenderMedia: ({ proResProfile, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, }: InternalRenderMediaOptions) => Promise<RenderMediaResult>;
 /**
  *
  * @description Render a video from a composition

package/dist/render-media.js

@@ -43,7 +43,7 @@ const validate_output_filename_1 = require("./validate-output-filename");
 const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const SLOWEST_FRAME_COUNT = 10;
-const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, }) => {
+const internalRenderMedia = ({ proResProfile, crf, composition, serializedInputPropsWithCustomSchema, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, }) => {
     (0, jpeg_quality_1.validateJpegQuality)(jpegQuality);
     (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
@@ -250,7 +250,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                     callUpdate();
                     onStart === null || onStart === void 0 ? void 0 : onStart(data);
                 },
-                inputProps,
+                serializedInputPropsWithCustomSchema,
                 envVariables,
                 imageFormat,
                 jpegQuality,
@@ -290,6 +290,7 @@ const internalRenderMedia = ({ proResProfile, crf, composition, inputProps, pixe
                 logLevel,
                 indent,
                 server,
+                serializedResolvedPropsWithCustomSchema,
             });
             return renderFramesProc;
         })
@@ -426,7 +427,11 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : undefined,
         frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
         imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT,
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
         jpegQuality: (_a = jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : quality) !== null && _a !== void 0 ? _a : jpeg_quality_1.DEFAULT_JPEG_QUALITY,
         muted: muted !== null && muted !== void 0 ? muted : false,
         numberOfGifLoops: numberOfGifLoops !== null && numberOfGifLoops !== void 0 ? numberOfGifLoops : null,
@@ -447,6 +452,11 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         indent: false,
         onCtrlCExit: () => undefined,
         server: undefined,
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: composition.props,
+        }).serializedString,
     });
 };
 exports.renderMedia = renderMedia;

package/dist/render-still.d.ts

@@ -13,7 +13,8 @@ type InternalRenderStillOptions = {
     composition: VideoConfig;
     output: string | null;
     frame: number;
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
+    serializedResolvedPropsWithCustomSchema: string;
     imageFormat: StillImageFormat;
     jpegQuality: number;
     puppeteerInstance: HeadlessBrowser | null;

package/dist/render-still.js

@@ -49,7 +49,7 @@ const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const logger_1 = require("./logger");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, inputProps, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, logLevel, indent, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, }) => {
     remotion_1.Internals.validateDimension(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateDimension(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     remotion_1.Internals.validateFps(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -134,7 +134,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         page.on('console', logCallback);
     }
     await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         page,
         serveUrl,
@@ -144,6 +144,8 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         retriesRemaining: 2,
         audioEnabled: false,
         videoEnabled: true,
+        indent,
+        logLevel,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
@@ -151,7 +153,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
             window.remotion_setBundleMode({
                 type: 'composition',
                 compositionName: id,
-                props,
+                serializedResolvedPropsWithSchema: props,
                 compositionDurationInFrames: durationInFrames,
                 compositionFps: fps,
                 compositionHeight: height,
@@ -160,7 +162,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         },
         args: [
             composition.id,
-            composition.props,
+            serializedResolvedPropsWithCustomSchema,
             composition.durationInFrames,
             composition.fps,
             composition.height,
@@ -239,7 +241,7 @@ exports.internalRenderStill = internalRenderStill;
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-still)
  */
 const renderStill = (options) => {
-    var _a;
+    var _a, _b;
     const { composition, serveUrl, browserExecutable, cancelSignal, chromiumOptions, dumpBrowserLogs, envVariables, frame, imageFormat, inputProps, jpegQuality, onBrowserLog, onDownload, output, overwrite, port, puppeteerInstance, scale, timeoutInMilliseconds, verbose, quality, } = options;
     if (typeof jpegQuality !== 'undefined' && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
@@ -256,7 +258,11 @@ const renderStill = (options) => {
         frame: frame !== null && frame !== void 0 ? frame : 0,
         imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_STILL_IMAGE_FORMAT,
         indent: false,
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            staticBase: null,
+            indent: undefined,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
         jpegQuality: (_a = jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : quality) !== null && _a !== void 0 ? _a : jpeg_quality_1.DEFAULT_JPEG_QUALITY,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : null,
@@ -269,6 +275,11 @@ const renderStill = (options) => {
         serveUrl,
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
         logLevel: verbose || dumpBrowserLogs ? 'verbose' : (0, logger_1.getLogLevel)(),
+        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},
+        }).serializedString,
     });
 };
 exports.renderStill = renderStill;

package/dist/select-composition.d.ts

@@ -1,4 +1,4 @@
-import type { VideoConfig } from 'remotion';
+import { type VideoConfig } from 'remotion';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
@@ -6,7 +6,7 @@ import type { ChromiumOptions } from './open-browser';
 import type { RemotionServer } from './prepare-server';
 import { type LogLevel } from './log-level';
 type InternalSelectCompositionsConfig = {
-    inputProps: Record<string, unknown>;
+    serializedInputPropsWithCustomSchema: string;
     envVariables: Record<string, string>;
     puppeteerInstance: HeadlessBrowser | undefined;
     onBrowserLog: null | ((log: BrowserLog) => void);
@@ -42,5 +42,5 @@ export declare const internalSelectComposition: (options: InternalSelectComposit
  * @description Gets a composition defined in a Remotion project based on a Webpack bundle.
  * @see [Documentation](https://www.remotion.dev/docs/renderer/select-composition)
  */
-export declare const selectComposition: (options: SelectCompositionOptions) => Promise<VideoConfig>;
+export declare const selectComposition: (options: SelectCompositionOptions) => Promise<Omit<VideoConfig, 'defaultProps'>>;
 export {};

package/dist/select-composition.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComposition = exports.internalSelectComposition = void 0;
+const remotion_1 = require("remotion");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
@@ -11,7 +12,7 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
-const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, }) => {
+const innerSelectComposition = async ({ page, onBrowserLog, serializedInputPropsWithCustomSchema, envVariables, serveUrl, timeoutInMilliseconds, port, id, indent, logLevel, }) => {
     if (onBrowserLog) {
         page.on('console', (log) => {
             onBrowserLog({
@@ -23,7 +24,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
     }
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
-        inputProps,
+        serializedInputPropsWithCustomSchema,
         envVariables,
         page,
         serveUrl,
@@ -33,6 +34,8 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
         retriesRemaining: 2,
         audioEnabled: false,
         videoEnabled: false,
+        indent,
+        logLevel,
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -64,11 +67,24 @@ const innerSelectComposition = async ({ page, onBrowserLog, inputProps, envVaria
         tag: 'selectComposition()',
         logLevel,
     }, `calculateMetadata() took ${Date.now() - time}ms`);
-    return { metadata: result, propsSize: size };
+    const res = result;
+    const { width, durationInFrames, fps, height } = res;
+    return {
+        metadata: {
+            id,
+            width,
+            height,
+            fps,
+            durationInFrames,
+            props: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
+            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
+        },
+        propsSize: size,
+    };
 };
 const internalSelectComposition = async (options) => {
     const cleanup = [];
-    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, inputProps, onBrowserLog, server, timeoutInMilliseconds, } = options;
+    const { puppeteerInstance, browserExecutable, chromiumOptions, serveUrl: serveUrlOrWebpackUrl, logLevel, indent, port, envVariables, id, serializedInputPropsWithCustomSchema, onBrowserLog, server, timeoutInMilliseconds, } = options;
     const { page, cleanup: cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -108,7 +124,7 @@ const internalSelectComposition = async (options) => {
                 chromiumOptions,
                 envVariables,
                 id,
-                inputProps,
+                serializedInputPropsWithCustomSchema,
                 onBrowserLog,
                 timeoutInMilliseconds,
                 logLevel,
@@ -143,7 +159,11 @@ const selectComposition = async (options) => {
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
-        inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            indent: undefined,
+            staticBase: null,
+            data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
+        }).serializedString,
         onBrowserLog: onBrowserLog !== null && onBrowserLog !== void 0 ? onBrowserLog : null,
         port: port !== null && port !== void 0 ? port : null,
         puppeteerInstance,

package/dist/serialize-props.d.ts

@@ -0,0 +1,6 @@
+import type { SerializedJSONWithCustomFields } from 'remotion';
+export declare const serializeJSONWithDate: ({ data, indent, staticBase, }: {
+    data: Record<string, unknown>;
+    indent: number | undefined;
+    staticBase: string | null;
+}) => SerializedJSONWithCustomFields;

package/dist/serialize-props.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeJSONWithDate = void 0;
+// Keep in sync with /packages/core/src/input-props-serialization.ts
+const DATE_TOKEN = 'remotion-date:';
+const FILE_TOKEN = 'remotion-file:';
+const serializeJSONWithDate = ({ data, indent, staticBase, }) => {
+    let customDateUsed = false;
+    let customFileUsed = false;
+    let mapUsed = false;
+    let setUsed = false;
+    const serializedString = JSON.stringify(data, function (key, value) {
+        const item = this[key];
+        if (item instanceof Date) {
+            customDateUsed = true;
+            return `${DATE_TOKEN}${item.toISOString()}`;
+        }
+        if (item instanceof Map) {
+            mapUsed = true;
+            return value;
+        }
+        if (item instanceof Set) {
+            setUsed = true;
+            return value;
+        }
+        if (typeof item === 'string' &&
+            staticBase !== null &&
+            item.startsWith(staticBase)) {
+            customFileUsed = true;
+            return `${FILE_TOKEN}${item.replace(staticBase + '/', '')}`;
+        }
+        return value;
+    }, indent);
+    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
+};
+exports.serializeJSONWithDate = serializeJSONWithDate;

package/dist/serve-handler/index.js

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

package/dist/serve-static.d.ts

@@ -1,6 +1,5 @@
 import type { DownloadMap } from './assets/download-map';
 import type { Compositor } from './compositor/compositor';
-import type { OffthreadVideoServerEmitter } from './offthread-video-server';
 import type { LogLevel } from './log-level';
 export declare const serveStatic: (path: string | null, options: {
     port: number | null;
@@ -13,5 +12,4 @@ export declare const serveStatic: (path: string | null, options: {
     port: number;
     close: () => Promise<void>;
     compositor: Compositor;
-    events: OffthreadVideoServerEmitter;
 }>;

package/dist/serve-static.js

@@ -9,7 +9,7 @@ const get_port_1 = require("./get-port");
 const offthread_video_server_1 = require("./offthread-video-server");
 const serve_handler_1 = require("./serve-handler");
 const serveStatic = async (path, options) => {
-    const { listener: offthreadRequest, close: closeCompositor, compositor, events, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
+    const { listener: offthreadRequest, close: closeCompositor, compositor, } = (0, offthread_video_server_1.startOffthreadVideoServer)({
         downloadMap: options.downloadMap,
         concurrency: options.concurrency,
         logLevel: options.logLevel,
@@ -85,7 +85,7 @@ const serveStatic = async (path, options) => {
                     }),
                 ]);
             };
-            return { port: selectedPort, close, compositor, events };
+            return { port: selectedPort, close, compositor };
         }
         catch (err) {
             if (!(err instanceof Error)) {

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

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

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

@@ -8,7 +8,7 @@ const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const redirect_status_codes_1 = require("./redirect-status-codes");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const logger_1 = require("./logger");
-const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, }) => {
+const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVariables, page, serveUrl, initialFrame, timeoutInMilliseconds, proxyPort, retriesRemaining, audioEnabled, videoEnabled, indent, logLevel, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     const actualTimeout = timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT;
     page.setDefaultTimeout(actualTimeout);
@@ -17,14 +17,9 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
     await page.evaluateOnNewDocument((timeout) => {
         window.remotion_puppeteerTimeout = timeout;
     }, actualTimeout);
-    if (typeof inputProps === 'string') {
-        throw new Error('Input props should be an object, not a string.');
-    }
-    if (inputProps) {
-        await page.evaluateOnNewDocument((input) => {
-            window.remotion_inputProps = input;
-        }, JSON.stringify(inputProps));
-    }
+    await page.evaluateOnNewDocument((input) => {
+        window.remotion_inputProps = input;
+    }, serializedInputPropsWithCustomSchema);
     if (envVariables) {
         await page.evaluateOnNewDocument((input) => {
             window.remotion_envVariables = input;
@@ -58,7 +53,7 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         return innerSetPropsAndEnv({
             envVariables,
             initialFrame,
-            inputProps,
+            serializedInputPropsWithCustomSchema,
             page,
             proxyPort,
             retriesRemaining: retriesRemaining - 1,
@@ -66,12 +61,14 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
             timeoutInMilliseconds,
             audioEnabled,
             videoEnabled,
+            indent,
+            logLevel,
         });
     }
     if (!redirect_status_codes_1.redirectStatusCodes.every((code) => code !== status)) {
         throw new Error(`Error while getting compositions: Tried to go to ${urlToVisit} but the status code was ${status} instead of 200. Does the site you specified exist?`);
     }
-    const isRemotionFn = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+    const { value: isRemotionFn } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
             return window.getStaticCompositions;
         },
@@ -79,8 +76,23 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         frame: null,
         page,
     });
-    if (isRemotionFn === undefined) {
-        throw new Error(`Error while getting compositions: Tried to go to ${urlToVisit} and verify that it is a Remotion project by checking if window.getStaticCompositions is defined. However, the function was undefined, which indicates that this is not a valid Remotion project. Please check the URL you passed.`);
+    if (typeof isRemotionFn === 'undefined') {
+        const { value: body } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+            pageFunction: () => {
+                return document.body.innerHTML;
+            },
+            args: [],
+            frame: null,
+            page,
+        });
+        const errorMessage = [
+            `Error while getting compositions: Tried to go to ${urlToVisit} and verify that it is a Remotion project by checking if window.getStaticCompositions is defined.`,
+            'However, the function was undefined, which indicates that this is not a valid Remotion project. Please check the URL you passed.',
+            'The page loaded contained the following markup:',
+            body.substring(0, 500) + (body.length > 500 ? '...' : ''),
+            'Does this look like a foreign page? If so, try to stop this server.',
+        ].join('\n');
+        throw new Error(errorMessage);
     }
     const { value: siteVersion } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
@@ -98,16 +110,22 @@ const innerSetPropsAndEnv = async ({ inputProps, envVariables, page, serveUrl, i
         frame: null,
         page,
     });
-    const requiredVersion = '7';
+    const requiredVersion = '8';
     if (siteVersion !== requiredVersion) {
         throw new Error(`Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error, please bundle and deploy again.`);
     }
     if (remotionVersion !== version_1.VERSION && process.env.NODE_ENV !== 'test') {
         if (remotionVersion) {
-            logger_1.Log.warn(`The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+            logger_1.Log.warnAdvanced({
+                indent,
+                logLevel,
+            }, `The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
         }
         else {
-            logger_1.Log.warn(`The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+            logger_1.Log.warnAdvanced({
+                indent,
+                logLevel,
+            }, `The site was bundled with an old version of Remotion, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
         }
     }
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';

package/dist/take-frame-and-compose.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { TAsset } from 'remotion';
 import type { DownloadMap } from './assets/download-map';
 import type { Page } from './browser/BrowserPage';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.1.0-alpha7",
+  "version": "4.1.0-alpha9",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.1.0-alpha7"
+    "remotion": "4.1.0-alpha9"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -42,13 +42,13 @@
     "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.1.0-alpha7",
-    "@remotion/compositor-linux-arm64-musl": "4.1.0-alpha7",
-    "@remotion/compositor-linux-arm64-gnu": "4.1.0-alpha7",
-    "@remotion/compositor-win32-x64-msvc": "4.1.0-alpha7",
-    "@remotion/compositor-linux-x64-musl": "4.1.0-alpha7",
-    "@remotion/compositor-darwin-x64": "4.1.0-alpha7",
-    "@remotion/compositor-linux-x64-gnu": "4.1.0-alpha7"
+    "@remotion/compositor-darwin-x64": "4.1.0-alpha9",
+    "@remotion/compositor-darwin-arm64": "4.1.0-alpha9",
+    "@remotion/compositor-linux-x64-gnu": "4.1.0-alpha9",
+    "@remotion/compositor-linux-arm64-musl": "4.1.0-alpha9",
+    "@remotion/compositor-linux-arm64-gnu": "4.1.0-alpha9",
+    "@remotion/compositor-win32-x64-msvc": "4.1.0-alpha9",
+    "@remotion/compositor-linux-x64-musl": "4.1.0-alpha9"
   },
   "keywords": [
     "remotion",