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

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="node" />
 import execa from 'execa';
+import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
 import { mimeContentType, mimeLookup } from './mime-types';
 import * as perf from './perf';
@@ -9,15 +10,14 @@ export { AudioCodec } from './audio-codec';
 export { Browser } from './browser';
 export { BrowserExecutable } from './browser-executable';
 export { BrowserLog } from './browser-log';
+export type { HeadlessBrowser } from './browser/Browser';
 export { Codec, CodecOrUndefined } from './codec';
 export { Crf } from './crf';
 export { ErrorWithStackFrame } from './error-handling/handle-javascript-exception';
 export type { FfmpegOverrideFn } from './ffmpeg-override';
 export { FileExtension } from './file-extensions';
 export { FrameRange } from './frame-range';
-export { getCanExtractFramesFast } from './get-can-extract-frames-fast';
 export { getCompositions } from './get-compositions';
-export { getActualConcurrency } from './get-concurrency';
 export { ImageFormat, StillImageFormat, validateSelectedPixelFormatAndImageFormatCombination, VideoImageFormat, } from './image-format';
 export type { LogLevel } from './log-level';
 export { CancelSignal, makeCancelSignal } from './make-cancel-signal';
@@ -29,6 +29,7 @@ export { ProResProfile } from './prores-profile';
 export { renderFrames } from './render-frames';
 export { renderMedia, RenderMediaOnProgress, RenderMediaOptions, SlowFrame, StitchingState, } from './render-media';
 export { renderStill, RenderStillOptions } from './render-still';
+export { selectComposition } from './select-composition';
 export { StitcherOptions, stitchFramesToVideo } from './stitch-frames-to-video';
 export { SymbolicatedStackFrame } from './symbolicate-stacktrace';
 export { OnStartData, RenderFramesOutput } from './types';
@@ -43,9 +44,13 @@ export declare const RenderInternals: {
         onError: (err: Error) => void;
         downloadMap: import("./assets/download-map").DownloadMap;
         remotionRoot: string;
+        concurrency: number;
+        verbose: boolean;
+        indent: boolean;
     }) => Promise<{
         port: number;
         close: () => Promise<void>;
+        compositor: import("./compositor/compositor").Compositor;
     }>;
     validateEvenDimensionsWithCodec: ({ width, height, codec, scale, }: {
         width: number;
@@ -60,7 +65,7 @@ export declare const RenderInternals: {
     ensureOutputDirectory: (outputLocation: string) => void;
     getRealFrameRange: (durationInFrames: number, frameRange: import("./frame-range").FrameRange | null) => [number, number];
     validatePuppeteerTimeout: (timeoutInMilliseconds: unknown) => void;
-    downloadFile: ({ onProgress, url, to: toFn, }: {
+    downloadFile: (options: {
         url: string;
         to: (contentDisposition: string | null, contentType: string | null) => string;
         onProgress: ((progress: {
@@ -68,7 +73,7 @@ export declare const RenderInternals: {
             downloaded: number;
             totalSize: number | null;
         }) => void) | undefined;
-    }) => Promise<{
+    }, retries?: number) => Promise<{
         sizeInBytes: number;
         to: string;
     }>;
@@ -110,8 +115,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: import("./browser").Browser;
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | null;
-    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | null) => "angle" | "swangle" | "egl" | "swiftshader" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
+    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -119,7 +124,7 @@ export declare const RenderInternals: {
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
     logLevels: readonly ["verbose", "info", "warn", "error"];
-    isEqualOrBelowLogLevel: (currentLevel: "error" | "verbose" | "info" | "warn", level: "error" | "verbose" | "info" | "warn") => boolean;
+    isEqualOrBelowLogLevel: (currentLevel: "verbose" | "error" | "info" | "warn", level: "verbose" | "error" | "info" | "warn") => boolean;
     isValidLogLevel: (level: string) => boolean;
     perf: typeof perf;
     makeDownloadMap: () => import("./assets/download-map").DownloadMap;
@@ -284,23 +289,94 @@ export declare const RenderInternals: {
     defaultCodecsForFileExtension: Record<import("./file-extensions").FileExtension, "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif">;
     getExecutablePath: (type: "compositor" | "ffmpeg" | "ffprobe" | "ffmpeg-cwd") => string;
     callFf: (bin: "ffmpeg" | "ffprobe", args: (string | null)[], options?: execa.Options<string> | undefined) => execa.ExecaChildProcess<string>;
-    callFfExtraOptions: () => {
+    dynamicLibraryPathOptions: () => {
         env: {
             DYLD_LIBRARY_PATH: string;
-            PATH?: undefined;
-            LD_LIBRARY_PATH?: undefined;
+            RUST_BACKTRACE: string;
         } | {
             PATH: string;
-            DYLD_LIBRARY_PATH?: undefined;
-            LD_LIBRARY_PATH?: undefined;
+            RUST_BACKTRACE: string;
         } | {
             LD_LIBRARY_PATH: string;
-            DYLD_LIBRARY_PATH?: undefined;
-            PATH?: undefined;
+            RUST_BACKTRACE: string;
         };
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "none" | "png" | "jpeg";
+    chalk: {
+        enabled: boolean;
+        visible: boolean;
+        styles: Record<string, {
+            codes: [number, number];
+            name: string;
+            wrap?: ((input: string, newline: boolean) => string) | undefined;
+        }>;
+        keys: Record<string, string[]>;
+        alias?: ((name: string, col: string) => void) | undefined;
+    } & {
+        reset: (str: string) => string;
+        bold: (str: string) => string;
+        dim: (str: string) => string;
+        italic: (str: string) => string;
+        underline: (str: string) => string;
+        inverse: (str: string) => string;
+        hidden: (str: string) => string;
+        strikethrough: (str: string) => string;
+        black: (str: string) => string;
+        red: (str: string) => string;
+        green: (str: string) => string;
+        yellow: (str: string) => string;
+        blue: (str: string) => string;
+        magenta: (str: string) => string;
+        white: (str: string) => string;
+        gray: (str: string) => string;
+        bgBlack: (str: string) => string;
+        bgRed: (str: string) => string;
+        bgGreen: (str: string) => string;
+        bgYellow: (str: string) => string;
+        bgBlue: (str: string) => string;
+        bgMagenta: (str: string) => string;
+        bgWhite: (str: string) => string;
+        blackBright: (str: string) => string;
+        redBright: (str: string) => string;
+        greenBright: (str: string) => string;
+        yellowBright: (str: string) => string;
+        blueBright: (str: string) => string;
+        magentaBright: (str: string) => string;
+        whiteBright: (str: string) => string;
+        bgBlackBright: (str: string) => string;
+        bgRedBright: (str: string) => string;
+        bgGreenBright: (str: string) => string;
+        bgYellowBright: (str: string) => string;
+        bgBlueBright: (str: string) => string;
+        bgMagentaBright: (str: string) => string;
+        bgWhiteBright: (str: string) => string;
+    };
+    Log: {
+        verbose: (message?: any, ...optionalParams: any[]) => void;
+        verboseAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "error" | "info" | "warn";
+        } & {
+            tag?: string | undefined;
+        }, message?: any, ...optionalParams: any[]) => void;
+        info: (message?: any, ...optionalParams: any[]) => void;
+        infoAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "error" | "info" | "warn";
+        }, message?: any, ...optionalParams: any[]) => void;
+        warn: (message?: any, ...optionalParams: any[]) => void;
+        warnAdvanced: (options: {
+            indent: boolean;
+            logLevel: "verbose" | "error" | "info" | "warn";
+        }, message?: any, ...optionalParams: any[]) => void;
+        error: (message?: any, ...optionalParams: any[]) => void;
+    };
+    getLogLevel: () => "verbose" | "error" | "info" | "warn";
+    setLogLevel: (newLogLevel: "verbose" | "error" | "info" | "warn") => void;
+    INDENT_TOKEN: string;
+    isColorSupported: boolean;
+    HeadlessBrowser: typeof HeadlessBrowser;
 };

package/dist/index.js

@@ -26,15 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderInternals = exports.validateOutputFilename = exports.stitchFramesToVideo = exports.renderStill = exports.renderMedia = exports.renderFrames = exports.openBrowser = exports.makeCancelSignal = exports.validateSelectedPixelFormatAndImageFormatCombination = exports.getActualConcurrency = exports.getCompositions = exports.getCanExtractFramesFast = exports.ErrorWithStackFrame = void 0;
+exports.RenderInternals = exports.validateOutputFilename = exports.stitchFramesToVideo = exports.selectComposition = exports.renderStill = exports.renderMedia = exports.renderFrames = exports.openBrowser = exports.makeCancelSignal = exports.validateSelectedPixelFormatAndImageFormatCombination = exports.getCompositions = exports.ErrorWithStackFrame = void 0;
 const execa_1 = __importDefault(require("execa"));
 const download_file_1 = require("./assets/download-file");
 const download_map_1 = require("./assets/download-map");
 const audio_codec_1 = require("./audio-codec");
 const browser_1 = require("./browser");
+const Browser_1 = require("./browser/Browser");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const call_ffmpeg_1 = require("./call-ffmpeg");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
+const chalk_1 = require("./chalk");
+const is_color_supported_1 = require("./chalk/is-color-supported");
 const check_apple_silicon_1 = require("./check-apple-silicon");
 const codec_1 = require("./codec");
 const combine_videos_1 = require("./combine-videos");
@@ -59,6 +62,7 @@ const is_audio_codec_1 = require("./is-audio-codec");
 const is_serve_url_1 = require("./is-serve-url");
 const jpeg_quality_1 = require("./jpeg-quality");
 const log_level_1 = require("./log-level");
+const logger_1 = require("./logger");
 const mime_types_1 = require("./mime-types");
 const open_browser_1 = require("./open-browser");
 const parse_browser_error_stack_1 = require("./parse-browser-error-stack");
@@ -75,12 +79,8 @@ const validate_videobitrate_1 = require("./validate-videobitrate");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
 var handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 Object.defineProperty(exports, "ErrorWithStackFrame", { enumerable: true, get: function () { return handle_javascript_exception_1.ErrorWithStackFrame; } });
-var get_can_extract_frames_fast_1 = require("./get-can-extract-frames-fast");
-Object.defineProperty(exports, "getCanExtractFramesFast", { enumerable: true, get: function () { return get_can_extract_frames_fast_1.getCanExtractFramesFast; } });
 var get_compositions_1 = require("./get-compositions");
 Object.defineProperty(exports, "getCompositions", { enumerable: true, get: function () { return get_compositions_1.getCompositions; } });
-var get_concurrency_2 = require("./get-concurrency");
-Object.defineProperty(exports, "getActualConcurrency", { enumerable: true, get: function () { return get_concurrency_2.getActualConcurrency; } });
 var image_format_2 = require("./image-format");
 Object.defineProperty(exports, "validateSelectedPixelFormatAndImageFormatCombination", { enumerable: true, get: function () { return image_format_2.validateSelectedPixelFormatAndImageFormatCombination; } });
 var make_cancel_signal_1 = require("./make-cancel-signal");
@@ -93,6 +93,8 @@ var render_media_1 = require("./render-media");
 Object.defineProperty(exports, "renderMedia", { enumerable: true, get: function () { return render_media_1.renderMedia; } });
 var render_still_1 = require("./render-still");
 Object.defineProperty(exports, "renderStill", { enumerable: true, get: function () { return render_still_1.renderStill; } });
+var select_composition_1 = require("./select-composition");
+Object.defineProperty(exports, "selectComposition", { enumerable: true, get: function () { return select_composition_1.selectComposition; } });
 var stitch_frames_to_video_1 = require("./stitch-frames-to-video");
 Object.defineProperty(exports, "stitchFramesToVideo", { enumerable: true, get: function () { return stitch_frames_to_video_1.stitchFramesToVideo; } });
 var validate_output_filename_1 = require("./validate-output-filename");
@@ -156,11 +158,18 @@ exports.RenderInternals = {
     defaultCodecsForFileExtension: get_extension_from_codec_1.defaultCodecsForFileExtension,
     getExecutablePath: get_executable_path_1.getExecutablePath,
     callFf: call_ffmpeg_1.callFf,
-    callFfExtraOptions: call_ffmpeg_1.callFfExtraOptions,
+    dynamicLibraryPathOptions: call_ffmpeg_1.dynamicLibraryPathOptions,
     validStillImageFormats: image_format_1.validStillImageFormats,
     validVideoImageFormats: image_format_1.validVideoImageFormats,
     DEFAULT_STILL_IMAGE_FORMAT: image_format_1.DEFAULT_STILL_IMAGE_FORMAT,
     DEFAULT_VIDEO_IMAGE_FORMAT: image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT,
+    chalk: chalk_1.chalk,
+    Log: logger_1.Log,
+    getLogLevel: logger_1.getLogLevel,
+    setLogLevel: logger_1.setLogLevel,
+    INDENT_TOKEN: logger_1.INDENT_TOKEN,
+    isColorSupported: is_color_supported_1.isColorSupported,
+    HeadlessBrowser: Browser_1.HeadlessBrowser,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_apple_silicon_1.checkNodeVersionAndWarnAboutRosetta)();

package/dist/last-frame-from-video-cache.d.ts

@@ -1,13 +1,16 @@
-/// <reference types="node" />
 import type { OffthreadVideoImageFormat } from 'remotion';
 import type { DownloadMap, SpecialVCodecForTransparency } from './assets/download-map';
+import type { FfmpegExecutable } from './ffmpeg-executable';
 export declare type LastFrameOptions = {
+    ffmpegExecutable: FfmpegExecutable;
+    ffprobeExecutable: FfmpegExecutable;
     offset: number;
     src: string;
     specialVCodecForTransparency: SpecialVCodecForTransparency;
     imageFormat: OffthreadVideoImageFormat;
     needsResize: [number, number] | null;
     downloadMap: DownloadMap;
+    remotionRoot: string;
 };
 export declare const setLastFrameInCache: (options: LastFrameOptions, data: Buffer) => void;
 export declare const getLastFrameFromCache: (options: LastFrameOptions) => Buffer | null;

package/dist/last-frame-from-video-cache.js

@@ -6,6 +6,7 @@ const MAX_CACHE_SIZE = 50 * 1024 * 1024; // 50MB
 let bufferSize = 0;
 const makeLastFrameCacheKey = (options) => {
     return [
+        options.ffmpegExecutable,
         options.offset,
         options.src,
         options.imageFormat,

package/dist/logger.d.ts

@@ -0,0 +1,22 @@
+import type { LogLevel } from './log-level';
+export declare const INDENT_TOKEN: string;
+declare type LogOptions = {
+    indent: boolean;
+    logLevel: LogLevel;
+};
+declare type VerboseLogOptions = LogOptions & {
+    tag?: string;
+};
+export declare const verboseTag: (str: string) => string;
+export declare const Log: {
+    verbose: (message?: any, ...optionalParams: any[]) => void;
+    verboseAdvanced: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => void;
+    info: (message?: any, ...optionalParams: any[]) => void;
+    infoAdvanced: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
+    warn: (message?: any, ...optionalParams: any[]) => void;
+    warnAdvanced: (options: LogOptions, message?: any, ...optionalParams: any[]) => void;
+    error: (message?: any, ...optionalParams: any[]) => void;
+};
+export declare const getLogLevel: () => "verbose" | "error" | "info" | "warn";
+export declare const setLogLevel: (newLogLevel: LogLevel) => void;
+export {};

package/dist/logger.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setLogLevel = exports.getLogLevel = exports.Log = exports.verboseTag = exports.INDENT_TOKEN = void 0;
+const chalk_1 = require("./chalk");
+const is_color_supported_1 = require("./chalk/is-color-supported");
+const log_level_1 = require("./log-level");
+const truthy_1 = require("./truthy");
+exports.INDENT_TOKEN = chalk_1.chalk.gray('│');
+const verboseTag = (str) => {
+    return is_color_supported_1.isColorSupported
+        ? chalk_1.chalk.bgBlack(` ${str.toUpperCase()} `)
+        : `[${str.toUpperCase()}]`;
+};
+exports.verboseTag = verboseTag;
+exports.Log = {
+    verbose: (...args) => {
+        exports.Log.verboseAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
+    },
+    verboseAdvanced: (options, ...args) => {
+        if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'verbose')) {
+            return console.log(...[
+                options.indent ? exports.INDENT_TOKEN : null,
+                options.tag ? (0, exports.verboseTag)(options.tag) : null,
+                ...args.map((a) => chalk_1.chalk.gray(a)),
+            ].filter(truthy_1.truthy));
+        }
+    },
+    info: (...args) => {
+        exports.Log.infoAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
+    },
+    infoAdvanced: (options, ...args) => {
+        if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'info')) {
+            return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
+        }
+    },
+    warn: (...args) => {
+        exports.Log.warnAdvanced({ indent: false, logLevel: (0, exports.getLogLevel)() }, ...args);
+    },
+    warnAdvanced: (options, ...args) => {
+        if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'warn')) {
+            return console.warn(...[
+                options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null,
+                ...args.map((a) => chalk_1.chalk.yellow(a)),
+            ].filter(truthy_1.truthy));
+        }
+    },
+    error: (...args) => {
+        if ((0, log_level_1.isEqualOrBelowLogLevel)((0, exports.getLogLevel)(), 'error')) {
+            return console.error(...args.map((a) => chalk_1.chalk.red(a)));
+        }
+    },
+};
+let logLevel = 'info';
+const getLogLevel = () => {
+    return logLevel;
+};
+exports.getLogLevel = getLogLevel;
+const setLogLevel = (newLogLevel) => {
+    logLevel = newLogLevel;
+};
+exports.setLogLevel = setLogLevel;

package/dist/merge-audio-track.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeAudioTrack = void 0;
-const path_1 = __importDefault(require("path"));
+const node_path_1 = __importDefault(require("node:path"));
 const call_ffmpeg_1 = require("./call-ffmpeg");
 const chunk_1 = require("./chunk");
 const create_ffmpeg_complex_filter_1 = require("./create-ffmpeg-complex-filter");
@@ -29,7 +29,7 @@ const mergeAudioTrackUnlimited = async ({ outName, files, numberOfSeconds, downl
         const tempPath = (0, tmp_dir_1.tmpDir)('remotion-large-audio-mixing');
         try {
             const chunkNames = await Promise.all(chunked.map(async (chunkFiles, i) => {
-                const chunkOutname = path_1.default.join(tempPath, `chunk-${i}.wav`);
+                const chunkOutname = node_path_1.default.join(tempPath, `chunk-${i}.wav`);
                 await (0, exports.mergeAudioTrack)({
                     files: chunkFiles,
                     numberOfSeconds,

package/dist/mime-types.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mimeContentType = exports.mimeLookup = exports.getExt = void 0;
-const path_1 = require("path");
+const node_path_1 = require("node:path");
 const mime_db_1 = require("./mime-db");
 const extensions = {};
 const types = {};
@@ -17,7 +17,7 @@ function mimeLookup(path) {
         return false;
     }
     // get the extension ("ext" or ".ext" or full path)
-    const ext = (0, path_1.extname)('.' + path)
+    const ext = (0, node_path_1.extname)('.' + path)
         .toLowerCase()
         .substr(1);
     if (!ext) {

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

@@ -1,15 +1,21 @@
-import type { RequestListener } from 'http';
-import type { OffthreadVideoImageFormat } from 'remotion';
+import type { RequestListener } from 'node:http';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
+import type { Compositor } from './compositor/compositor';
 export declare const extractUrlAndSourceFromUrl: (url: string) => {
     src: string;
     time: number;
-    imageFormat: OffthreadVideoImageFormat;
+    transparent: boolean;
 };
-export declare const startOffthreadVideoServer: ({ onDownload, onError, downloadMap, remotionRoot, }: {
+export declare const startOffthreadVideoServer: ({ onDownload, onError, downloadMap, concurrency, verbose, indent, }: {
     onDownload: RenderMediaOnDownload;
     onError: (err: Error) => void;
     downloadMap: DownloadMap;
-    remotionRoot: string;
-}) => RequestListener;
+    concurrency: number;
+    verbose: boolean;
+    indent: boolean;
+}) => {
+    listener: RequestListener;
+    close: () => Promise<void>;
+    compositor: Compositor;
+};

package/dist/offthread-video-server.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startOffthreadVideoServer = exports.extractUrlAndSourceFromUrl = void 0;
-const remotion_1 = require("remotion");
-const url_1 = require("url");
+const node_url_1 = require("node:url");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
-const extract_frame_from_video_1 = require("./extract-frame-from-video");
+const compositor_1 = require("./compositor/compositor");
 const extractUrlAndSourceFromUrl = (url) => {
     const parsed = new URL(url, 'http://localhost');
     const query = parsed.search;
     if (!query.trim()) {
         throw new Error('Expected query from ' + url);
     }
-    const params = new url_1.URLSearchParams(query);
+    const params = new node_url_1.URLSearchParams(query);
     const src = params.get('src');
     if (!src) {
         throw new Error('Did not pass `src` parameter');
@@ -20,66 +19,77 @@ const extractUrlAndSourceFromUrl = (url) => {
     if (!time) {
         throw new Error('Did not get `time` parameter');
     }
-    const imageFormat = params.get('imageFormat');
-    if (!imageFormat) {
-        throw new TypeError('Did not get `imageFormat` parameter');
-    }
-    remotion_1.Internals.validateOffthreadVideoImageFormat(imageFormat);
+    const transparent = params.get('transparent');
     return {
         src,
         time: parseFloat(time),
-        imageFormat: imageFormat,
+        transparent: transparent === 'true',
     };
 };
 exports.extractUrlAndSourceFromUrl = extractUrlAndSourceFromUrl;
-const startOffthreadVideoServer = ({ onDownload, onError, downloadMap, remotionRoot, }) => {
-    return (req, res) => {
-        if (!req.url) {
-            throw new Error('Request came in without URL');
-        }
-        if (!req.url.startsWith('/proxy')) {
-            res.writeHead(404);
-            res.end();
-            return;
-        }
-        const { src, time, imageFormat } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
-        res.setHeader('access-control-allow-origin', '*');
-        res.setHeader('content-type', `image/${imageFormat === 'jpeg' ? 'jpg' : 'png'}`);
-        // Handling this case on Lambda:
-        // https://support.google.com/chrome/a/answer/7679408?hl=en
-        // Chrome sends Private Network Access preflights for subresources
-        if (req.method === 'OPTIONS') {
-            res.statusCode = 200;
-            if (req.headers['access-control-request-private-network']) {
-                res.setHeader('Access-Control-Allow-Private-Network', 'true');
+const startOffthreadVideoServer = ({ onDownload, onError, downloadMap, concurrency, verbose, indent, }) => {
+    const compositor = (0, compositor_1.startCompositor)('StartLongRunningProcess', {
+        concurrency,
+        maximum_frame_cache_items: (0, compositor_1.getIdealMaximumFrameCacheItems)(),
+        verbose,
+    }, indent);
+    return {
+        close: () => {
+            compositor.finishCommands();
+            return compositor.waitForDone();
+        },
+        listener: (req, res) => {
+            if (!req.url) {
+                throw new Error('Request came in without URL');
             }
-            res.end();
-            return;
-        }
-        (0, download_and_map_assets_to_file_1.downloadAsset)({ src, onDownload, downloadMap })
-            .then((to) => {
-            return (0, extract_frame_from_video_1.extractFrameFromVideo)({
-                time,
-                src: to,
-                imageFormat,
-                downloadMap,
-                remotionRoot,
-            });
-        })
-            .then((readable) => {
-            if (!readable) {
-                throw new Error('no readable from ffmpeg');
+            if (!req.url.startsWith('/proxy')) {
+                res.writeHead(404);
+                res.end();
+                return;
+            }
+            const { src, time, transparent } = (0, exports.extractUrlAndSourceFromUrl)(req.url);
+            res.setHeader('access-control-allow-origin', '*');
+            if (transparent) {
+                res.setHeader('content-type', `image/png`);
             }
-            res.writeHead(200);
-            res.write(readable);
-            res.end();
-        })
-            .catch((err) => {
-            res.writeHead(500);
-            res.end();
-            onError(err);
-            console.log('Error occurred', err);
-        });
+            else {
+                res.setHeader('content-type', `image/bmp`);
+            }
+            // Handling this case on Lambda:
+            // https://support.google.com/chrome/a/answer/7679408?hl=en
+            // Chrome sends Private Network Access preflights for subresources
+            if (req.method === 'OPTIONS') {
+                res.statusCode = 200;
+                if (req.headers['access-control-request-private-network']) {
+                    res.setHeader('Access-Control-Allow-Private-Network', 'true');
+                }
+                res.end();
+                return;
+            }
+            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, onDownload, downloadMap })
+                .then((to) => {
+                return compositor.executeCommand('ExtractFrame', {
+                    input: to,
+                    time,
+                    transparent,
+                });
+            })
+                .then((readable) => {
+                if (!readable) {
+                    throw new Error('no readable from ffmpeg');
+                }
+                res.writeHead(200);
+                res.write(readable);
+                res.end();
+            })
+                .catch((err) => {
+                res.writeHead(500);
+                res.end();
+                onError(err);
+                console.log('Error occurred', err);
+            });
+        },
+        compositor,
     };
 };
 exports.startOffthreadVideoServer = startOffthreadVideoServer;

package/dist/open-browser.d.ts

@@ -1,5 +1,5 @@
 import type { Browser } from './browser';
-import type { Browser as PuppeteerBrowser } from './browser/Browser';
+import type { HeadlessBrowser } from './browser/Browser';
 import type { Viewport } from './browser/PuppeteerViewport';
 declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
 declare type OpenGlRenderer = typeof validRenderers[number];
@@ -21,6 +21,6 @@ export declare const openBrowser: (browser: Browser, options?: {
     chromiumOptions?: ChromiumOptions;
     forceDeviceScaleFactor?: number;
     viewport?: Viewport;
-    indentationString?: string;
-}) => Promise<PuppeteerBrowser>;
+    indent?: boolean;
+}) => Promise<HeadlessBrowser>;
 export {};

package/dist/open-browser.js

@@ -43,7 +43,7 @@ const openBrowser = async (browser, options) => {
         executablePath,
         product: browser,
         dumpio: (_e = options === null || options === void 0 ? void 0 : options.shouldDumpIo) !== null && _e !== void 0 ? _e : false,
-        indentationString: (_f = options === null || options === void 0 ? void 0 : options.indentationString) !== null && _f !== void 0 ? _f : '',
+        indent: (_f = options === null || options === void 0 ? void 0 : options.indent) !== null && _f !== void 0 ? _f : false,
         args: [
             'about:blank',
             '--allow-pre-commit-input',

package/dist/options/jpeg-quality.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.jpegQualityOption = {
     name: 'JPEG Quality',
     cliFlag: '--jpeg-quality',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default is to leave it up to the browser, current default is 80." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80." })),
     ssrName: 'jpegQuality',
     docLink: 'https://www.remotion.dev/docs/renderer/render-media#jpeg-quality',
 };

package/dist/options/video-codec.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 exports.videoCodecOption = {
     name: 'Codec',
     cliFlag: '--codec',
-    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Remotion supports 5 video codecs: h264 (default), h265, vp8, vp9 and prores. While H264 will work well in most cases, sometimes it's worth going for a different codec. Follow the link below for an overview." })),
+    description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "H264 works well in most cases, sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM and ProRes support transparency." })),
     ssrName: 'codec',
     docLink: 'https://www.remotion.dev/docs/encoding/#choosing-a-codec',
 };