@remotion/cli 3.2.27 → 3.2.28

package/dist/benchmark.d.ts

@@ -0,0 +1 @@
+export declare const benchmarkCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/benchmark.js

@@ -0,0 +1,180 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.benchmarkCommand = void 0;
+const renderer_1 = require("@remotion/renderer");
+const path_1 = __importDefault(require("path"));
+const chalk_1 = require("./chalk");
+const config_1 = require("./config");
+const get_cli_options_1 = require("./get-cli-options");
+const get_render_media_options_1 = require("./get-render-media-options");
+const log_1 = require("./log");
+const make_progress_bar_1 = require("./make-progress-bar");
+const parse_command_line_1 = require("./parse-command-line");
+const progress_bar_1 = require("./progress-bar");
+const setup_cache_1 = require("./setup-cache");
+const truthy_1 = require("./truthy");
+const DEFAULT_RUNS = 3;
+const getValidConcurrency = (renderMediaOptions) => {
+    var _a;
+    const concurrency = 'concurrency' in renderMediaOptions
+        ? (_a = renderMediaOptions.concurrency) !== null && _a !== void 0 ? _a : null
+        : null;
+    const { concurrencies } = parse_command_line_1.parsedCli;
+    if (!concurrencies) {
+        return [renderer_1.RenderInternals.getActualConcurrency(concurrency)];
+    }
+    return concurrencies
+        .split(',')
+        .map((c) => parseInt(c.trim(), 10));
+};
+const runBenchmark = async (runs, options, onProgress) => {
+    const timeTaken = [];
+    for (let run = 0; run < runs; ++run) {
+        const startTime = performance.now();
+        await (0, renderer_1.renderMedia)({
+            ...options,
+            onProgress: ({ progress }) => onProgress === null || onProgress === void 0 ? void 0 : onProgress(run, progress),
+        });
+        const endTime = performance.now();
+        timeTaken.push(endTime - startTime);
+    }
+    return timeTaken;
+};
+const formatTime = (time) => {
+    let ret = '';
+    const hours = Math.floor(time / (60 * 60 * 1000));
+    if (hours) {
+        ret = `${hours}h`;
+    }
+    time %= 60 * 60 * 1000;
+    const minutes = Math.floor(time / (60 * 1000));
+    if (minutes) {
+        ret = `${ret}${minutes}m`;
+    }
+    time %= 60 * 1000;
+    const seconds = (time / 1000).toFixed(5);
+    if (seconds) {
+        ret = `${ret}${seconds}s`;
+    }
+    return ret;
+};
+const avg = (time) => time.reduce((prev, curr) => prev + curr) / time.length;
+const stdDev = (time) => {
+    const mean = avg(time);
+    return Math.sqrt(time.map((x) => (x - mean) ** 2).reduce((a, b) => a + b) / time.length);
+};
+const getResults = (results, runs) => {
+    const mean = avg(results);
+    const dev = stdDev(results);
+    const max = Math.max(...results);
+    const min = Math.min(...results);
+    return `    Time (${chalk_1.chalk.green('mean')} ± ${chalk_1.chalk.green('σ')}):         ${chalk_1.chalk.green(formatTime(mean))} ± ${chalk_1.chalk.green(formatTime(dev))}\n    Range (${chalk_1.chalk.blue('min')} ... ${chalk_1.chalk.red('max')}):     ${chalk_1.chalk.blue(formatTime(min))} ... ${chalk_1.chalk.red(formatTime(max))} \t ${chalk_1.chalk.gray(`${runs} runs`)}
+	`;
+};
+const makeBenchmarkProgressBar = ({ totalRuns, run, progress, doneIn, }) => {
+    const totalProgress = (run + progress) / totalRuns;
+    return [
+        `Rendering (${run + 1} out of ${totalRuns} runs)`,
+        (0, make_progress_bar_1.makeProgressBar)(totalProgress),
+        doneIn === null
+            ? `${(totalProgress * 100).toFixed(2)}% `
+            : chalk_1.chalk.gray(doneIn),
+    ].join(' ');
+};
+const benchmarkCommand = async (remotionRoot, args) => {
+    var _a, _b;
+    const runs = (_a = parse_command_line_1.parsedCli.runs) !== null && _a !== void 0 ? _a : DEFAULT_RUNS;
+    const filePath = args[0];
+    if (!filePath) {
+        log_1.Log.error('No entry file passed.');
+        log_1.Log.info('Pass an additional argument specifying the entry file');
+        log_1.Log.info();
+        log_1.Log.info(`$ remotion benchmark <entry file>`);
+        process.exit(1);
+    }
+    const fullPath = path_1.default.join(process.cwd(), filePath);
+    const { inputProps, envVariables, browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, port, puppeteerTimeout, browser, scale, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'series',
+        codec: 'h264',
+    });
+    const browserInstance = (0, renderer_1.openBrowser)(browser, {
+        browserExecutable,
+        shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+        chromiumOptions,
+        forceDeviceScaleFactor: scale,
+    });
+    const { urlOrBundle: bundleLocation, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
+        fullPath,
+        publicDir,
+        remotionRoot,
+        steps: ['bundling'],
+    });
+    const puppeteerInstance = await browserInstance;
+    const comps = await (0, renderer_1.getCompositions)(bundleLocation, {
+        inputProps,
+        envVariables,
+        chromiumOptions,
+        timeoutInMilliseconds: puppeteerTimeout,
+        ffmpegExecutable,
+        ffprobeExecutable,
+        port,
+        puppeteerInstance,
+    });
+    const ids = ((_b = args[1]) !== null && _b !== void 0 ? _b : '')
+        .split(',')
+        .map((c) => c.trim())
+        .filter(truthy_1.truthy);
+    const compositions = ids.map((compId) => {
+        const composition = comps.find((c) => c.id === compId);
+        if (!composition) {
+            throw new Error(`No composition with the ID "${compId}" found.`);
+        }
+        return composition;
+    });
+    if (compositions.length === 0) {
+        log_1.Log.error('No composition IDs passed. Add another argument to the command specifying at least 1 composition ID.');
+    }
+    const benchmark = {};
+    let count = 1;
+    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
+        downloadName: null,
+        outName: null,
+    });
+    for (const composition of compositions) {
+        const renderMediaOptions = await (0, get_render_media_options_1.getRenderMediaOptions)({
+            config: composition,
+            outputLocation: undefined,
+            serveUrl: bundleLocation,
+            codec,
+        });
+        const concurrency = getValidConcurrency(renderMediaOptions);
+        benchmark[composition.id] = {};
+        for (const con of concurrency) {
+            const benchmarkProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
+            log_1.Log.info();
+            log_1.Log.info(`${chalk_1.chalk.bold(`Benchmark #${count++}:`)} ${chalk_1.chalk.gray(`composition=${composition.id} concurrency=${con} codec=${codec} (${codecReason})`)}`);
+            const timeTaken = await runBenchmark(runs, {
+                ...renderMediaOptions,
+                puppeteerInstance,
+                concurrency: con,
+            }, (run, progress) => {
+                benchmarkProgress.update(makeBenchmarkProgressBar({
+                    totalRuns: runs,
+                    run,
+                    doneIn: null,
+                    progress,
+                }));
+            });
+            benchmarkProgress.update('');
+            benchmarkProgress.update(getResults(timeTaken, runs));
+            benchmark[composition.id][`${con}`] = timeTaken;
+        }
+    }
+    log_1.Log.info();
+    await cleanupBundle();
+};
+exports.benchmarkCommand = benchmarkCommand;

package/dist/compositions.js

@@ -38,6 +38,7 @@ const listCompositionsCommand = async (remotionRoot) => {
     const { browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'get-compositions',
+        codec: 'h264',
     });
     const { urlOrBundle: bundled, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
         remotionRoot,

package/dist/config/image-format.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUserPreferredImageFormat = exports.setImageFormat = void 0;
 const renderer_1 = require("@remotion/renderer");
+const truthy_1 = require("../truthy");
 let currentImageFormat;
 const setImageFormat = (format) => {
     if (typeof format === 'undefined') {
@@ -9,7 +10,13 @@ const setImageFormat = (format) => {
         return;
     }
     if (!renderer_1.RenderInternals.validImageFormats.includes(format)) {
-        throw new TypeError(`Value ${format} is not valid as an image format.`);
+        throw new TypeError([
+            `Value ${format} is not valid as an image format.`,
+            // @ts-expect-error
+            format === 'jpg' ? 'Did you mean "jpeg"?' : null,
+        ]
+            .filter(truthy_1.truthy)
+            .join(' '));
     }
     currentImageFormat = format;
 };

package/dist/config/log.d.ts

@@ -1,3 +1,3 @@
 import type { LogLevel } from '@remotion/renderer';
-export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
+export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;

package/dist/determine-image-format.d.ts

@@ -0,0 +1,11 @@
+import type { ImageFormat, StillImageFormat } from '@remotion/renderer';
+export declare const determineFinalImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }: {
+    downloadName: string | null;
+    outName: string | null;
+    configImageFormat: ImageFormat | null;
+    cliFlag: ImageFormat | null;
+    isLambda: boolean;
+}) => {
+    format: StillImageFormat;
+    source: string;
+};

package/dist/determine-image-format.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.determineFinalImageFormat = void 0;
+const deriveExtensionFromFilename = (filename) => {
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.png')) {
+        return 'png';
+    }
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.jpg')) {
+        return 'jpeg';
+    }
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.jpeg')) {
+        return 'jpeg';
+    }
+    return null;
+};
+const determineFinalImageFormat = ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }) => {
+    const outNameExtension = deriveExtensionFromFilename(outName);
+    const downloadNameExtension = deriveExtensionFromFilename(downloadName);
+    const outNameDescription = isLambda ? 'S3 output key' : 'out name';
+    if (outNameExtension &&
+        downloadNameExtension &&
+        outNameExtension !== downloadNameExtension) {
+        throw new TypeError(`Image format mismatch: ${outName} was given as the ${outNameDescription} and ${downloadName} was given as the download name, but the extensions don't match.`);
+    }
+    if (downloadNameExtension) {
+        if (cliFlag && downloadNameExtension !== cliFlag) {
+            throw new TypeError(`Image format mismatch: ${downloadName} was given as the download name, but --image-format=${cliFlag} was passed. The image formats must match.`);
+        }
+        return { format: downloadNameExtension, source: 'Download name extension' };
+    }
+    if (outNameExtension) {
+        if (cliFlag && outNameExtension !== cliFlag) {
+            throw new TypeError(`Image format mismatch: ${outName} was given as the ${outNameDescription}, but --image-format=${cliFlag} was passed. The image formats must match.`);
+        }
+        return { format: outNameExtension, source: 'Out name extension' };
+    }
+    if (cliFlag === 'none') {
+        throw new TypeError('The --image-format flag must not be "none" for stills.');
+    }
+    if (cliFlag !== null) {
+        return { format: cliFlag, source: '--image-format flag' };
+    }
+    if (configImageFormat !== null && configImageFormat !== 'none') {
+        return { format: configImageFormat, source: 'Config file' };
+    }
+    return { format: 'png', source: 'Default' };
+};
+exports.determineFinalImageFormat = determineFinalImageFormat;

package/dist/event-source-events.d.ts

@@ -3,4 +3,7 @@ export declare type EventSourceEvent = {
     newProps: object;
 } | {
     type: 'init';
+} | {
+    type: 'new-env-variables';
+    newEnvVariables: Record<string, string>;
 };

package/dist/event-source.js

@@ -7,7 +7,7 @@ const openEventSource = () => {
     source = new EventSource('/events');
     source.addEventListener('message', (event) => {
         const newEvent = JSON.parse(event.data);
-        if (newEvent.type === 'new-input-props') {
+        if (newEvent.type === 'new-input-props' || newEvent.type === 'new-env-variables') {
             window.location.reload();
         }
     });

package/dist/get-cli-options.d.ts

@@ -1,14 +1,22 @@
-import type { BrowserExecutable, ChromiumOptions, FrameRange } from '@remotion/renderer';
+import type { BrowserExecutable, ChromiumOptions, Codec, FrameRange } from '@remotion/renderer';
+export declare const validateFfmpegCanUseCodec: (codec: Codec) => Promise<void>;
+export declare const getFinalCodec: (options: {
+    downloadName: string | null;
+    outName: string | null;
+}) => {
+    codec: Codec;
+    reason: string;
+};
 export declare const getAndValidateAbsoluteOutputFile: (relativeOutputLocation: string, overwrite: boolean) => string;
 export declare const getCliOptions: (options: {
     isLambda: boolean;
     type: 'still' | 'series' | 'get-compositions';
+    codec: Codec;
 }) => Promise<{
     puppeteerTimeout: number;
     concurrency: number | null;
     frameRange: FrameRange | null;
     shouldOutputImageSequence: boolean;
-    codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     inputProps: object;
     envVariables: Record<string, string>;
     quality: number | undefined;
@@ -23,7 +31,7 @@ export declare const getCliOptions: (options: {
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
     ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-    logLevel: "verbose" | "info" | "warn" | "error";
+    logLevel: "error" | "verbose" | "info" | "warn";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/get-cli-options.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCliOptions = exports.getAndValidateAbsoluteOutputFile = void 0;
+exports.getCliOptions = exports.getAndValidateAbsoluteOutputFile = exports.getFinalCodec = exports.validateFfmpegCanUseCodec = void 0;
 const renderer_1 = require("@remotion/renderer");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
@@ -13,7 +13,7 @@ const get_final_output_codec_1 = require("./get-final-output-codec");
 const get_input_props_1 = require("./get-input-props");
 const image_formats_1 = require("./image-formats");
 const log_1 = require("./log");
-const user_passed_output_location_1 = require("./user-passed-output-location");
+const parse_command_line_1 = require("./parse-command-line");
 const getAndValidateFrameRange = () => {
     const frameRange = config_1.ConfigInternals.getRange();
     if (typeof frameRange === 'number') {
@@ -23,20 +23,11 @@ const getAndValidateFrameRange = () => {
     }
     return frameRange;
 };
-const getFinalCodec = async (options) => {
-    const userCodec = config_1.ConfigInternals.getOutputCodecOrUndefined();
-    const codec = (0, get_final_output_codec_1.getFinalOutputCodec)({
-        codec: userCodec,
-        fileExtension: options.isLambda
-            ? null
-            : renderer_1.RenderInternals.getExtensionOfFilename((0, user_passed_output_location_1.getUserPassedOutputLocation)()),
-        emitWarning: true,
-    });
+const validateFfmpegCanUseCodec = async (codec) => {
     const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
     if (codec === 'vp8' &&
         !(await renderer_1.RenderInternals.ffmpegHasFeature({
             feature: 'enable-libvpx',
-            isLambda: options.isLambda,
             ffmpegExecutable,
         }))) {
         log_1.Log.error("The Vp8 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-lipvpx flag.");
@@ -45,7 +36,6 @@ const getFinalCodec = async (options) => {
     if (codec === 'h265' &&
         !(await renderer_1.RenderInternals.ffmpegHasFeature({
             feature: 'enable-gpl',
-            isLambda: options.isLambda,
             ffmpegExecutable,
         }))) {
         log_1.Log.error("The H265 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-gpl flag.");
@@ -54,14 +44,24 @@ const getFinalCodec = async (options) => {
     if (codec === 'h265' &&
         !(await renderer_1.RenderInternals.ffmpegHasFeature({
             feature: 'enable-libx265',
-            isLambda: options.isLambda,
             ffmpegExecutable,
         }))) {
         log_1.Log.error("The H265 codec has been selected, but your FFMPEG binary wasn't compiled with the --enable-libx265 flag.");
         log_1.Log.error('This does not work, please recompile your FFMPEG binary with --enable-gpl --enable-libx265 or choose a different codec.');
     }
-    return codec;
 };
+exports.validateFfmpegCanUseCodec = validateFfmpegCanUseCodec;
+const getFinalCodec = (options) => {
+    var _a;
+    const { codec, reason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
+        cliFlag: parse_command_line_1.parsedCli.codec,
+        configFile: (_a = config_1.ConfigInternals.getOutputCodecOrUndefined()) !== null && _a !== void 0 ? _a : null,
+        downloadName: options.downloadName,
+        outName: options.outName,
+    });
+    return { codec, reason };
+};
+exports.getFinalCodec = getFinalCodec;
 const getBrowser = () => { var _a; return (_a = config_1.ConfigInternals.getBrowser()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_BROWSER; };
 const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite) => {
     const absoluteOutputFile = path_1.default.resolve(process.cwd(), relativeOutputLocation);
@@ -119,11 +119,6 @@ const getAndValidateBrowser = async (browserExecutable) => {
 const getCliOptions = async (options) => {
     var _a;
     const frameRange = getAndValidateFrameRange();
-    const codec = options.type === 'get-compositions'
-        ? 'h264'
-        : await getFinalCodec({
-            isLambda: options.isLambda,
-        });
     const shouldOutputImageSequence = options.type === 'still'
         ? true
         : await getAndValidateShouldOutputImageSequence({
@@ -133,14 +128,14 @@ const getCliOptions = async (options) => {
     const overwrite = config_1.ConfigInternals.getShouldOverwrite({
         defaultValue: !options.isLambda,
     });
-    const crf = getAndValidateCrf(shouldOutputImageSequence, codec);
-    const pixelFormat = getAndValidatePixelFormat(codec);
+    const crf = getAndValidateCrf(shouldOutputImageSequence, options.codec);
+    const pixelFormat = getAndValidatePixelFormat(options.codec);
     const imageFormat = getAndValidateImageFormat({
         shouldOutputImageSequence,
-        codec,
+        codec: options.codec,
         pixelFormat,
     });
-    const proResProfile = getAndValidateProResProfile(codec);
+    const proResProfile = getAndValidateProResProfile(options.codec);
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
     const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
     const ffprobeExecutable = config_1.ConfigInternals.getCustomFfprobeExecutable();
@@ -152,8 +147,8 @@ const getCliOptions = async (options) => {
         headless: config_1.ConfigInternals.getChromiumHeadlessMode(),
         gl: (_a = config_1.ConfigInternals.getChromiumOpenGlRenderer()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_OPENGL_RENDERER,
     };
-    const everyNthFrame = config_1.ConfigInternals.getAndValidateEveryNthFrame(codec);
-    const numberOfGifLoops = config_1.ConfigInternals.getAndValidateNumberOfGifLoops(codec);
+    const everyNthFrame = config_1.ConfigInternals.getAndValidateEveryNthFrame(options.codec);
+    const numberOfGifLoops = config_1.ConfigInternals.getAndValidateNumberOfGifLoops(options.codec);
     const concurrency = config_1.ConfigInternals.getConcurrency();
     renderer_1.RenderInternals.validateConcurrency(concurrency, 'concurrency');
     return {
@@ -161,9 +156,8 @@ const getCliOptions = async (options) => {
         concurrency,
         frameRange,
         shouldOutputImageSequence,
-        codec,
         inputProps: (0, get_input_props_1.getInputProps)(() => undefined),
-        envVariables: await (0, get_env_1.getEnvironmentVariables)(),
+        envVariables: await (0, get_env_1.getEnvironmentVariables)(() => undefined),
         quality: config_1.ConfigInternals.getQuality(),
         browser: await getAndValidateBrowser(browserExecutable),
         crf,

package/dist/get-env.d.ts

@@ -1 +1 @@
-export declare const getEnvironmentVariables: () => Promise<Record<string, string>>;
+export declare const getEnvironmentVariables: (onUpdate: (newProps: Record<string, string>) => void) => Promise<Record<string, string>>;

package/dist/get-env.js

@@ -7,6 +7,7 @@ exports.getEnvironmentVariables = void 0;
 const dotenv_1 = __importDefault(require("dotenv"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
+const chalk_1 = require("./chalk");
 const config_1 = require("./config");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const log_1 = require("./log");
@@ -19,9 +20,54 @@ function getProcessEnv() {
     }
     return env;
 }
-const getEnvForEnvFile = async (processEnv, envFile) => {
+const watchEnvFile = ({ processEnv, envFile, onUpdate, existedBefore, }) => {
+    const listener = async () => {
+        try {
+            const file = await fs_1.default.promises.readFile(envFile, 'utf-8');
+            onUpdate({
+                ...processEnv,
+                ...dotenv_1.default.parse(file),
+            });
+            if (existedBefore) {
+                log_1.Log.info(chalk_1.chalk.blueBright(`Updated env file ${envFile}`));
+            }
+            else {
+                log_1.Log.info(chalk_1.chalk.blueBright(`Added env file ${envFile}`));
+            }
+            fs_1.default.unwatchFile(envFile, listener);
+            watchEnvFile({
+                envFile,
+                existedBefore: true,
+                onUpdate,
+                processEnv,
+            });
+        }
+        catch (err) {
+            // No error message if user did not have a .env file from the beginning
+            if (!existedBefore && !fs_1.default.existsSync(envFile)) {
+                return;
+            }
+            if (fs_1.default.existsSync(envFile) && existedBefore) {
+                log_1.Log.error(`${envFile} update failed with error ${err}`);
+            }
+            else {
+                log_1.Log.warn(`${envFile} was deleted.`);
+                fs_1.default.unwatchFile(envFile, listener);
+                watchEnvFile({
+                    envFile,
+                    existedBefore: false,
+                    onUpdate,
+                    processEnv,
+                });
+            }
+        }
+    };
+    fs_1.default.watchFile(envFile, { interval: 100 }, listener);
+};
+const getEnvForEnvFile = async (processEnv, envFile, onUpdate) => {
     try {
         const envFileData = await fs_1.default.promises.readFile(envFile);
+        watchEnvFile({ processEnv, envFile, onUpdate, existedBefore: true });
         return {
             ...processEnv,
             ...dotenv_1.default.parse(envFileData),
@@ -33,7 +79,7 @@ const getEnvForEnvFile = async (processEnv, envFile) => {
         process.exit(1);
     }
 };
-const getEnvironmentVariables = () => {
+const getEnvironmentVariables = (onUpdate) => {
     const processEnv = getProcessEnv();
     if (parse_command_line_1.parsedCli['env-file']) {
         const envFile = path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli['env-file']);
@@ -43,24 +89,30 @@ const getEnvironmentVariables = () => {
             log_1.Log.error('Check that your path is correct and try again.');
             process.exit(1);
         }
-        return getEnvForEnvFile(processEnv, envFile);
+        return getEnvForEnvFile(processEnv, envFile, onUpdate);
     }
     const remotionRoot = (0, find_closest_package_json_1.findRemotionRoot)();
     const configFileSetting = config_1.ConfigInternals.getDotEnvLocation();
     if (configFileSetting) {
         const envFile = path_1.default.resolve(remotionRoot, configFileSetting);
         if (!fs_1.default.existsSync(envFile)) {
-            log_1.Log.error('You specifed a custom .env file using `Config.Rendering.setDotEnvLocation()` in the config file but it could not be found');
+            log_1.Log.error('You specified a custom .env file using `Config.Rendering.setDotEnvLocation()` in the config file but it could not be found');
             log_1.Log.error('We looked for the file at:', envFile);
             log_1.Log.error('Check that your path is correct and try again.');
             process.exit(1);
         }
-        return getEnvForEnvFile(processEnv, envFile);
+        return getEnvForEnvFile(processEnv, envFile, onUpdate);
     }
     const defaultEnvFile = path_1.default.resolve(remotionRoot, '.env');
     if (!fs_1.default.existsSync(defaultEnvFile)) {
+        watchEnvFile({
+            processEnv,
+            envFile: defaultEnvFile,
+            onUpdate,
+            existedBefore: false,
+        });
         return Promise.resolve(processEnv);
     }
-    return getEnvForEnvFile(processEnv, defaultEnvFile);
+    return getEnvForEnvFile(processEnv, defaultEnvFile, onUpdate);
 };
 exports.getEnvironmentVariables = getEnvironmentVariables;

package/dist/get-final-output-codec.d.ts

@@ -1,6 +1,10 @@
 import type { Codec, CodecOrUndefined } from '@remotion/renderer';
-export declare const getFinalOutputCodec: ({ codec: inputCodec, fileExtension, emitWarning, }: {
-    codec: CodecOrUndefined;
-    fileExtension: string | null;
-    emitWarning: boolean;
-}) => Codec;
+export declare const getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, }: {
+    cliFlag: CodecOrUndefined;
+    outName: string | null;
+    downloadName: string | null;
+    configFile: Codec | null;
+}) => {
+    codec: Codec;
+    reason: string;
+};

package/dist/get-final-output-codec.js

@@ -2,62 +2,62 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFinalOutputCodec = void 0;
 const renderer_1 = require("@remotion/renderer");
-const log_1 = require("./log");
-const getFinalOutputCodec = ({ codec: inputCodec, fileExtension, emitWarning, }) => {
-    if (inputCodec === undefined && fileExtension === 'webm') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .webm extension, using the VP8 encoder. Use --codec=vp9 to use the Vp9 encoder.');
-        }
-        return 'vp8';
-    }
-    if (inputCodec === undefined && fileExtension === 'hevc') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .hevc extension, using the H265 encoder.');
-        }
-        return 'h265';
-    }
-    if (inputCodec === undefined && fileExtension === 'mp3') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .mp3 extension, using the MP3 encoder.');
-        }
-        return 'mp3';
-    }
-    if (inputCodec === undefined && fileExtension === 'mov') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .mov extension, using the Apple ProRes encoder.');
-        }
-        return 'prores';
-    }
-    if (inputCodec === undefined && fileExtension === 'wav') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .wav extension, using the WAV encoder.');
-        }
-        return 'wav';
-    }
-    if (inputCodec === undefined && fileExtension === 'aac') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .aac extension, using the AAC encoder.');
-        }
-        return 'aac';
-    }
-    if (inputCodec === undefined && fileExtension === 'm4a') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .m4a extension, using the AAC encoder.');
-        }
-        return 'aac';
-    }
-    if (inputCodec === undefined && fileExtension === 'mkv') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .mkv extension, using the H264 encoder and WAV audio format.');
-        }
-        return 'h264-mkv';
-    }
-    if (inputCodec === undefined && fileExtension === 'gif') {
-        if (emitWarning) {
-            log_1.Log.info('You have specified a .gif extension, rendering a GIF');
-        }
-        return 'gif';
+const fileExtensions = {
+    webm: 'vp8',
+    hevc: 'h265',
+    mp3: 'mp3',
+    mov: 'prores',
+    wav: 'wav',
+    aac: 'aac',
+    mkv: 'h264-mkv',
+    gif: 'gif',
+    mp4: 'h264',
+    m4a: 'aac',
+};
+const deriveExtensionFromFilename = (extension) => {
+    var _a;
+    if (extension === null) {
+        return null;
     }
-    return inputCodec !== null && inputCodec !== void 0 ? inputCodec : renderer_1.RenderInternals.DEFAULT_CODEC;
+    return (_a = fileExtensions[extension]) !== null && _a !== void 0 ? _a : null;
+};
+const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, }) => {
+    const downloadNameExtension = renderer_1.RenderInternals.getExtensionOfFilename(downloadName);
+    const outNameExtension = renderer_1.RenderInternals.getExtensionOfFilename(outName);
+    const derivedDownloadCodec = deriveExtensionFromFilename(downloadNameExtension);
+    const derivedOutNameCodec = deriveExtensionFromFilename(outNameExtension);
+    if (derivedDownloadCodec &&
+        derivedOutNameCodec &&
+        derivedDownloadCodec !== derivedOutNameCodec) {
+        throw new TypeError(`The download name is ${downloadName} but the output name is ${outName}. The file extensions must match`);
+    }
+    if (derivedDownloadCodec) {
+        if (cliFlag && derivedDownloadCodec !== cliFlag) {
+            throw new TypeError(`The download name is ${downloadName} but --codec=${cliFlag} was passed. The download name implies a codec of ${derivedDownloadCodec} which does not align with the --codec flag.`);
+        }
+        return {
+            codec: derivedDownloadCodec,
+            reason: 'derived from download name',
+        };
+    }
+    if (derivedOutNameCodec) {
+        if (cliFlag && derivedOutNameCodec !== cliFlag) {
+            throw new TypeError(`The out name is ${outName} but --codec=${cliFlag} was passed. The out name implies a codec of ${derivedOutNameCodec} which does not align with the --codec flag.`);
+        }
+        return {
+            codec: derivedOutNameCodec,
+            reason: 'derived from out name',
+        };
+    }
+    if (cliFlag) {
+        return { codec: cliFlag, reason: 'from --codec flag' };
+    }
+    if (configFile) {
+        return {
+            codec: configFile,
+            reason: 'Config file',
+        };
+    }
+    return { codec: renderer_1.RenderInternals.DEFAULT_CODEC, reason: 'default' };
 };
 exports.getFinalOutputCodec = getFinalOutputCodec;

package/dist/get-render-media-options.d.ts

@@ -0,0 +1,7 @@
+import type { Codec, RenderMediaOptions } from '@remotion/renderer';
+export declare const getRenderMediaOptions: ({ outputLocation, config, serveUrl, codec, }: {
+    outputLocation: RenderMediaOptions['outputLocation'];
+    config: RenderMediaOptions['composition'];
+    serveUrl: string;
+    codec: Codec;
+}) => Promise<RenderMediaOptions>;

package/dist/get-render-media-options.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderMediaOptions = void 0;
+const renderer_1 = require("@remotion/renderer");
+const config_1 = require("./config");
+const get_cli_options_1 = require("./get-cli-options");
+const getRenderMediaOptions = async ({ outputLocation, config, serveUrl, codec, }) => {
+    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'series',
+        codec,
+    });
+    return {
+        outputLocation,
+        composition: config,
+        crf,
+        envVariables,
+        ffmpegExecutable,
+        ffprobeExecutable,
+        frameRange,
+        imageFormat,
+        inputProps,
+        overwrite,
+        pixelFormat,
+        proResProfile,
+        quality,
+        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+        chromiumOptions,
+        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        scale,
+        port,
+        numberOfGifLoops,
+        everyNthFrame,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+        muted,
+        enforceAudioTrack,
+        browserExecutable,
+        ffmpegOverride,
+        concurrency,
+        serveUrl,
+        codec,
+    };
+};
+exports.getRenderMediaOptions = getRenderMediaOptions;

package/dist/index.d.ts

@@ -70,12 +70,12 @@ export declare const CliInternals: {
     getCliOptions: (options: {
         isLambda: boolean;
         type: "still" | "series" | "get-compositions";
+        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
     }) => Promise<{
         puppeteerTimeout: number;
         concurrency: number | null;
         frameRange: import("@remotion/renderer").FrameRange | null;
         shouldOutputImageSequence: boolean;
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
         inputProps: object;
         envVariables: Record<string, string>;
         quality: number | undefined;
@@ -90,7 +90,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
         ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -115,4 +115,21 @@ export declare const CliInternals: {
     }) => string;
     getFileSizeDownloadBar: (downloaded: number) => string;
     findRemotionRoot: () => string;
+    getFinalCodec: (options: {
+        downloadName: string | null;
+        outName: string | null;
+    }) => {
+        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
+        reason: string;
+    };
+    determineFinalImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }: {
+        downloadName: string | null;
+        outName: string | null;
+        configImageFormat: "png" | "jpeg" | "none" | null;
+        cliFlag: "png" | "jpeg" | "none" | null;
+        isLambda: boolean;
+    }) => {
+        format: import("@remotion/renderer").StillImageFormat;
+        source: string;
+    };
 };

package/dist/index.js

@@ -16,10 +16,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CliInternals = exports.overrideRemotion = exports.ConfigInternals = exports.cli = void 0;
 const renderer_1 = require("@remotion/renderer");
+const benchmark_1 = require("./benchmark");
 const chalk_1 = require("./chalk");
 const check_version_1 = require("./check-version");
 const compositions_1 = require("./compositions");
 const index_1 = require("./config/index");
+const determine_image_format_1 = require("./determine-image-format");
 const download_progress_1 = require("./download-progress");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const format_bytes_1 = require("./format-bytes");
@@ -77,12 +79,17 @@ const cli = async () => {
         else if (command === versions_1.VERSIONS_COMMAND) {
             await (0, versions_1.versionsCommand)(remotionRoot);
         }
+        else if (command === 'benchmark') {
+            await (0, benchmark_1.benchmarkCommand)(remotionRoot, parse_command_line_1.parsedCli._.slice(1));
+        }
         else if (command === 'help') {
             (0, print_help_1.printHelp)();
             process.exit(0);
         }
         else {
-            log_1.Log.error(`Command ${command} not found.`);
+            if (command) {
+                log_1.Log.error(`Command ${command} not found.`);
+            }
             (0, print_help_1.printHelp)();
             process.exit(1);
         }
@@ -118,4 +125,6 @@ exports.CliInternals = {
     formatBytes: format_bytes_1.formatBytes,
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
     findRemotionRoot: find_closest_package_json_1.findRemotionRoot,
+    getFinalCodec: get_cli_options_1.getFinalCodec,
+    determineFinalImageFormat: determine_image_format_1.determineFinalImageFormat,
 };

package/dist/parse-command-line.js

@@ -97,9 +97,6 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli.crf !== 'undefined') {
         config_1.Config.Output.setCrf(exports.parsedCli.crf);
     }
-    if (exports.parsedCli.codec) {
-        config_1.Config.Output.setCodec(exports.parsedCli.codec);
-    }
     if (exports.parsedCli['every-nth-frame']) {
         config_1.Config.Rendering.setEveryNthFrame(exports.parsedCli['every-nth-frame']);
     }

package/dist/preview-server/routes.d.ts

@@ -1,12 +1,13 @@
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { LiveEventsServer } from './live-events';
-export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, userPassedPublicDir, }: {
+export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, userPassedPublicDir, }: {
     hash: string;
     hashPrefix: string;
     request: IncomingMessage;
     response: ServerResponse;
     liveEventsServer: LiveEventsServer;
     getCurrentInputProps: () => object;
+    getEnvVariables: () => Record<string, string>;
     remotionRoot: string;
     userPassedPublicDir: string | null;
 }) => void | Promise<void>;

package/dist/preview-server/routes.js

@@ -25,7 +25,7 @@ const static404 = (response) => {
     response.writeHead(404);
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
-const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, }) => {
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     response.setHeader('content-type', 'text/html');
@@ -35,6 +35,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
         staticHash: hash,
         baseDir: '/',
         editorName: displayName,
+        envVariables: getEnvVariables(),
         inputProps: getCurrentInputProps(),
         remotionRoot,
         previewServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
@@ -117,7 +118,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, userPassedPublicDir, }) => {
+const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, userPassedPublicDir, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/update') {
         return handleUpdate(remotionRoot, request, response);
@@ -156,6 +157,7 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         hash,
         response,
         getCurrentInputProps,
+        getEnvVariables,
     });
 };
 exports.handleRoutes = handleRoutes;

package/dist/preview-server/start-server.d.ts

@@ -3,7 +3,7 @@ import type { LiveEventsServer } from './live-events';
 export declare const startServer: (entry: string, userDefinedComponent: string, options: {
     webpackOverride: WebpackOverrideFn;
     getCurrentInputProps: () => object;
-    envVariables?: Record<string, string>;
+    getEnvVariables: () => Record<string, string>;
     port: number | null;
     maxTimelineTracks?: number;
     remotionRoot: string;

package/dist/preview-server/start-server.js

@@ -26,7 +26,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
         outDir: tmpDir,
         environment: 'development',
         webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getWebpackOverrideFn(),
-        envVariables: (_b = options === null || options === void 0 ? void 0 : options.envVariables) !== null && _b !== void 0 ? _b : {},
+        envVariables: (_b = options === null || options === void 0 ? void 0 : options.getEnvVariables()) !== null && _b !== void 0 ? _b : {},
         maxTimelineTracks: (_c = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _c !== void 0 ? _c : 15,
         entryPoints: [
             require.resolve('./hot-middleware/client'),
@@ -62,6 +62,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
                 response,
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,
+                getEnvVariables: options.getEnvVariables,
                 remotionRoot: options.remotionRoot,
                 userPassedPublicDir: options.userPassedPublicDir,
             });

package/dist/preview.js

@@ -48,10 +48,18 @@ const previewCommand = async (remotionRoot) => {
             });
         });
     });
-    const envVariables = await (0, get_env_1.getEnvironmentVariables)();
+    let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
+        waitForLiveEventsListener().then((listener) => {
+            envVariables = newEnvVariables;
+            listener.sendEventToClient({
+                type: 'new-env-variables',
+                newEnvVariables,
+            });
+        });
+    });
     const { port, liveEventsServer } = await (0, start_server_1.startServer)(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
         getCurrentInputProps: () => inputProps,
-        envVariables,
+        getEnvVariables: () => envVariables,
         port: desiredPort,
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,

package/dist/print-help.js

@@ -11,7 +11,7 @@ const printFlags = (flags) => {
     });
 };
 const printHelp = () => {
-    log_1.Log.info(`@remotion/cli ${packagejson.version} © ${new Date().getFullYear()} Jonny Burger`);
+    log_1.Log.info(`@remotion/cli ${packagejson.version} © ${new Date().getFullYear()} The Remotion developers`);
     log_1.Log.info();
     log_1.Log.info('Available commands:');
     log_1.Log.info('');
@@ -19,7 +19,7 @@ const printHelp = () => {
     log_1.Log.info(chalk_1.chalk.gray('Start the preview server.'));
     printFlags([['--props', 'Pass input props as filename or as JSON']]);
     log_1.Log.info();
-    log_1.Log.info('remotion render <entry-point.ts> <comp-name> <output-file.mp4>');
+    log_1.Log.info('remotion render <entry-point.ts> <comp-id> <output-file.mp4>');
     log_1.Log.info(chalk_1.chalk.gray('Render video, audio or an image sequence.'));
     printFlags([
         ['--props', 'Pass input props as filename or as JSON'],
@@ -40,7 +40,7 @@ const printHelp = () => {
         ['--env-file', 'Specify a location for a dotenv file'],
     ]);
     log_1.Log.info();
-    log_1.Log.info('remotion still <entry-point.ts> <comp-name> <still.png>');
+    log_1.Log.info('remotion still <entry-point.ts> <comp-id> <still.png>');
     log_1.Log.info(chalk_1.chalk.gray('Render a still frame and save it as an image.'));
     printFlags([
         ['--frame', 'Which frame to render (default 0)'],
@@ -59,6 +59,9 @@ const printHelp = () => {
     log_1.Log.info('remotion compositions <index-file.ts>');
     log_1.Log.info(chalk_1.chalk.gray('Prints the available compositions.'));
     log_1.Log.info();
+    log_1.Log.info('remotion benchmark <index-file.ts> <list-of-compositions>');
+    log_1.Log.info(chalk_1.chalk.gray('Benchmarks rendering a composition. Same options as for render.'));
+    log_1.Log.info();
     log_1.Log.info('remotion ' + versions_1.VERSIONS_COMMAND);
     log_1.Log.info(chalk_1.chalk.gray('Prints and validates versions of all Remotion packages.'));
     log_1.Log.info();

package/dist/progress-bar.js

@@ -34,7 +34,9 @@ const makeBundlingProgress = ({ progress, steps, doneIn, }) => [
     doneIn === null
         ? (progress * 100).toFixed(0) + '%'
         : chalk_1.chalk.gray(`${doneIn}ms`),
-].join(' ');
+]
+    .filter(truthy_1.truthy)
+    .join(' ');
 exports.makeBundlingProgress = makeBundlingProgress;
 const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn, }) => {
     const progress = frames / totalFrames;

package/dist/render.js

@@ -15,10 +15,12 @@ const config_1 = require("./config");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_id_1 = require("./get-composition-id");
 const get_filename_1 = require("./get-filename");
+const get_render_media_options_1 = require("./get-render-media-options");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
 const setup_cache_1 = require("./setup-cache");
+const user_passed_output_location_1 = require("./user-passed-output-location");
 const validate_ffmpeg_version_1 = require("./validate-ffmpeg-version");
 const render = async (remotionRoot) => {
     const startTime = Date.now();
@@ -38,9 +40,15 @@ const render = async (remotionRoot) => {
         process.exit(1);
     }
     log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, proResProfile, concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, muted, enforceAudioTrack, publicDir, ffmpegOverride, } = await (0, get_cli_options_1.getCliOptions)({
+    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
+    });
+    (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec);
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
+        codec,
     });
     const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
         codec,
@@ -50,7 +58,7 @@ const render = async (remotionRoot) => {
     });
     const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const compositionId = (0, get_composition_id_1.getCompositionId)();
-    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId}, Codec = ${codec}, Output = ${relativeOutputLocation}`));
+    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId}, Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
     log_1.Log.verbose('Browser executable: ', browserExecutable);
     await (0, validate_ffmpeg_version_1.checkAndValidateFfmpegVersion)({
         ffmpegExecutable,
@@ -95,10 +103,11 @@ const render = async (remotionRoot) => {
         inputProps,
         puppeteerInstance,
         envVariables,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        timeoutInMilliseconds: puppeteerTimeout,
         chromiumOptions,
         browserExecutable,
         downloadMap,
+        port,
     });
     const config = comps.find((c) => c.id === compositionId);
     if (!config) {
@@ -199,17 +208,14 @@ const render = async (remotionRoot) => {
         log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
         return;
     }
-    await (0, renderer_1.renderMedia)({
+    const options = await (0, get_render_media_options_1.getRenderMediaOptions)({
+        config,
         outputLocation: absoluteOutputFile,
+        serveUrl: urlOrBundle,
         codec,
-        composition: config,
-        crf,
-        envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        imageFormat,
-        inputProps,
+    });
+    await (0, renderer_1.renderMedia)({
+        ...options,
         onProgress: (update) => {
             encodedDoneIn = update.encodedDoneIn;
             encodedFrames = update.encodedFrames;
@@ -219,26 +225,8 @@ const render = async (remotionRoot) => {
             updateRenderProgress();
         },
         puppeteerInstance,
-        overwrite,
-        concurrency,
-        pixelFormat,
-        proResProfile,
-        quality,
-        serveUrl: urlOrBundle,
         onDownload,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        scale,
-        port,
-        numberOfGifLoops,
-        everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         downloadMap,
-        muted,
-        enforceAudioTrack,
-        browserExecutable,
-        ffmpegOverride,
     });
     log_1.Log.info();
     log_1.Log.info();

package/dist/still.js

@@ -9,6 +9,7 @@ const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const determine_image_format_1 = require("./determine-image-format");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_id_1 = require("./get-composition-id");
 const log_1 = require("./log");
@@ -18,6 +19,7 @@ const setup_cache_1 = require("./setup-cache");
 const truthy_1 = require("./truthy");
 const user_passed_output_location_1 = require("./user-passed-output-location");
 const still = async (remotionRoot) => {
+    var _a, _b;
     const startTime = Date.now();
     const file = parse_command_line_1.parsedCli._[1];
     const fullPath = renderer_1.RenderInternals.isServeUrl(file)
@@ -27,40 +29,26 @@ const still = async (remotionRoot) => {
         log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const userPassedOutput = (0, user_passed_output_location_1.getUserPassedOutputLocation)();
-    if ((userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpeg')) ||
-        (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpg'))) {
-        log_1.Log.verbose('Output file has a JPEG extension, setting the image format to JPEG.');
-        config_1.Config.Rendering.setImageFormat('jpeg');
-    }
-    if (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.png')) {
-        log_1.Log.verbose('Output file has a PNG extension, setting the image format to PNG.');
-        config_1.Config.Rendering.setImageFormat('png');
-    }
-    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, quality, browser, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
+        codec: 'h264',
     });
     log_1.Log.verbose('Browser executable: ', browserExecutable);
     const compositionId = (0, get_composition_id_1.getCompositionId)();
+    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalImageFormat)({
+        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
+        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredImageFormat()) !== null && _b !== void 0 ? _b : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(),
+        isLambda: false,
+    });
     const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
         compositionId,
         defaultExtension: imageFormat,
     });
     const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
-    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat}, Composition = ${compositionId}`));
-    if (imageFormat === 'none') {
-        log_1.Log.error('No image format was selected - this is probably an error in Remotion - please post your command on Github Issues for help.');
-        process.exit(1);
-    }
-    if (imageFormat === 'png' && !absoluteOutputLocation.endsWith('.png')) {
-        log_1.Log.warn(`Rendering a PNG, expected a .png extension but got ${absoluteOutputLocation}`);
-    }
-    if (imageFormat === 'jpeg' &&
-        !absoluteOutputLocation.endsWith('.jpg') &&
-        !absoluteOutputLocation.endsWith('.jpeg')) {
-        log_1.Log.warn(`Rendering a JPEG, expected a .jpg or .jpeg extension but got ${absoluteOutputLocation}`);
-    }
+    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId}`));
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         chromiumOptions,

package/dist/validate-image-format.d.ts

@@ -0,0 +1,2 @@
+import type { ImageFormat } from '@remotion/renderer';
+export declare const validateImageFormat: (imageFormat: ImageFormat, outName: string | null) => void;

package/dist/validate-image-format.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateImageFormat = void 0;
+const log_1 = require("./log");
+const validateImageFormat = (imageFormat, outName) => {
+    if (imageFormat === 'png' && !(outName === null || outName === void 0 ? void 0 : outName.endsWith('.png'))) {
+        log_1.Log.warn(`Rendering a PNG, expected a .png extension but got ${outName}`);
+    }
+    if (imageFormat === 'jpeg' &&
+        !(outName === null || outName === void 0 ? void 0 : outName.endsWith('.jpg')) &&
+        !(outName === null || outName === void 0 ? void 0 : outName.endsWith('.jpeg'))) {
+        log_1.Log.warn(`Rendering a JPEG, expected a .jpg or .jpeg extension but got ${outName}`);
+    }
+};
+exports.validateImageFormat = validateImageFormat;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.2.27",
+	"version": "3.2.28",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,15 +23,15 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.2.27",
-		"@remotion/media-utils": "3.2.27",
-		"@remotion/player": "3.2.27",
-		"@remotion/renderer": "3.2.27",
+		"@remotion/bundler": "3.2.28",
+		"@remotion/media-utils": "3.2.28",
+		"@remotion/player": "3.2.28",
+		"@remotion/renderer": "3.2.28",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "3.2.27",
+		"remotion": "3.2.28",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "662c69bcb2fee4d51553b2f8e61635fb4d6688b1"
+	"gitHead": "49bb70afa503bfb0c89ee51d8bf3386ad1b91ac4"
 }