@remotion/renderer 4.0.0-alpha4 → 4.0.0-alpha6

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");
@@ -15,14 +15,13 @@ const crf_1 = require("./crf");
 const delete_directory_1 = require("./delete-directory");
 const ensure_frames_in_order_1 = require("./ensure-frames-in-order");
 const ensure_output_directory_1 = require("./ensure-output-directory");
-const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
 const get_extension_from_codec_1 = require("./get-extension-from-codec");
 const get_extension_of_filename_1 = require("./get-extension-of-filename");
 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 legacy_webpack_config_1 = require("./legacy-webpack-config");
+const jpeg_quality_1 = require("./jpeg-quality");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const overwrite_1 = require("./overwrite");
 const perf_1 = require("./perf");
@@ -30,36 +29,27 @@ const pixel_format_1 = require("./pixel-format");
 const prespawn_ffmpeg_1 = require("./prespawn-ffmpeg");
 const prestitcher_memory_usage_1 = require("./prestitcher-memory-usage");
 const prores_profile_1 = require("./prores-profile");
-const quality_1 = require("./quality");
 const render_frames_1 = require("./render-frames");
 const stitch_frames_to_video_1 = require("./stitch-frames-to-video");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
 const validate_every_nth_frame_1 = require("./validate-every-nth-frame");
-const validate_ffmpeg_1 = require("./validate-ffmpeg");
 const validate_ffmpeg_override_1 = require("./validate-ffmpeg-override");
+const validate_number_of_gif_loops_1 = require("./validate-number-of-gif-loops");
 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 getConcurrency = (others) => {
-    if ('concurrency' in others) {
-        return others.concurrency;
-    }
-    if ('parallelism' in others) {
-        return others.parallelism;
-    }
-    return null;
-};
 /**
  *
  * @description Render a video from a composition
  * @see [Documentation](https://www.remotion.dev/docs/renderer/render-media)
  */
-const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprobeExecutable, inputProps, pixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, dumpBrowserLogs, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, onSlowestFrames, audioCodec, ...options }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const remotionRoot = (0, find_closest_package_json_1.findRemotionRoot)();
-    (0, validate_ffmpeg_1.validateFfmpeg)(ffmpegExecutable !== null && ffmpegExecutable !== void 0 ? ffmpegExecutable : null, remotionRoot, 'ffmpeg');
-    (0, quality_1.validateQuality)(options.quality);
+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;
+    if (options.quality) {
+        throw new Error(`The "quality" option has been renamed. Please use "jpegQuality" instead.`);
+    }
+    (0, jpeg_quality_1.validateJpegQuality)(options.jpegQuality);
     (0, crf_1.validateQualitySettings)({ crf, codec, videoBitrate });
     (0, validate_videobitrate_1.validateBitrate)(audioBitrate, 'audioBitrate');
     (0, validate_videobitrate_1.validateBitrate)(videoBitrate, 'videoBitrate');
@@ -77,15 +67,14 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         });
     }
     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);
-    const concurrency = getConcurrency(options);
     (0, validate_ffmpeg_override_1.validateFfmpegOverride)(ffmpegOverride);
     const everyNthFrame = (_b = options.everyNthFrame) !== null && _b !== void 0 ? _b : 1;
     (0, validate_every_nth_frame_1.validateEveryNthFrame)(everyNthFrame, codec);
     const numberOfGifLoops = (_c = options.numberOfGifLoops) !== null && _c !== void 0 ? _c : null;
-    const serveUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(options);
+    (0, validate_number_of_gif_loops_1.validateNumberOfGifLoops)(numberOfGifLoops, codec);
     let stitchStage = 'encoding';
     let stitcherFfmpeg;
     let preStitcher = null;
@@ -104,28 +93,29 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         hasEnoughMemory &&
         (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec);
     if (options.verbose) {
-        console.log('[PRESTITCHER] Free memory:', freeMemory, 'Estimated usage parallel encoding', estimatedUsage);
-        console.log('[PRESTITCHER]: Codec supports parallel rendering:', (0, can_use_parallel_encoding_1.canUseParallelEncoding)(codec));
-        console.log('[PRESTITCHER]: User disallowed parallel encoding:', Boolean(options.disallowParallelEncoding));
+        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) {
-            console.log('[PRESTITCHER] Parallel encoding is enabled.');
+            log('[PRESTITCHER] Parallel encoding is enabled.');
         }
         else {
-            console.log('[PRESTITCHER] Parallel encoding is disabled.');
+            log('[PRESTITCHER] Parallel encoding is disabled.');
         }
     }
     const imageFormat = (0, is_audio_codec_1.isAudioCodec)(codec)
         ? 'none'
-        : (_f = options.imageFormat) !== null && _f !== void 0 ? _f : 'jpeg';
-    const quality = imageFormat === 'jpeg' ? options.quality : undefined;
+        : (_g = options.imageFormat) !== null && _g !== void 0 ? _g : '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 (((_g = options.internal) === null || _g === void 0 ? void 0 : _g.onCtrlCExit) && outputDir) {
+        : node_fs_1.default.mkdtempSync(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
+    if (((_h = options.internal) === null || _h === void 0 ? void 0 : _h.onCtrlCExit) && outputDir) {
         options.internal.onCtrlCExit(() => (0, delete_directory_1.deleteDirectory)(outputDir));
     }
     (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
@@ -156,10 +146,10 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
     const { waitForRightTimeOfFrameToBeInserted, setFrameToStitch, waitForFinish } = (0, ensure_frames_in_order_1.ensureFramesInOrder)(realFrameRange);
     const fps = composition.fps / (everyNthFrame !== null && everyNthFrame !== void 0 ? everyNthFrame : 1);
     remotion_1.Internals.validateFps(fps, 'in "renderMedia()"', codec === 'gif');
-    const createPrestitcherIfNecessary = async () => {
+    const createPrestitcherIfNecessary = () => {
         var _a;
         if (preEncodedFileLocation) {
-            preStitcher = await (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
+            preStitcher = (0, prespawn_ffmpeg_1.prespawnFfmpeg)({
                 width: composition.width * (scale !== null && scale !== void 0 ? scale : 1),
                 height: composition.height * (scale !== null && scale !== void 0 ? scale : 1),
                 fps,
@@ -173,12 +163,11 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                     callUpdate();
                 },
                 verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
-                ffmpegExecutable,
                 imageFormat,
                 signal: cancelPrestitcher.cancelSignal,
                 ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : (({ args }) => args),
                 videoBitrate: videoBitrate !== null && videoBitrate !== void 0 ? videoBitrate : null,
-            }, remotionRoot);
+            });
             stitcherFfmpeg = preStitcher.task;
         }
     };
@@ -221,16 +210,17 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         }
         minTime = (_b = (_a = slowestFrames[slowestFrames.length - 1]) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : minTime;
     };
-    const happyPath = createPrestitcherIfNecessary()
+    const happyPath = Promise.resolve(createPrestitcherIfNecessary())
         .then(() => {
+        var _a;
         const renderFramesProc = (0, render_frames_1.renderFrames)({
-            config: composition,
+            composition,
             onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
                 renderedFrames = frame;
                 callUpdate();
                 recordFrameTime(frameIndex, timeToRenderInMilliseconds);
             },
-            concurrency,
+            concurrency: options.concurrency,
             outputDir,
             onStart: (data) => {
                 renderedFrames = 0;
@@ -240,7 +230,7 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
             inputProps,
             envVariables,
             imageFormat,
-            quality,
+            jpegQuality,
             frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
             puppeteerInstance,
             everyNthFrame,
@@ -257,20 +247,19 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                     setFrameToStitch(Math.min(realFrameRange[1] + 1, frame + everyNthFrame));
                 }
                 : undefined,
-            serveUrl,
+            serveUrl: options.serveUrl,
             dumpBrowserLogs,
             onBrowserLog,
             onDownload,
             timeoutInMilliseconds,
             chromiumOptions,
             scale,
-            ffmpegExecutable,
-            ffprobeExecutable,
             browserExecutable,
             port,
             cancelSignal: cancelRenderFrames.cancelSignal,
             downloadMap,
             muted: disableAudio,
+            verbose: (_a = options.verbose) !== null && _a !== void 0 ? _a : false,
         });
         return renderFramesProc;
     })
@@ -302,8 +291,6 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
                 proResProfile,
                 crf,
                 assetsInfo,
-                ffmpegExecutable,
-                ffprobeExecutable,
                 onProgress: (frame) => {
                     stitchStage = 'muxing';
                     encodedFrames = frame;
@@ -329,8 +316,11 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         encodedDoneIn = Date.now() - stitchStart;
         callUpdate();
         slowestFrames.sort((a, b) => b.time - a.time);
-        onSlowestFrames === null || onSlowestFrames === void 0 ? void 0 : onSlowestFrames(slowestFrames);
-        return buffer;
+        const result = {
+            buffer,
+            slowestFrames,
+        };
+        return result;
     })
         .catch((err) => {
         /**
@@ -358,15 +348,15 @@ const renderMedia = ({ proResProfile, crf, composition, ffmpegExecutable, ffprob
         .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

@@ -1,42 +1,46 @@
 /// <reference types="node" />
-import type { SmallTCompMetadata } from 'remotion';
+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 { FfmpegExecutable } from './ffmpeg-executable';
 import type { StillImageFormat } from './image-format';
-import type { ServeUrlOrWebpackBundle } from './legacy-webpack-config';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
 declare type InnerStillOptions = {
-    composition: SmallTCompMetadata;
+    composition: AnySmallCompMetadata;
     output?: string | null;
     frame?: number;
     inputProps?: unknown;
     imageFormat?: StillImageFormat;
-    quality?: number;
+    /**
+     * @deprecated Renamed to `jpegQuality`
+     */
+    quality?: never;
+    jpegQuality?: number;
     puppeteerInstance?: PuppeteerBrowser;
     dumpBrowserLogs?: boolean;
     envVariables?: Record<string, string>;
     overwrite?: boolean;
     browserExecutable?: BrowserExecutable;
+    onBrowserLog?: (log: BrowserLog) => void;
     timeoutInMilliseconds?: number;
     chromiumOptions?: ChromiumOptions;
     scale?: number;
     onDownload?: RenderMediaOnDownload;
     cancelSignal?: CancelSignal;
-    ffmpegExecutable?: FfmpegExecutable;
-    ffprobeExecutable?: FfmpegExecutable;
     /**
      * @deprecated Only for Remotion internal usage
      */
     downloadMap?: DownloadMap;
+    verbose?: boolean;
 };
 declare type RenderStillReturnValue = {
     buffer: Buffer | null;
 };
-export declare type RenderStillOptions = InnerStillOptions & ServeUrlOrWebpackBundle & {
+export declare type RenderStillOptions = InnerStillOptions & {
+    serveUrl: string;
     port?: number | null;
 };
 /**

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");
@@ -37,18 +37,20 @@ const ensure_output_directory_1 = require("./ensure-output-directory");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const image_format_1 = require("./image-format");
-const legacy_webpack_config_1 = require("./legacy-webpack-config");
+const jpeg_quality_1 = require("./jpeg-quality");
 const make_cancel_signal_1 = require("./make-cancel-signal");
 const open_browser_1 = require("./open-browser");
 const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const quality_1 = require("./quality");
 const seek_to_frame_1 = require("./seek-to-frame");
 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 = 'png', serveUrl, puppeteerInstance, dumpBrowserLogs = false, onError, inputProps, envVariables, output, frame = 0, overwrite = true, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale = 1, proxyPort, cancelSignal, downloadMap, }) => {
+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.');
+    }
     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);
@@ -57,7 +59,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
         component: 'in the `config` object passed to `renderStill()`',
         allowFloats: false,
     });
-    (0, image_format_1.validateNonNullImageFormat)(imageFormat);
+    (0, image_format_1.validateStillImageFormat)(imageFormat);
     remotion_1.Internals.validateFrame({
         frame,
         durationInFrames: composition.durationInFrames,
@@ -70,17 +72,17 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
     (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;
-    if (quality !== undefined && imageFormat !== 'jpeg') {
+        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, quality_1.validateQuality)(quality);
+    (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.`);
             }
@@ -108,8 +110,16 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
         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();
         }
@@ -122,6 +132,9 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
     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,
@@ -168,7 +181,7 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
         imageFormat,
         scale,
         output,
-        quality,
+        jpegQuality,
         wantsBuffer: !output,
     });
     await cleanup();
@@ -181,22 +194,21 @@ const innerRenderStill = async ({ composition, quality, imageFormat = 'png', ser
  */
 const renderStill = (options) => {
     var _a, _b;
-    const selectedServeUrl = (0, legacy_webpack_config_1.getServeUrlWithFallback)(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, _c;
+        var _a, _b;
         const onError = (err) => reject(err);
         let close = null;
         (0, prepare_server_1.prepareServer)({
-            webpackConfigOrServeUrl: selectedServeUrl,
+            webpackConfigOrServeUrl: options.serveUrl,
             onDownload,
             onError,
-            ffmpegExecutable: (_a = options.ffmpegExecutable) !== null && _a !== void 0 ? _a : null,
-            ffprobeExecutable: (_b = options.ffprobeExecutable) !== null && _b !== void 0 ? _b : null,
-            port: (_c = options.port) !== null && _c !== void 0 ? _c : null,
+            port: (_a = options.port) !== null && _a !== void 0 ? _a : null,
             downloadMap,
             remotionRoot: (0, find_closest_package_json_1.findRemotionRoot)(),
+            concurrency: 1,
+            verbose: (_b = options.verbose) !== null && _b !== void 0 ? _b : 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,11 +1,10 @@
-/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
-import type { ImageFormat } from './image-format';
-export declare const screenshotDOMElement: ({ page, imageFormat, quality, opts, height, width, clipRegion, }: {
+import type { StillImageFormat } from './image-format';
+export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }: {
     page: Page;
-    imageFormat: ImageFormat;
-    quality: number | undefined;
+    imageFormat: StillImageFormat;
+    jpegQuality: number | undefined;
     opts: {
         path: string | null;
     };

package/dist/screenshot-dom-element.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotDOMElement = void 0;
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
-const screenshotDOMElement = async ({ page, imageFormat, quality, opts, height, width, clipRegion, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }) => {
     const { path } = opts;
-    if (imageFormat === 'png') {
+    if (imageFormat === 'png' ||
+        imageFormat === 'pdf' ||
+        imageFormat === 'webp') {
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             pageFunction: () => {
                 document.body.style.background = 'transparent';
@@ -25,6 +27,7 @@ const screenshotDOMElement = async ({ page, imageFormat, quality, opts, height,
             page,
         });
     }
+    // @ts-expect-error
     if (imageFormat === 'none') {
         throw new TypeError('Tried to make a screenshot with format "none"');
     }
@@ -33,7 +36,7 @@ const screenshotDOMElement = async ({ page, imageFormat, quality, opts, height,
         omitBackground: imageFormat === 'png',
         path: path !== null && path !== void 0 ? path : undefined,
         type: imageFormat,
-        quality,
+        jpegQuality,
         width,
         height,
         clipRegion,

package/dist/screenshot-task.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="node" />
 import type { ClipRegion } from 'remotion';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, quality, clipRegion, }: {
+export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }: {
     page: Page;
     format: StillImageFormat;
     path?: string | undefined;
-    quality?: number | undefined;
+    jpegQuality?: number | undefined;
     omitBackground: boolean;
     width: number;
     height: number;

package/dist/screenshot-task.js

@@ -4,9 +4,9 @@ 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, quality, clipRegion, }) => {
+const screenshotTask = async ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }) => {
     var _a;
     const client = page._client();
     const target = page.target();
@@ -15,41 +15,56 @@ const screenshotTask = async ({ format, height, omitBackground, page, width, pat
         targetId: target._targetId,
     });
     (0, perf_1.stopPerfMeasure)(perfTarget);
-    const shouldSetDefaultBackground = omitBackground && format === 'png';
+    const shouldSetDefaultBackground = omitBackground;
     if (shouldSetDefaultBackground)
         await client.send('Emulation.setDefaultBackgroundColorOverride', {
             color: { r: 0, g: 0, b: 0, a: 0 },
         });
     const cap = (0, perf_1.startPerfMeasure)('capture');
     try {
-        const result = await client.send('Page.captureScreenshot', {
-            format,
-            quality,
-            clip: clipRegion !== null && clipRegion !== 'hide'
-                ? {
-                    x: clipRegion.x,
-                    y: clipRegion.y,
-                    height: clipRegion.height,
-                    scale: 1,
-                    width: clipRegion.width,
-                }
-                : {
-                    x: 0,
-                    y: 0,
-                    height,
-                    scale: 1,
-                    width,
-                },
-            captureBeyondViewport: true,
-            optimizeForSpeed: true,
-        });
+        let result;
+        if (format === 'pdf') {
+            result = await client.send('Page.printToPDF', {
+                paperWidth: width / 96,
+                paperHeight: height / 96,
+                marginTop: 0,
+                marginBottom: 0,
+                marginLeft: 0,
+                marginRight: 0,
+                scale: 1,
+                printBackground: true,
+            });
+        }
+        else {
+            result = await client.send('Page.captureScreenshot', {
+                format,
+                quality: jpegQuality,
+                clip: clipRegion !== null && clipRegion !== 'hide'
+                    ? {
+                        x: clipRegion.x,
+                        y: clipRegion.y,
+                        height: clipRegion.height,
+                        scale: 1,
+                        width: clipRegion.width,
+                    }
+                    : {
+                        x: 0,
+                        y: 0,
+                        height,
+                        scale: 1,
+                        width,
+                    },
+                captureBeyondViewport: true,
+                optimizeForSpeed: true,
+            });
+        }
         (0, perf_1.stopPerfMeasure)(cap);
         if (shouldSetDefaultBackground)
             await client.send('Emulation.setDefaultBackgroundColorOverride');
         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>;