@remotion/cli 4.0.0-alpha.217 → 4.0.0-alpha4

package/dist/get-input-props.js

@@ -9,6 +9,10 @@ const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
+/**
+ * @description You can retrieve inputs that you pass in, from the command line using --props, or the inputProps parameter if you're using the Node.js API
+ * @see [Documentation](https://www.remotion.dev/docs/get-input-props)
+ */
 const getInputProps = (onUpdate) => {
     if (!parse_command_line_1.parsedCli.props) {
         return {};
@@ -17,17 +21,15 @@ const getInputProps = (onUpdate) => {
     try {
         if (fs_1.default.existsSync(jsonFile)) {
             const rawJsonData = fs_1.default.readFileSync(jsonFile, 'utf-8');
-            if (onUpdate) {
-                fs_1.default.watchFile(jsonFile, { interval: 100 }, () => {
-                    try {
-                        onUpdate(JSON.parse(fs_1.default.readFileSync(jsonFile, 'utf-8')));
-                        log_1.Log.info(`Updated input props from ${jsonFile}.`);
-                    }
-                    catch (err) {
-                        log_1.Log.error(`${jsonFile} contains invalid JSON. Did not apply new input props.`);
-                    }
-                });
-            }
+            fs_1.default.watchFile(jsonFile, { interval: 100 }, () => {
+                try {
+                    onUpdate(JSON.parse(fs_1.default.readFileSync(jsonFile, 'utf-8')));
+                    log_1.Log.info(`Updated input props from ${jsonFile}.`);
+                }
+                catch (err) {
+                    log_1.Log.error(`${jsonFile} contains invalid JSON. Did not apply new input props.`);
+                }
+            });
             return JSON.parse(rawJsonData);
         }
         return JSON.parse(parse_command_line_1.parsedCli.props);

package/dist/image-formats.d.ts

@@ -1,6 +1,3 @@
-import type { VideoImageFormat } from '@remotion/renderer';
+import type { ImageFormat } from '@remotion/renderer';
 import { ConfigInternals } from './config';
-export declare const getVideoImageFormat: ({ codec, uiImageFormat, }: {
-    codec: ReturnType<typeof ConfigInternals.getOutputCodecOrUndefined>;
-    uiImageFormat: VideoImageFormat | null;
-}) => VideoImageFormat;
+export declare const getImageFormat: (codec: ReturnType<typeof ConfigInternals.getOutputCodecOrUndefined>) => ImageFormat;

package/dist/image-formats.js

@@ -1,22 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoImageFormat = void 0;
+exports.getImageFormat = void 0;
 const renderer_1 = require("@remotion/renderer");
 const config_1 = require("./config");
-const parse_command_line_1 = require("./parse-command-line");
-const getVideoImageFormat = ({ codec, uiImageFormat, }) => {
-    if (uiImageFormat !== null) {
-        return uiImageFormat;
-    }
-    if (typeof parse_command_line_1.parsedCli['image-format'] !== 'undefined') {
-        if (!renderer_1.RenderInternals.validVideoImageFormats.includes(parse_command_line_1.parsedCli['image-format'])) {
-            throw new Error(`Invalid image format: ${parse_command_line_1.parsedCli['image-format']}`);
-        }
-        return parse_command_line_1.parsedCli['image-format'];
-    }
-    const configFileOption = config_1.ConfigInternals.getUserPreferredVideoImageFormat();
-    if (typeof configFileOption !== 'undefined') {
-        return configFileOption;
+const getImageFormat = (codec) => {
+    const userPreferred = config_1.ConfigInternals.getUserPreferredImageFormat();
+    if (typeof userPreferred !== 'undefined') {
+        return userPreferred;
     }
     if (renderer_1.RenderInternals.isAudioCodec(codec)) {
         return 'none';
@@ -35,4 +25,4 @@ const getVideoImageFormat = ({ codec, uiImageFormat, }) => {
     }
     throw new Error('Unrecognized codec ' + codec);
 };
-exports.getVideoImageFormat = getVideoImageFormat;
+exports.getImageFormat = getImageFormat;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import minimist from 'minimist';
 export declare const cli: () => Promise<void>;
+export { ConfigInternals, overrideRemotion } from './config/index';
 export * from './render';
 export declare const CliInternals: {
-    createOverwriteableCliOutput: (options: {
-        quiet: boolean;
-        cancelSignal: import("@remotion/renderer").CancelSignal | null;
-    }) => import("./progress-bar").OverwriteableCliOutput;
+    createOverwriteableCliOutput: (quiet: boolean) => {
+        update: (up: string) => boolean;
+    };
     chalk: {
         enabled: boolean;
         visible: boolean;
@@ -62,20 +62,8 @@ export declare const CliInternals: {
     makeProgressBar: (percentage: number) => string;
     Log: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
-        verboseAdvanced: (options: {
-            indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
-        }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
-        infoAdvanced: (options: {
-            indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
-        }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
-        warnAdvanced: (options: {
-            indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
-        }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
     getCliOptions: (options: {
@@ -89,7 +77,7 @@ export declare const CliInternals: {
         shouldOutputImageSequence: boolean;
         inputProps: object;
         envVariables: Record<string, string>;
-        jpegQuality: number | undefined;
+        quality: number | undefined;
         browser: import("@remotion/renderer").Browser;
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -98,6 +86,8 @@ export declare const CliInternals: {
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
+        ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
+        ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
         logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
@@ -111,64 +101,12 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
-    parsedCli: {
-        "browser-executable": import("@remotion/renderer").BrowserExecutable;
-        "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
-        "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
-        "bundle-cache": string;
-        "env-file": string;
-        "ignore-certificate-errors": string;
-        "disable-web-security": string;
-        "every-nth-frame": number;
-        "number-of-gif-loops": number;
-        "number-of-shared-audio-tags": number;
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
-        concurrency: number;
-        timeout: number;
-        config: string;
-        "public-dir": string;
-        "audio-bitrate": string;
-        "video-bitrate": string;
-        "audio-codec": "mp3" | "aac" | "pcm-16" | "opus";
-        crf: number;
-        force: boolean;
-        overwrite: boolean;
-        png: boolean;
-        props: string;
-        quality: number;
-        "jpeg-quality": number;
-        frames: string | number;
-        scale: number;
-        sequence: boolean;
-        quiet: boolean;
-        q: boolean;
-        log: string;
-        help: boolean;
-        port: number;
-        frame: string | number;
-        "disable-headless": boolean;
-        "disable-keyboard-shortcuts": boolean;
-        muted: boolean;
-        height: number;
-        width: number;
-        runs: number;
-        concurrencies: string;
-        "enforce-audio-track": boolean;
-        gl: "swangle" | "angle" | "egl" | "swiftshader";
-        "package-manager": string;
-        "webpack-poll": number;
-        "no-open": boolean;
-        browser: string;
-        "browser-args": string;
-        "user-agent": string;
-    } & {
+    parsedCli: import("./parse-command-line").CommandLineOptions & {
         _: string[];
     };
     handleCommonError: (err: Error) => Promise<void>;
@@ -179,19 +117,25 @@ export declare const CliInternals: {
         signed: boolean;
     }) => string;
     getFileSizeDownloadBar: (downloaded: number) => string;
-    determineFinalStillImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, fromUi, }: {
+    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" | "pdf" | "webp" | null;
-        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
+        configImageFormat: "png" | "jpeg" | "none" | null;
+        cliFlag: "png" | "jpeg" | "none" | null;
         isLambda: boolean;
-        fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
-        format: "png" | "jpeg" | "pdf" | "webp";
+        format: import("@remotion/renderer").StillImageFormat;
         source: string;
     };
     minimist: typeof minimist;
-    selectComposition: (validCompositions: import("remotion").AnyCompMetadata[]) => Promise<{
+    selectComposition: (validCompositions: import("remotion").TCompMetadata[]) => Promise<{
         compositionId: string;
         reason: string;
     }>;
@@ -200,20 +144,7 @@ export declare const CliInternals: {
         remainingArgs: string[];
         reason: string;
     };
-    getVideoImageFormat: ({ codec, uiImageFormat, }: {
-        codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "png" | "jpeg" | "none" | null;
-    }) => "png" | "jpeg" | "none";
-    printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
-    getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
-        cliFlag: import("@remotion/renderer").CodecOrUndefined;
-        outName: string | null;
-        downloadName: string | null;
-        configFile: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-        uiCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-    }) => {
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
-        reason: string;
-    };
+    getImageFormat: (codec: import("@remotion/renderer").CodecOrUndefined) => "png" | "jpeg" | "none";
+    printCompositions: (compositions: import("remotion").TCompMetadata[]) => void;
     listOfRemotionPackages: string[];
 };

package/dist/index.js

@@ -17,24 +17,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CliInternals = exports.cli = void 0;
+exports.CliInternals = exports.overrideRemotion = exports.ConfigInternals = exports.cli = void 0;
 const renderer_1 = require("@remotion/renderer");
 const minimist_1 = __importDefault(require("minimist"));
 const benchmark_1 = require("./benchmark");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 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 entry_point_1 = require("./entry-point");
-const ffmpeg_1 = require("./ffmpeg");
 const format_bytes_1 = require("./format-bytes");
 const get_cli_options_1 = require("./get-cli-options");
 const get_config_file_name_1 = require("./get-config-file-name");
-const get_final_output_codec_1 = require("./get-final-output-codec");
 const handle_common_errors_1 = require("./handle-common-errors");
 const image_formats_1 = require("./image-formats");
 const initialize_cli_1 = require("./initialize-cli");
+const install_1 = require("./install");
 const lambda_command_1 = require("./lambda-command");
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
@@ -50,6 +50,7 @@ const still_1 = require("./still");
 const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
 const cli = async () => {
+    (0, index_1.overrideRemotion)();
     const [command, ...args] = parse_command_line_1.parsedCli._;
     if (parse_command_line_1.parsedCli.help) {
         (0, print_help_1.printHelp)();
@@ -78,18 +79,15 @@ const cli = async () => {
         else if (command === 'still') {
             await (0, still_1.still)(remotionRoot, args);
         }
-        else if (command === 'ffmpeg') {
-            (0, ffmpeg_1.ffmpegCommand)(remotionRoot, process.argv.slice(3));
-        }
-        else if (command === 'ffprobe') {
-            (0, ffmpeg_1.ffprobeCommand)(remotionRoot, process.argv.slice(3));
-        }
         else if (command === 'upgrade') {
             await (0, upgrade_1.upgrade)(remotionRoot, parse_command_line_1.parsedCli['package-manager']);
         }
         else if (command === versions_1.VERSIONS_COMMAND) {
             await (0, versions_1.versionsCommand)(remotionRoot);
         }
+        else if (command === install_1.INSTALL_COMMAND) {
+            await (0, install_1.installCommand)(remotionRoot, args);
+        }
         else if (command === 'benchmark') {
             await (0, benchmark_1.benchmarkCommand)(remotionRoot, args);
         }
@@ -117,6 +115,9 @@ const cli = async () => {
     }
 };
 exports.cli = cli;
+var index_2 = require("./config/index");
+Object.defineProperty(exports, "ConfigInternals", { enumerable: true, get: function () { return index_2.ConfigInternals; } });
+Object.defineProperty(exports, "overrideRemotion", { enumerable: true, get: function () { return index_2.overrideRemotion; } });
 __exportStar(require("./render"), exports);
 exports.CliInternals = {
     createOverwriteableCliOutput: progress_bar_1.createOverwriteableCliOutput,
@@ -132,12 +133,12 @@ exports.CliInternals = {
     handleCommonError: handle_common_errors_1.handleCommonError,
     formatBytes: format_bytes_1.formatBytes,
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
-    determineFinalStillImageFormat: determine_image_format_1.determineFinalStillImageFormat,
+    getFinalCodec: get_cli_options_1.getFinalCodec,
+    determineFinalImageFormat: determine_image_format_1.determineFinalImageFormat,
     minimist: minimist_1.default,
     selectComposition: select_composition_1.selectComposition,
     findEntryPoint: entry_point_1.findEntryPoint,
-    getVideoImageFormat: image_formats_1.getVideoImageFormat,
+    getImageFormat: image_formats_1.getImageFormat,
     printCompositions: print_compositions_1.printCompositions,
-    getFinalOutputCodec: get_final_output_codec_1.getFinalOutputCodec,
     listOfRemotionPackages: list_of_remotion_packages_1.listOfRemotionPackages,
 };

package/dist/list-of-remotion-packages.js

@@ -23,6 +23,5 @@ exports.listOfRemotionPackages = [
     '@remotion/rive',
     '@remotion/gif',
     '@remotion/shapes',
-    '@remotion/z-color',
     'remotion',
 ];

package/dist/load-config.js

@@ -20,7 +20,7 @@ const loadConfigFile = async (remotionRoot, configFileName, isJavascript) => {
     const virtualOutfile = 'bundle.js';
     const result = await bundler_1.BundlerInternals.esbuild.build({
         platform: 'node',
-        target: 'node16',
+        target: 'node14',
         bundle: true,
         entryPoints: [resolved],
         tsconfig: isJavascript ? undefined : tsconfigJson,

package/dist/log.d.ts

@@ -1,20 +1,6 @@
-import type { LogLevel } from '@remotion/renderer';
-export declare const INDENT_TOKEN: string;
 export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
-    verboseAdvanced: (options: {
-        indent: boolean;
-        logLevel: LogLevel;
-    }, message?: any, ...optionalParams: any[]) => void;
     info: (message?: any, ...optionalParams: any[]) => void;
-    infoAdvanced: (options: {
-        indent: boolean;
-        logLevel: LogLevel;
-    }, message?: any, ...optionalParams: any[]) => void;
     warn: (message?: any, ...optionalParams: any[]) => void;
-    warnAdvanced: (options: {
-        indent: boolean;
-        logLevel: LogLevel;
-    }, message?: any, ...optionalParams: any[]) => void;
     error: (message?: any, ...optionalParams: any[]) => void;
 };

package/dist/log.js

@@ -1,40 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Log = exports.INDENT_TOKEN = void 0;
+exports.Log = void 0;
+/* eslint-disable no-console */
 const renderer_1 = require("@remotion/renderer");
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
-const truthy_1 = require("./truthy");
-exports.INDENT_TOKEN = chalk_1.chalk.gray('│');
 exports.Log = {
     verbose: (...args) => {
-        exports.Log.verboseAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
-    },
-    verboseAdvanced: (options, ...args) => {
-        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(options.logLevel, 'verbose')) {
-            return console.log(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                ...args.map((a) => chalk_1.chalk.blueBright(a)),
-            ].filter(truthy_1.truthy));
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
+            return console.log(...args.map((a) => chalk_1.chalk.blueBright(a)));
         }
     },
     info: (...args) => {
-        exports.Log.infoAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
-    },
-    infoAdvanced: (options, ...args) => {
-        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(options.logLevel, 'info')) {
-            return console.log(...[options.indent ? exports.INDENT_TOKEN : null, ...args].filter(truthy_1.truthy));
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'info')) {
+            return console.log(...args);
         }
     },
     warn: (...args) => {
-        exports.Log.warnAdvanced({ indent: false, logLevel: config_1.ConfigInternals.Logging.getLogLevel() }, ...args);
-    },
-    warnAdvanced: (options, ...args) => {
-        if (renderer_1.RenderInternals.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));
+        if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'warn')) {
+            return console.warn(...args.map((a) => chalk_1.chalk.yellow(a)));
         }
     },
     error: (...args) => {

package/dist/parse-command-line.d.ts

@@ -1,8 +1,10 @@
-import type { AudioCodec, BrowserExecutable, Codec, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
-declare type CommandLineOptions = {
+import type { AudioCodec, BrowserExecutable, Codec, FfmpegExecutable, ImageFormat, OpenGlRenderer, PixelFormat, ProResProfile } from '@remotion/renderer';
+export declare type CommandLineOptions = {
     ['browser-executable']: BrowserExecutable;
+    ['ffmpeg-executable']: FfmpegExecutable;
+    ['ffprobe-executable']: FfmpegExecutable;
     ['pixel-format']: PixelFormat;
-    ['image-format']: VideoImageFormat | StillImageFormat;
+    ['image-format']: ImageFormat;
     ['prores-profile']: ProResProfile;
     ['bundle-cache']: string;
     ['env-file']: string;
@@ -25,7 +27,6 @@ declare type CommandLineOptions = {
     png: boolean;
     props: string;
     quality: number;
-    ['jpeg-quality']: number;
     frames: string | number;
     scale: number;
     sequence: boolean;
@@ -57,4 +58,3 @@ export declare const parsedCli: CommandLineOptions & {
 };
 export declare const parseCommandLine: () => void;
 export declare const quietFlagProvided: () => boolean;
-export {};

package/dist/parse-command-line.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parseCommandLine = exports.parsedCli = exports.BooleanFlags = void 0;
 const renderer_1 = require("@remotion/renderer");
 const minimist_1 = __importDefault(require("minimist"));
+const path_1 = require("path");
 const config_1 = require("./config");
 const log_1 = require("./log");
 exports.BooleanFlags = [
@@ -38,12 +39,21 @@ const parseCommandLine = () => {
     if (exports.parsedCli['pixel-format']) {
         config_1.Config.setPixelFormat(exports.parsedCli['pixel-format']);
     }
+    if (exports.parsedCli['image-format']) {
+        config_1.Config.setImageFormat(exports.parsedCli['image-format']);
+    }
     if (exports.parsedCli['browser-executable']) {
         config_1.Config.setBrowserExecutable(exports.parsedCli['browser-executable']);
     }
+    if (exports.parsedCli['ffmpeg-executable']) {
+        config_1.Config.setFfmpegExecutable((0, path_1.resolve)(exports.parsedCli['ffmpeg-executable']));
+    }
     if (exports.parsedCli['number-of-gif-loops']) {
         config_1.Config.setNumberOfGifLoops(exports.parsedCli['number-of-gif-loops']);
     }
+    if (exports.parsedCli['ffprobe-executable']) {
+        config_1.Config.setFfprobeExecutable((0, path_1.resolve)(exports.parsedCli['ffprobe-executable']));
+    }
     if (typeof exports.parsedCli['bundle-cache'] !== 'undefined') {
         config_1.Config.setCachingEnabled(exports.parsedCli['bundle-cache'] !== 'false');
     }
@@ -88,7 +98,9 @@ const parseCommandLine = () => {
         config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
+        log_1.Log.warn('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
+        config_1.Config.setImageSequence(true);
+        config_1.Config.setImageFormat('png');
     }
     if (exports.parsedCli.sequence) {
         config_1.Config.setImageSequence(true);
@@ -109,11 +121,7 @@ const parseCommandLine = () => {
         config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }
     if (typeof exports.parsedCli.quality !== 'undefined') {
-        log_1.Log.warn('The --quality flag has been renamed to --jpeg-quality instead.');
-        config_1.Config.setJpegQuality(exports.parsedCli.quality);
-    }
-    if (typeof exports.parsedCli['jpeg-quality'] !== 'undefined') {
-        config_1.Config.setJpegQuality(exports.parsedCli['jpeg-quality']);
+        config_1.Config.setQuality(exports.parsedCli.quality);
     }
     if (typeof exports.parsedCli.scale !== 'undefined') {
         config_1.Config.setScale(exports.parsedCli.scale);

package/dist/preview-server/dev-middleware/middleware.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { DevMiddlewareContext } from './types';
+export declare function getFilenameFromUrl(context: DevMiddlewareContext, url: string | undefined): string | undefined;
 export declare function getValueContentRangeHeader(type: string, size: number, range?: {
     start: number;
     end: number;

package/dist/preview-server/dev-middleware/middleware.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.middleware = exports.getValueContentRangeHeader = void 0;
+exports.middleware = exports.getValueContentRangeHeader = exports.getFilenameFromUrl = void 0;
 const renderer_1 = require("@remotion/renderer");
 const path_1 = __importDefault(require("path"));
 const querystring_1 = __importDefault(require("querystring"));
@@ -92,6 +92,7 @@ function getFilenameFromUrl(context, url) {
     }
     return foundFilename;
 }
+exports.getFilenameFromUrl = getFilenameFromUrl;
 function getValueContentRangeHeader(type, size, range) {
     return `${type} ${range ? `${range.start}-${range.end}` : '*'}/${size}`;
 }

package/dist/preview-server/error-overlay/remotion-overlay/AskOnDiscord.js

@@ -25,7 +25,6 @@ const AskOnDiscord = ({ canHaveKeyboardShortcuts }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/Button.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
-export declare const Button: React.ForwardRefExoticComponent<{
+export declare const Button: React.FC<{
     onClick: () => void;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     children: React.ReactNode;
-    style?: React.CSSProperties | undefined;
-    buttonContainerStyle?: React.CSSProperties | undefined;
-    autoFocus?: boolean | undefined;
-    title?: string | undefined;
-    id?: string | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+    style?: React.CSSProperties;
+}>;

package/dist/preview-server/error-overlay/remotion-overlay/Button.js

@@ -14,22 +14,18 @@ const button = {
     color: 'white',
     flexDirection: 'row',
 };
-const ButtonRefForwardFunction = ({ children, onClick, title, disabled, style, id, autoFocus, buttonContainerStyle, }, ref) => {
+const buttonContainer = {
+    padding: 10,
+    cursor: 'pointer',
+    fontSize: 14,
+};
+const Button = ({ children, onClick, disabled, style }) => {
     const combined = (0, react_1.useMemo)(() => {
         return {
             ...button,
             ...(style !== null && style !== void 0 ? style : {}),
         };
     }, [style]);
-    const buttonContainer = (0, react_1.useMemo)(() => {
-        return {
-            padding: 10,
-            cursor: disabled ? 'inherit' : 'pointer',
-            fontSize: 14,
-            opacity: disabled ? 0.7 : 1,
-            ...(buttonContainerStyle !== null && buttonContainerStyle !== void 0 ? buttonContainerStyle : {}),
-        };
-    }, [buttonContainerStyle, disabled]);
-    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, id: id, style: combined, type: "button", disabled: disabled, onClick: onClick, autoFocus: autoFocus, title: title, children: (0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: buttonContainer, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)("button", { style: combined, type: "button", disabled: disabled, onClick: onClick, children: (0, jsx_runtime_1.jsx)("div", { className: "css-reset", style: buttonContainer, children: children }) }));
 };
-exports.Button = (0, react_1.forwardRef)(ButtonRefForwardFunction);
+exports.Button = Button;

package/dist/preview-server/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorDisplay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const is_menu_item_1 = require("../../../editor/components/Menu/is-menu-item");
 const map_error_to_react_stack_1 = require("../react-overlay/effects/map-error-to-react-stack");
 const AskOnDiscord_1 = require("./AskOnDiscord");
 const ErrorTitle_1 = require("./ErrorTitle");
@@ -40,7 +39,7 @@ const ErrorDisplay = ({ display, keyboardShortcuts }) => {
     }, [display.error]);
     const lineNumberWidth = String(highestLineNumber).length;
     const helpLink = (0, get_help_link_1.getHelpLink)(message);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }), helpLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HelpLink_1.HelpLink, { link: helpLink, canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: stack, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: display.stackFrames.map((s, i) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: display.error.name, message: message }), helpLink ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HelpLink_1.HelpLink, { link: helpLink, canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, display.stackFrames.length > 0 && window.remotion_editorName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), (0, jsx_runtime_1.jsx)("div", { style: spacer })] })) : null, (0, jsx_runtime_1.jsx)(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), (0, jsx_runtime_1.jsx)("div", { style: spacer }), (0, jsx_runtime_1.jsx)(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), (0, jsx_runtime_1.jsx)("div", { style: stack, children: display.stackFrames.map((s, i) => {
                     return ((0, jsx_runtime_1.jsx)(StackFrame_1.StackElement
                     // eslint-disable-next-line react/no-array-index-key
                     , { isFirst: i === 0, s: s, lineNumberWidth: lineNumberWidth, defaultFunctionName: '(anonymous function)' }, i));

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js

@@ -28,7 +28,6 @@ const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/OpenInEditor.js

@@ -81,7 +81,6 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/SearchGitHubIssues.js

@@ -24,7 +24,6 @@ const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
             callback: onEditor,
             commandCtrlKey: true,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);