@remotion/renderer 4.0.0-alpha5 → 4.0.0-alpha7

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/puppeteer-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

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

@@ -40,6 +40,10 @@ 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;

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");
@@ -37,8 +37,8 @@ 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, }) => {
     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,
@@ -300,12 +300,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 +315,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, _b;
+        var _a, _b, _c;
         const cleanup = [];
         if (!options.downloadMap) {
             cleanup.push(() => (0, download_map_1.cleanDownloadMap)(downloadMap));
@@ -339,6 +340,7 @@ const renderFrames = (options) => {
                     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]) => {

package/dist/render-media.d.ts

@@ -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,7 +231,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
     };
     const happyPath = Promise.resolve(createPrestitcherIfNecessary())
         .then(() => {
-        var _a;
+        var _a, _b, _c;
         const renderFramesProc = (0, render_frames_1.renderFrames)({
             composition,
             onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
@@ -260,6 +279,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
             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;
     })
@@ -267,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) {
@@ -307,6 +327,7 @@ const renderMedia = ({ proResProfile, crf, composition, inputProps, pixelFormat,
                 audioBitrate,
                 videoBitrate,
                 audioCodec: audioCodec !== null && audioCodec !== void 0 ? audioCodec : null,
+                indent: (_c = (_b = options.internal) === null || _b === void 0 ? void 0 : _b.indent) !== null && _c !== void 0 ? _c : false,
             }),
             stitchStart,
         ]);
@@ -348,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,6 +3,7 @@ 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 { BrowserLog } from './browser-log';
 import type { Browser as PuppeteerBrowser } from './browser/Browser';
 import type { StillImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
@@ -23,6 +24,7 @@ declare type InnerStillOptions = {
     envVariables?: Record<string, string>;
     overwrite?: boolean;
     browserExecutable?: BrowserExecutable;
+    onBrowserLog?: (log: BrowserLog) => void;
     timeoutInMilliseconds?: number;
     chromiumOptions?: ChromiumOptions;
     scale?: number;
@@ -32,6 +34,10 @@ declare type InnerStillOptions = {
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
+    /**
+     * @deprecated Only for Remotion internal usage
+     */
+    indent?: boolean;
     verbose?: boolean;
 };
 declare type RenderStillReturnValue = {

package/dist/render-still.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderStill = void 0;
-const fs_1 = __importStar(require("fs"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importStar(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
 const remotion_1 = require("remotion");
 const download_map_1 = require("./assets/download-map");
 const browser_1 = require("./browser");
@@ -47,7 +47,7 @@ const set_props_and_env_1 = require("./set-props-and-env");
 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 innerRenderStill = async ({ composition, quality, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, jpegQuality, }) => {
+const innerRenderStill = async ({ composition, quality, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, jpegQuality, onBrowserLog, }) => {
     if (quality) {
         throw new Error('quality has been renamed to jpegQuality. Please rename the option.');
     }
@@ -72,17 +72,17 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     (0, validate_scale_1.validateScale)(scale);
     output =
-        typeof output === 'string' ? path_1.default.resolve(process.cwd(), output) : null;
+        typeof output === 'string' ? node_path_1.default.resolve(process.cwd(), output) : null;
     if (jpegQuality !== undefined && imageFormat !== 'jpeg') {
         throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
     }
     (0, jpeg_quality_1.validateJpegQuality)(jpegQuality);
     if (output) {
-        if (fs_1.default.existsSync(output)) {
+        if (node_fs_1.default.existsSync(output)) {
             if (!overwrite) {
                 throw new Error(`Cannot render still - "overwrite" option was set to false, but the output destination ${output} already exists.`);
             }
-            const stat = (0, fs_1.statSync)(output);
+            const stat = (0, node_fs_1.statSync)(output);
             if (!stat.isFile()) {
                 throw new Error(`The output location ${output} already exists, but is not a file, but something else (e.g. folder). Cannot save to it.`);
             }
@@ -94,6 +94,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
         shouldDumpIo: dumpBrowserLogs,
         chromiumOptions,
         forceDeviceScaleFactor: scale !== null && scale !== void 0 ? scale : 1,
+        indent: false,
     }));
     const page = await browserInstance.newPage();
     await page.setViewport({
@@ -110,8 +111,16 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
         onError: errorCallback,
         frame: null,
     });
+    const logCallback = (log) => {
+        onBrowserLog === null || onBrowserLog === void 0 ? void 0 : onBrowserLog({
+            stackTrace: log.stackTrace(),
+            text: log.text,
+            type: log.type,
+        });
+    };
     const cleanup = async () => {
         cleanUpJSException();
+        page.off('console', logCallback);
         if (puppeteerInstance) {
             await page.close();
         }
@@ -124,6 +133,9 @@ const innerRenderStill = async ({ composition, quality, imageFormat = image_form
     cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
         cleanup();
     });
+    if (onBrowserLog) {
+        page.on('console', logCallback);
+    }
     await (0, set_props_and_env_1.setPropsAndEnv)({
         inputProps,
         envVariables,
@@ -186,7 +198,7 @@ const renderStill = (options) => {
     const downloadMap = (_a = options.downloadMap) !== null && _a !== void 0 ? _a : (0, download_map_1.makeDownloadMap)();
     const onDownload = (_b = options.onDownload) !== null && _b !== void 0 ? _b : (() => () => undefined);
     const happyPath = new Promise((resolve, reject) => {
-        var _a, _b;
+        var _a, _b, _c;
         const onError = (err) => reject(err);
         let close = null;
         (0, prepare_server_1.prepareServer)({
@@ -198,6 +210,7 @@ const renderStill = (options) => {
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
             concurrency: 1,
             verbose: (_b = options.verbose) !== null && _b !== void 0 ? _b : false,
+            indent: (_c = options.indent) !== null && _c !== void 0 ? _c : false,
         })
             .then(({ serveUrl, closeServer, offthreadPort }) => {
             close = closeServer;

package/dist/resolve-asset-src.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveAssetSrc = void 0;
-const url_1 = __importDefault(require("url"));
+const node_url_1 = __importDefault(require("node:url"));
 const resolveAssetSrc = (src) => {
     if (!src.startsWith('file:')) {
         return src;
     }
     const { protocol } = new URL(src);
     if (protocol === 'file:')
-        return url_1.default.fileURLToPath(src);
+        return node_url_1.default.fileURLToPath(src);
     throw new TypeError(`Unexpected src ${src}`);
 };
 exports.resolveAssetSrc = resolveAssetSrc;

package/dist/screenshot-dom-element.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/screenshot-task.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/screenshot-task.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotTask = void 0;
-const fs_1 = __importDefault(require("fs"));
+const node_fs_1 = __importDefault(require("node:fs"));
 const perf_1 = require("./perf");
 const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }) => {
     var _a;
@@ -64,7 +64,7 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
         const saveMarker = (0, perf_1.startPerfMeasure)('save');
         const buffer = Buffer.from(result.data, 'base64');
         if (path)
-            await fs_1.default.promises.writeFile(path, buffer);
+            await node_fs_1.default.promises.writeFile(path, buffer);
         (0, perf_1.stopPerfMeasure)(saveMarker);
         return buffer;
     }

package/dist/serve-handler/index.d.ts

@@ -1,4 +1,4 @@
-import type { IncomingMessage, ServerResponse } from 'http';
+import type { IncomingMessage, ServerResponse } from 'node:http';
 export declare const serveHandler: (request: IncomingMessage, response: ServerResponse, config: {
     public: string;
 }) => Promise<void>;