@remotion/renderer 4.0.0-alpha.217 → 4.0.0-alpha10

package/dist/prepare-server.d.ts

@@ -1,14 +1,19 @@
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
-export declare const prepareServer: ({ onDownload, onError, webpackConfigOrServeUrl, port, downloadMap, remotionRoot, }: {
+import type { Compositor } from './compositor/compositor';
+export declare const prepareServer: ({ onDownload, onError, webpackConfigOrServeUrl, port, downloadMap, remotionRoot, concurrency, verbose, indent, }: {
     webpackConfigOrServeUrl: string;
     onDownload: RenderMediaOnDownload;
     onError: (err: Error) => void;
     port: number | null;
     downloadMap: DownloadMap;
     remotionRoot: string;
+    concurrency: number;
+    verbose: boolean;
+    indent: boolean;
 }) => Promise<{
     serveUrl: string;
     closeServer: (force: boolean) => Promise<unknown>;
     offthreadPort: number;
+    compositor: Compositor;
 }>;

package/dist/prepare-server.js

@@ -4,19 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prepareServer = void 0;
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const is_serve_url_1 = require("./is-serve-url");
 const serve_static_1 = require("./serve-static");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
-const prepareServer = async ({ onDownload, onError, webpackConfigOrServeUrl, port, downloadMap, remotionRoot, }) => {
+const prepareServer = async ({ onDownload, onError, webpackConfigOrServeUrl, port, downloadMap, remotionRoot, concurrency, verbose, indent, }) => {
     if ((0, is_serve_url_1.isServeUrl)(webpackConfigOrServeUrl)) {
-        const { port: offthreadPort, close: closeProxy } = await (0, serve_static_1.serveStatic)(null, {
+        const { port: offthreadPort, close: closeProxy, compositor: comp, } = await (0, serve_static_1.serveStatic)(null, {
             onDownload,
             onError,
             port,
             downloadMap,
             remotionRoot,
+            concurrency,
+            verbose,
+            indent,
         });
         return Promise.resolve({
             serveUrl: webpackConfigOrServeUrl,
@@ -24,20 +27,24 @@ const prepareServer = async ({ onDownload, onError, webpackConfigOrServeUrl, por
                 return closeProxy();
             },
             offthreadPort,
+            compositor: comp,
         });
     }
     // Check if the path has a `index.html` file
-    const indexFile = path_1.default.join(webpackConfigOrServeUrl, 'index.html');
-    const exists = (0, fs_1.existsSync)(indexFile);
+    const indexFile = node_path_1.default.join(webpackConfigOrServeUrl, 'index.html');
+    const exists = (0, node_fs_1.existsSync)(indexFile);
     if (!exists) {
         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 { port: serverPort, close } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
+    const { port: serverPort, close, compositor, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
         onDownload,
         onError,
         port,
         downloadMap,
         remotionRoot,
+        concurrency,
+        verbose,
+        indent,
     });
     return Promise.resolve({
         closeServer: async (force) => {
@@ -48,6 +55,7 @@ const prepareServer = async ({ onDownload, onError, webpackConfigOrServeUrl, por
         },
         serveUrl: `http://localhost:${serverPort}`,
         offthreadPort: serverPort,
+        compositor,
     });
 };
 exports.prepareServer = prepareServer;

package/dist/prespawn-ffmpeg.d.ts

@@ -19,6 +19,7 @@ declare type PreStitcherOptions = {
     ffmpegOverride: FfmpegOverrideFn;
     signal: CancelSignal;
     videoBitrate: string | null;
+    indent: boolean;
 };
 export declare const prespawnFfmpeg: (options: PreStitcherOptions) => {
     task: import("execa").ExecaChildProcess<string>;

package/dist/prespawn-ffmpeg.js

@@ -4,10 +4,10 @@ exports.prespawnFfmpeg = void 0;
 const remotion_1 = require("remotion");
 const call_ffmpeg_1 = require("./call-ffmpeg");
 const codec_1 = require("./codec");
-const get_executable_path_1 = require("./compositor/get-executable-path");
 const crf_1 = require("./crf");
 const get_codec_name_1 = require("./get-codec-name");
 const get_prores_profile_name_1 = require("./get-prores-profile-name");
+const logger_1 = require("./logger");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const pixel_format_1 = require("./pixel-format");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
@@ -30,16 +30,33 @@ const prespawnFfmpeg = (options) => {
         throw new TypeError('encoderName is null: ' + JSON.stringify(options));
     }
     const supportsCrf = codec !== 'prores';
-    if (options.verbose) {
-        console.log('[verbose] ffmpeg', (0, get_executable_path_1.getExecutablePath)('ffmpeg'));
-        console.log('[verbose] encoder', encoderName);
-        console.log('[verbose] pixelFormat', pixelFormat);
-        if (supportsCrf) {
-            console.log('[verbose] crf', options.crf);
-        }
-        console.log('[verbose] codec', codec);
-        console.log('[verbose] proResProfileName', proResProfileName);
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, 'encoder', encoderName);
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, 'pixelFormat', pixelFormat);
+    if (supportsCrf) {
+        logger_1.Log.verboseAdvanced({
+            indent: options.indent,
+            logLevel: options.verbose ? 'verbose' : 'info',
+            tag: 'encoder',
+        }, 'pixelFormat', options.crf);
     }
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, 'codec', codec);
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, 'proResProfileName', proResProfileName);
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const ffmpegArgs = [
         ['-r', options.fps.toFixed(2)],
@@ -67,10 +84,16 @@ const prespawnFfmpeg = (options) => {
         '-y',
         options.outputLocation,
     ];
-    if (options.verbose) {
-        console.log('Generated FFMPEG command:');
-        console.log(ffmpegArgs);
-    }
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, 'Generated FFMPEG command:');
+    logger_1.Log.verboseAdvanced({
+        indent: options.indent,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'encoder',
+    }, ffmpegArgs.join(' '));
     const ffmpegString = ffmpegArgs.flat(2).filter(Boolean);
     const finalFfmpegString = options.ffmpegOverride
         ? options.ffmpegOverride({ type: 'pre-stitcher', args: ffmpegString })

package/dist/prestitcher-memory-usage.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.shouldUseParallelEncoding = void 0;
-const os_1 = __importDefault(require("os"));
+const node_os_1 = __importDefault(require("node:os"));
 const estimateMemoryUsageForPrestitcher = ({ width, height, }) => {
     // Empirically we detected that per 1 million pixels, FFMPEG uses around 1GB of memory, relatively independent of
     // the duration of the video.
@@ -13,7 +13,7 @@ const estimateMemoryUsageForPrestitcher = ({ width, height, }) => {
     return memoryUsageOfPixel * width * height;
 };
 const shouldUseParallelEncoding = ({ width, height, }) => {
-    const freeMemory = os_1.default.freemem();
+    const freeMemory = node_os_1.default.freemem();
     const estimatedUsage = estimateMemoryUsageForPrestitcher({
         height,
         width,

package/dist/puppeteer-evaluate.js

@@ -30,7 +30,7 @@ function isString(obj) {
     return typeof obj === 'string' || obj instanceof String;
 }
 async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, }) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const contextId = (await page.mainFrame().executionContext())._contextId;
     const client = page._client();
     const suffix = `//# sourceURL=${EVALUATION_SCRIPT_URL}`;
@@ -114,7 +114,7 @@ async function puppeteerEvaluateWithCatch({ page, pageFunction, frame, args, })
         return valueFromRemoteObject(remoteObject);
     }
     catch (error) {
-        if (error === null || error === void 0 ? void 0 : error.originalMessage.startsWith("Object couldn't be returned by value")) {
+        if ((_h = error === null || error === void 0 ? void 0 : error.originalMessage) === null || _h === void 0 ? void 0 : _h.startsWith("Object couldn't be returned by value")) {
             throw new Error('Could not serialize the return value of the function. Did you pass non-serializable values to defaultProps?');
         }
         throw error;

package/dist/puppeteer-screenshot.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshot = void 0;
-const assert = __importStar(require("assert"));
+const assert = __importStar(require("node:assert"));
 const screenshot_task_1 = require("./screenshot-task");
 const screenshot = (options) => {
     if (options.jpegQuality) {

package/dist/render-frames.d.ts

@@ -4,7 +4,7 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
-import type { Browser } from './browser/Browser';
+import type { HeadlessBrowser } from './browser/Browser';
 import type { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
@@ -14,9 +14,9 @@ declare type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;
     onFrameUpdate: (framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void;
     outputDir: string | null;
-    inputProps: unknown;
+    inputProps: Record<string, unknown>;
     envVariables?: Record<string, string>;
-    imageFormat: VideoImageFormat;
+    imageFormat?: VideoImageFormat;
     /**
      * @deprecated Renamed to "jpegQuality"
      */
@@ -25,7 +25,7 @@ declare type RenderFramesOptions = {
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
     dumpBrowserLogs?: boolean;
-    puppeteerInstance?: Browser;
+    puppeteerInstance?: HeadlessBrowser;
     browserExecutable?: BrowserExecutable;
     onBrowserLog?: (log: BrowserLog) => void;
     onFrameBuffer?: (buffer: Buffer, frame: number) => void;
@@ -40,9 +40,14 @@ declare type RenderFramesOptions = {
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
+    /**
+     * @deprecated Only for Remotion internal usage
+     */
+    indent?: boolean;
     muted?: boolean;
     concurrency?: number | string | null;
     serveUrl: string;
+    verbose?: boolean;
 };
 /**
  * @description Renders a series of images using Puppeteer and computes information for mixing audio.

package/dist/render-frames.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFrames = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
 const perf_hooks_1 = require("perf_hooks");
 const remotion_1 = require("remotion");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
@@ -35,10 +35,10 @@ const take_frame_and_compose_1 = require("./take-frame-and-compose");
 const truthy_1 = require("./truthy");
 const validate_scale_1 = require("./validate-scale");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, quality, imageFormat = image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale = 1, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, }) => {
+const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpegQuality, quality, imageFormat = image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale = 1, actualConcurrency, everyNthFrame = 1, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, }) => {
     if (outputDir) {
-        if (!fs_1.default.existsSync(outputDir)) {
-            fs_1.default.mkdirSync(outputDir, {
+        if (!node_fs_1.default.existsSync(outputDir)) {
+            node_fs_1.default.mkdirSync(outputDir, {
                 recursive: true,
             });
         }
@@ -162,7 +162,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
             freePage,
             height,
             imageFormat,
-            output: path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
+            output: node_path_1.default.join(frameDir, (0, get_frame_padded_index_1.getFrameOutputFileName)({
                 frame,
                 imageFormat,
                 index,
@@ -175,6 +175,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
             scale,
             downloadMap,
             wantsBuffer: Boolean(onFrameBuffer),
+            compositor,
         });
         if (onFrameBuffer) {
             if (!buffer) {
@@ -217,7 +218,7 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
             });
         });
     };
-    const renderFrameAndRetryTargetClose = async (frame, index, retriesLeft, attempt) => {
+    const renderFrameAndRetryTargetClose = async ({ frame, index, retriesLeft, attempt, }) => {
         try {
             await Promise.race([
                 renderFrame(frame, index),
@@ -253,10 +254,20 @@ const innerRenderFrames = ({ onFrameUpdate, outputDir, onStart, inputProps, jpeg
                     pool.release(newPage);
                 }
             });
-            await renderFrameAndRetryTargetClose(frame, index, retriesLeft - 1, attempt + 1);
+            await renderFrameAndRetryTargetClose({
+                frame,
+                index,
+                retriesLeft: retriesLeft - 1,
+                attempt: attempt + 1,
+            });
         }
     };
-    const progress = Promise.all(framesToRender.map((frame, index) => renderFrameAndRetryTargetClose(frame, index, MAX_RETRIES_PER_FRAME, 1)));
+    const progress = Promise.all(framesToRender.map((frame, index) => renderFrameAndRetryTargetClose({
+        frame,
+        index,
+        retriesLeft: MAX_RETRIES_PER_FRAME,
+        attempt: 1,
+    })));
     const happyPath = progress.then(() => {
         const firstFrameIndex = countType === 'from-zero' ? 0 : framesToRender[0];
         const returnValue = {
@@ -300,12 +311,13 @@ const renderFrames = (options) => {
     (0, jpeg_quality_1.validateJpegQuality)(options.jpegQuality);
     (0, validate_scale_1.validateScale)(options.scale);
     const makeBrowser = () => {
-        var _a;
+        var _a, _b;
         return (0, open_browser_1.openBrowser)(browser_1.DEFAULT_BROWSER, {
             shouldDumpIo: options.dumpBrowserLogs,
             browserExecutable: options.browserExecutable,
             chromiumOptions: options.chromiumOptions,
             forceDeviceScaleFactor: (_a = options.scale) !== null && _a !== void 0 ? _a : 1,
+            indent: (_b = options.indent) !== null && _b !== void 0 ? _b : false,
         });
     };
     const browserInstance = (_a = options.puppeteerInstance) !== null && _a !== void 0 ? _a : makeBrowser();
@@ -314,7 +326,7 @@ const renderFrames = (options) => {
     const actualConcurrency = (0, get_concurrency_1.getActualConcurrency)(concurrency !== null && concurrency !== void 0 ? concurrency : null);
     const openedPages = [];
     return new Promise((resolve, reject) => {
-        var _a;
+        var _a, _b, _c;
         const cleanup = [];
         if (!options.downloadMap) {
             cleanup.push(() => (0, download_map_1.cleanDownloadMap)(downloadMap));
@@ -337,9 +349,12 @@ const renderFrames = (options) => {
                     port: (_a = options.port) !== null && _a !== void 0 ? _a : null,
                     downloadMap,
                     remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
+                    concurrency: actualConcurrency,
+                    verbose: (_b = options.verbose) !== null && _b !== void 0 ? _b : false,
+                    indent: (_c = options.indent) !== null && _c !== void 0 ? _c : false,
                 }),
                 browserInstance,
-            ]).then(([{ serveUrl, closeServer, offthreadPort }, puppeteerInstance]) => {
+            ]).then(([{ serveUrl, closeServer, offthreadPort, compositor }, puppeteerInstance,]) => {
                 const browserReplacer = (0, replace_browser_1.handleBrowserCrash)(puppeteerInstance);
                 const { stopCycling } = (0, cycle_browser_tabs_1.cycleBrowserTabs)(browserReplacer, actualConcurrency);
                 cleanup.push(stopCycling);
@@ -357,6 +372,7 @@ const renderFrames = (options) => {
                     downloadMap,
                     makeBrowser,
                     browserReplacer,
+                    compositor,
                 });
             }),
         ])

package/dist/render-media.d.ts

@@ -5,7 +5,7 @@ import type { DownloadMap } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
-import type { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { HeadlessBrowser } from './browser/Browser';
 import type { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
@@ -32,7 +32,7 @@ export declare type RenderMediaOptions = {
     outputLocation?: string | null;
     codec: Codec;
     composition: AnySmallCompMetadata;
-    inputProps?: unknown;
+    inputProps?: Record<string, unknown>;
     crf?: number | null;
     imageFormat?: VideoImageFormat;
     pixelFormat?: PixelFormat;
@@ -45,7 +45,7 @@ export declare type RenderMediaOptions = {
     frameRange?: FrameRange | null;
     everyNthFrame?: number;
     numberOfGifLoops?: number | null;
-    puppeteerInstance?: PuppeteerBrowser;
+    puppeteerInstance?: HeadlessBrowser;
     overwrite?: boolean;
     onProgress?: RenderMediaOnProgress;
     onDownload?: RenderMediaOnDownload;
@@ -69,6 +69,10 @@ export declare type RenderMediaOptions = {
          * @deprecated Only for Remotion internal usage
          */
         onCtrlCExit?: (fn: () => void) => void;
+        /**
+         * @deprecated Only for Remotion internal usage
+         */
+        indent?: boolean;
     };
     preferLossless?: boolean;
     muted?: boolean;
@@ -77,7 +81,6 @@ export declare type RenderMediaOptions = {
     audioBitrate?: string | null;
     videoBitrate?: string | null;
     disallowParallelEncoding?: boolean;
-    printLog?: (...data: unknown[]) => void;
     audioCodec?: AudioCodec | null;
     serveUrl: string;
     concurrency?: number | string | null;

package/dist/render-media.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderMedia = void 0;
-const fs_1 = __importDefault(require("fs"));
-const os_1 = __importDefault(require("os"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_os_1 = __importDefault(require("node:os"));
+const node_path_1 = __importDefault(require("node:path"));
 const remotion_1 = require("remotion");
 const download_map_1 = require("./assets/download-map");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
@@ -22,6 +22,7 @@ const get_frame_to_render_1 = require("./get-frame-to-render");
 const image_format_1 = require("./image-format");
 const is_audio_codec_1 = require("./is-audio-codec");
 const jpeg_quality_1 = require("./jpeg-quality");
+const logger_1 = require("./logger");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
@@ -45,7 +46,7 @@ const SLOWEST_FRAME_COUNT = 10;
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
 const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, audioCodec, ...options }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     if (options.quality) {
         throw new Error(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
     }
@@ -67,7 +68,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         });
     }
     const absoluteOutputLocation = outputLocation
-        ? path_1.default.resolve(process.cwd(), outputLocation)
+        ? node_path_1.default.resolve(process.cwd(), outputLocation)
         : null;
     (0, validate_scale_1.validateScale)(scale);
     (0, validate_ffmpeg_override_1.validateFfmpegOverride)(ffmpegOverride);
@@ -92,30 +93,47 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     const parallelEncoding = !options.disallowParallelEncoding &&
         hasEnoughMemory &&
         (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
-    if (options.verbose) {
-        const log = (_f = options.printLog) !== null && _f !== void 0 ? _f : console.log;
-        log('[PRESTITCHER] Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
-        log('[PRESTITCHER]: Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
-        log('[PRESTITCHER]: User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
-        if (parallelEncoding) {
-            log('[PRESTITCHER] Parallel encoding is enabled.');
-        }
-        else {
-            log('[PRESTITCHER] Parallel encoding is disabled.');
-        }
+    logger_1.Log.verboseAdvanced({
+        indent: (_g = (_f = options.internal) === null || _f === void 0 ? void 0 : _f.indent) !== null && _g !== void 0 ? _g : false,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'PARALLEL ENCODING',
+    }, 'Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
+    logger_1.Log.verboseAdvanced({
+        indent: (_j = (_h = options.internal) === null || _h === void 0 ? void 0 : _h.indent) !== null && _j !== void 0 ? _j : false,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'PARALLEL ENCODING',
+    }, 'Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
+    logger_1.Log.verboseAdvanced({
+        indent: (_l = (_k = options.internal) === null || _k === void 0 ? void 0 : _k.indent) !== null && _l !== void 0 ? _l : false,
+        logLevel: options.verbose ? 'verbose' : 'info',
+        tag: 'PARALLEL ENCODING',
+    }, 'User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
+    if (parallelEncoding) {
+        logger_1.Log.verboseAdvanced({
+            indent: (_o = (_m = options.internal) === null || _m === void 0 ? void 0 : _m.indent) !== null && _o !== void 0 ? _o : false,
+            logLevel: options.verbose ? 'verbose' : 'info',
+            tag: 'PARALLEL ENCODING',
+        }, 'Parallel encoding is enabled.');
+    }
+    else {
+        logger_1.Log.verboseAdvanced({
+            indent: (_q = (_p = options.internal) === null || _p === void 0 ? void 0 : _p.indent) !== null && _q !== void 0 ? _q : false,
+            logLevel: options.verbose ? 'verbose' : 'info',
+            tag: 'PARALLEL ENCODING',
+        }, 'Parallel encoding is disabled.');
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : (_g = options.imageFormat) !== null && _g !== void 0 ? _g : 'jpeg';
+        : (_r = options.imageFormat) !== null && _r !== void 0 ? _r : 'jpeg';
     const jpegQuality = imageFormat === 'jpeg' ? options.jpegQuality : undefined;
     (0, image_format_1.validateSelectedPixelFormatAndImageFormatCombination)(pixelFormat, imageFormat);
     const preEncodedFileLocation = parallelEncoding
-        ? path_1.default.join(downloadMap.preEncode, 'pre-encode.' + (0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, audioCodec !== null && audioCodec !== void 0 ? audioCodec : null))
+        ? node_path_1.default.join(downloadMap.preEncode, 'pre-encode.' + (0, get_extension_from_codec_1.getFileExtensionFromCodec)(codec, audioCodec !== null && audioCodec !== void 0 ? audioCodec : null))
         : null;
     const outputDir = parallelEncoding
         ? null
-        : fs_1.default.mkdtempSync(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
-    if (((_h = options.internal) === null || _h === void 0 ? void 0 : _h.onCtrlCExit) && outputDir) {
+        : node_fs_1.default.mkdtempSync(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
+    if (((_s = options.internal) === null || _s === void 0 ? void 0 : _s.onCtrlCExit) && outputDir) {
         options.internal.onCtrlCExit(() => (0, delete_directory_1.deleteDirectory)(outputDir));
     }
     (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
@@ -147,7 +165,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     const fps = composition.fps / (everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1);
     remotion_1.Internals.validateFps(fps, 'in "renderMedia()"', codec === 'gif');
     const createPrestitcherIfNecessary = () => {
-        var _a;
+        var _a, _b, _c;
         if (preEncodedFileLocation) {
             preStitcher = (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
                 width: composition.width * (scale !== null && scale !== void 0 ? scale : 1),
@@ -167,6 +185,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                 signal: cancelPrestitcher.cancelSignal,
                 ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : (({ args }) => args),
                 videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
+                indent: (_c = (_b = options.internal) === null || _b === void 0 ? void 0 : _b.indent) !== null && _c !== void 0 ? _c : false,
             });
             stitcherFfmpeg = preStitcher.task;
         }
@@ -212,6 +231,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     };
     const happyPath = Promise.resolve(createPrestitcherIfNecessary())
         .then(() => {
+        var _a, _b, _c;
         const renderFramesProc = (0, render_frames_1.renderFrames)({
             composition,
             onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
@@ -226,7 +246,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                 callUpdate();
                 onStart === null || onStart === void 0 ? void 0 : onStart(data);
             },
-            inputProps,
+            inputProps: inputProps !== null && inputProps !== void 0 ? inputProps : {},
             envVariables,
             imageFormat,
             jpegQuality,
@@ -258,6 +278,8 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
             cancelSignal: cancelRenderFrames.cancelSignal,
             downloadMap,
             muted: disableAudio,
+            verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
+            indent: (_c = (_b = options.internal) === null || _b === void 0 ? void 0 : _b.indent) !== null && _c !== void 0 ? _c : false,
         });
         return renderFramesProc;
     })
@@ -265,7 +287,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         return Promise.all([renderFramesReturn, waitForPrestitcherIfNecessary()]);
     })
         .then(([{ assetsInfo }]) => {
-        var _a;
+        var _a, _b, _c;
         renderedDoneIn = Date.now() - renderStart;
         callUpdate();
         if (absoluteOutputLocation) {
@@ -282,6 +304,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                     preEncodedFileLocation,
                     imageFormat,
                     preferLossless: (_a = options.preferLossless) !== null && _a !== void 0 ? _a : false,
+                    indent: (_c = (_b = options.internal) === null || _b === void 0 ? void 0 : _b.indent) !== null && _c !== void 0 ? _c : false,
                 },
                 force: overwrite !== null && overwrite !== void 0 ? overwrite : overwrite_1.DEFAULT_OVERWRITE,
                 pixelFormat,
@@ -346,15 +369,15 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
         .finally(() => {
         var _a;
         if (preEncodedFileLocation !== null &&
-            fs_1.default.existsSync(preEncodedFileLocation)) {
-            (0, delete_directory_1.deleteDirectory)(path_1.default.dirname(preEncodedFileLocation));
+            node_fs_1.default.existsSync(preEncodedFileLocation)) {
+            (0, delete_directory_1.deleteDirectory)(node_path_1.default.dirname(preEncodedFileLocation));
         }
         // Clean download map if it was not passed in
         if (!((_a = options.internal) === null || _a === void 0 ? void 0 : _a.downloadMap)) {
             (0, download_map_1.cleanDownloadMap)(downloadMap);
         }
         // Clean temporary image frames when rendering ends or fails
-        if (outputDir && fs_1.default.existsSync(outputDir)) {
+        if (outputDir && node_fs_1.default.existsSync(outputDir)) {
             (0, delete_directory_1.deleteDirectory)(outputDir);
         }
     });

package/dist/render-still.d.ts

@@ -3,7 +3,8 @@ import type { AnySmallCompMetadata } from 'remotion';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
 import type { BrowserExecutable } from './browser-executable';
-import type { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { BrowserLog } from './browser-log';
+import type { HeadlessBrowser } from './browser/Browser';
 import type { StillImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
@@ -11,18 +12,19 @@ declare type InnerStillOptions = {
     composition: AnySmallCompMetadata;
     output?: string | null;
     frame?: number;
-    inputProps?: unknown;
+    inputProps?: Record<string, unknown>;
     imageFormat?: StillImageFormat;
     /**
      * @deprecated Renamed to `jpegQuality`
      */
     quality?: never;
     jpegQuality?: number;
-    puppeteerInstance?: PuppeteerBrowser;
+    puppeteerInstance?: HeadlessBrowser;
     dumpBrowserLogs?: boolean;
     envVariables?: Record<string, string>;
     overwrite?: boolean;
     browserExecutable?: BrowserExecutable;
+    onBrowserLog?: (log: BrowserLog) => void;
     timeoutInMilliseconds?: number;
     chromiumOptions?: ChromiumOptions;
     scale?: number;
@@ -32,6 +34,11 @@ declare type InnerStillOptions = {
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
+    /**
+     * @deprecated Only for Remotion internal usage
+     */
+    indent?: boolean;
+    verbose?: boolean;
 };
 declare type RenderStillReturnValue = {
     buffer: Buffer | null;