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

package/dist/config/index.d.ts

@@ -1,263 +1,22 @@
 import * as Logging from './log';
 import type { WebpackConfiguration } from '@remotion/bundler';
-import type { BrowserExecutable, CodecOrUndefined, Crf, FrameRange, StillImageFormat, VideoImageFormat } from '@remotion/renderer';
+import type { ConfigType } from 'remotion';
 import type { Concurrency } from './concurrency';
-import type { Loop } from './number-of-gif-loops';
 import type { WebpackOverrideFn } from './override-webpack';
-declare global {
-    interface RemotionBundlingOptions {
-        /**
-         * Specify the entry point so you don't have to specify it in the
-         * CLI command
-         */
-        readonly setEntryPoint: (src: string) => void;
-        /**
-         * Whether Webpack bundles should be cached to make
-         * subsequent renders faster. Default: true
-         */
-        readonly setCachingEnabled: (flag: boolean) => void;
-        /**
-         * Define on which port Remotion should start it's HTTP servers during preview and rendering.
-         * By default, Remotion will try to find a free port.
-         * If you specify a port, but it's not available, Remotion will throw an error.
-         */
-        readonly setPort: (port: number | undefined) => void;
-        /**
-         * Define the location of the public/ directory.
-         * By default it is a folder named "public" inside the current working directory.
-         * You can set an absolute path or a relative path that will be resolved from the closest package.json location.
-         */
-        readonly setPublicDir: (publicDir: string | null) => void;
-        readonly overrideWebpackConfig: (f: WebpackOverrideFn) => void;
-    }
-    interface RemotionConfigObject {
-        /**
-         * Change the maximum amount of tracks that are shown in the timeline.
-         * @param maxTracks The maximum amount of timeline tracks that you would like to show.
-         * @default 15
-         */
-        readonly setMaxTimelineTracks: (maxTracks: number) => void;
-        /**
-         * Enable Keyboard shortcuts in the Remotion Preview.
-         * @param enabled Boolean whether to enable the keyboard shortcuts
-         * @default true
-         */
-        readonly setKeyboardShortcutsEnabled: (enableShortcuts: boolean) => void;
-        /**
-         * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#use-the-numberofsharedaudiotags-property
-         * @param numberOfAudioTags
-         * @default 0
-         */
-        readonly setNumberOfSharedAudioTags: (numberOfAudioTags: number) => void;
-        /**
-         * Enable Webpack polling instead of file system listeners for hot reloading in the preview.
-         * This is useful if you are using a remote directory or a virtual machine.
-         * @param interval
-         * @default null
-         */
-        readonly setWebpackPollingInMilliseconds: (interval: number | null) => void;
-        /**
-         * Whether Remotion should open a browser when starting the Preview.
-         * @param should
-         * @default true
-         */
-        readonly setShouldOpenBrowser: (should: boolean) => void;
-        /**
-         * Set the log level.
-         * Acceptable values: 'error' | 'warning' | 'info' | 'verbose'
-         * Default value: 'info'
-         *
-         * Set this to 'verbose' to get browser logs and other IO.
-         */
-        readonly setLevel: (newLogLevel: 'verbose' | 'info' | 'warn' | 'error') => void;
-        /**
-         * Specify executable path for the browser to use.
-         * Default: null, which will make Remotion find or download a version of said browser.
-         */
-        readonly setBrowserExecutable: (newBrowserExecutablePath: BrowserExecutable) => void;
-        /**
-         * Set how many milliseconds a frame may take to render before it times out.
-         * Default: `30000`
-         */
-        readonly setDelayRenderTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
-        /**
-         * @deprecated Renamed to `setDelayRenderTimeoutInMilliseconds`.
-         * Set how many milliseconds a frame may take to render before it times out.
-         * Default: `30000`
-         */
-        readonly setTimeoutInMilliseconds: (newPuppeteerTimeout: number) => void;
-        /**
-         * Setting deciding whether to disable CORS and other Chrome security features.
-         * Default: false
-         */
-        readonly setChromiumDisableWebSecurity: (should: boolean) => void;
-        /**
-         * Setting whether to ignore any invalid SSL certificates, such as self-signed ones.
-         * Default: false
-         */
-        readonly setChromiumIgnoreCertificateErrors: (should: boolean) => void;
-        /**
-         * If false, will open an actual browser during rendering to observe progress.
-         * Default: true
-         */
-        readonly setChromiumHeadlessMode: (should: boolean) => void;
-        /**
-         * Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
-         * Default: 'swangle' in Lambda, null elsewhere.
-         */
-        readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader') => void;
-        /**
-         * Set the user agent for Chrome. Only works during rendering.
-         * Default is the default user agent for Chrome
-         */
-        readonly setChromiumUserAgent: (userAgent: string | null) => void;
-        /**
-         * Set a custom location for a .env file.
-         * Default: `.env`
-         */
-        readonly setDotEnvLocation: (file: string) => void;
-        /**
-         * Sets how many Puppeteer instances will work on rendering your video in parallel.
-         * Default: `null`, meaning half of the threads available on your CPU.
-         */
-        readonly setConcurrency: (newConcurrency: Concurrency) => void;
-        /**
-         * @deprecated Renamed to `setJpegQuality`.
-         */
-        readonly setQuality: (q: never) => void;
-        /**
-         * @deprecated Separated into `setStillImageFormat()` and `setVideoImageFormat()`.
-         */
-        readonly setImageFormat: (q: never) => void;
-        /**
-         * Set the JPEG quality for the frames.
-         * Must be between 0 and 100.
-         * Default: 80
-         */
-        readonly setJpegQuality: (q: number | undefined) => void;
-        /** Decide the image format for still renders.
-         */
-        readonly setStillImageFormat: (format: StillImageFormat) => void;
-        /** Decide in which image format to render. Can be either 'jpeg' or 'png'.
-         * PNG is slower, but supports transparency.
-         */
-        readonly setVideoImageFormat: (format: VideoImageFormat) => void;
-        /**
-         * Render only a subset of a video.
-         * Pass in a tuple [20, 30] to only render frames 20-30 into a video.
-         * Pass in a single number `20` to only render a single frame as an image.
-         * The frame count starts at 0.
-         */
-        readonly setFrameRange: (newFrameRange: FrameRange | null) => void;
-        /**
-         * Scales the output dimensions by a factor.
-         * Default: 1.
-         */
-        readonly setScale: (newScale: number) => void;
-        /**
-         * Specify which frames should be picked for rendering a GIF
-         * Default: 1, which means every frame
-         * https://remotion.dev/docs/render-as-gif
-         */
-        readonly setEveryNthFrame: (frame: number) => void;
-        /**
-         * Specify the number of Loop a GIF should have.
-         * Default: null (means GIF will loop infinite)
-         */
-        readonly setNumberOfGifLoops: (newLoop: Loop) => void;
-        /**
-         * Disable audio output.
-         * Default: false
-         */
-        readonly setMuted: (muted: boolean) => void;
-        /**
-         * Don't render an audio track if it would be silent.
-         * Default: true
-         */
-        readonly setEnforceAudioTrack: (enforceAudioTrack: boolean) => void;
-        /**
-         * Set the output file location string. Default: `out/{composition}.{codec}`
-         */
-        readonly setOutputLocation: (newOutputLocation: string) => void;
-        /**
-         * If the video file already exists, should Remotion overwrite
-         * the output? Default: true
-         */
-        readonly setOverwriteOutput: (newOverwrite: boolean) => void;
-        /**
-         * Sets the pixel format in FFMPEG.
-         * See https://trac.ffmpeg.org/wiki/Chroma%20Subsampling for an explanation.
-         * You can override this using the `--pixel-format` Cli flag.
-         */
-        readonly setPixelFormat: (format: 'yuv420p' | 'yuva420p' | 'yuv422p' | 'yuv444p' | 'yuv420p10le' | 'yuv422p10le' | 'yuv444p10le' | 'yuva444p10le') => void;
-        /**
-         * Specify the codec for stitching the frames into a video.
-         * Can be `h264` (default), `h265`, `vp8` or `vp9`
-         */
-        readonly setCodec: (newCodec: CodecOrUndefined) => void;
-        /**
-         * Set the Constant Rate Factor to pass to FFMPEG.
-         * Lower values mean better quality, but be aware that the ranges of
-         * possible values greatly differs between codecs.
-         */
-        readonly setCrf: (newCrf: Crf) => void;
-        /**
-         * Set to true if don't want a video but an image sequence as the output.
-         */
-        readonly setImageSequence: (newImageSequence: boolean) => void;
-        /**
-         * Overrides the height of a composition
-         */
-        readonly overrideHeight: (newHeight: number) => void;
-        /**
-         * Overrides the width of a composition
-         */
-        readonly overrideWidth: (newWidth: number) => void;
-        /**
-         * Set the ProRes profile.
-         * This method is only valid if the codec has been set to 'prores'.
-         * Possible values: 4444-xq, 4444, hq, standard, light, proxy. Default: 'hq'
-         * See https://avpres.net/FFmpeg/im_ProRes.html for meaning of possible values.
-         */
-        readonly setProResProfile: (profile: '4444-xq' | '4444' | 'hq' | 'standard' | 'light' | 'proxy' | undefined) => void;
-        /**
-         * Override the arguments that Remotion passes to FFMPEG.
-         * Consult https://remotion.dev/docs/renderer/render-media#ffmpegoverride before using this feature.
-         */
-        readonly overrideFfmpegCommand: (command: (info: {
-            type: 'pre-stitcher' | 'stitcher';
-            args: string[];
-        }) => string[]) => void;
-        /**
-         * Set a target audio bitrate to be passed to FFMPEG.
-         */
-        readonly setAudioBitrate: (bitrate: string | null) => void;
-        /**
-         * Set a target video bitrate to be passed to FFMPEG.
-         * Mutually exclusive with setCrf().
-         */
-        readonly setVideoBitrate: (bitrate: string | null) => void;
-    }
-}
-declare type FlatConfig = RemotionConfigObject & RemotionBundlingOptions & {
-    /**
-     * Set the audio codec to use for the output video.
-     * See the Encoding guide in the docs for defaults and available options.
-     */
-    setAudioCodec: (codec: 'pcm-16' | 'aac' | 'mp3' | 'opus') => void;
-};
-export declare const Config: FlatConfig;
+export declare const Config: ConfigType;
 export type { Concurrency, WebpackConfiguration, WebpackOverrideFn };
 export declare const ConfigInternals: {
-    getRange: () => FrameRange | null;
-    getOutputCodecOrUndefined: () => CodecOrUndefined;
-    getBrowser: () => null;
+    getRange: () => import("@remotion/renderer").FrameRange | null;
+    getOutputCodecOrUndefined: () => import("@remotion/renderer").CodecOrUndefined;
+    getCustomFfmpegExecutable: () => import("@remotion/renderer").FfmpegExecutable;
+    getBrowser: () => import("@remotion/renderer").Browser | null;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
     getShouldOverwrite: ({ defaultValue, }: {
         defaultValue: boolean;
     }) => boolean;
-    getBrowserExecutable: () => BrowserExecutable;
+    getBrowserExecutable: () => import("@remotion/renderer").BrowserExecutable;
+    getCustomFfprobeExecutable: () => import("@remotion/renderer").FfmpegExecutable;
     getScale: () => number;
     getServerPort: () => number | undefined;
     getChromiumDisableWebSecurity: () => boolean;
@@ -267,13 +26,12 @@ export declare const ConfigInternals: {
     getEveryNthFrame: () => number;
     getConcurrency: () => string | number | null;
     getCurrentPuppeteerTimeout: () => number;
-    getJpegQuality: () => number | undefined;
+    getQuality: () => number | undefined;
     getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
     getStillFrame: () => number;
-    getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
+    getShouldOutputImageSequence: (frameRange: import("@remotion/renderer").FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
-    getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
+    getUserPreferredImageFormat: () => "png" | "jpeg" | "none" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;
@@ -293,10 +51,11 @@ export declare const ConfigInternals: {
     getVideoBitrate: () => string | null;
     getHeight: () => number | null;
     getWidth: () => number | null;
-    getCrfOrUndefined: () => Crf;
+    getCrfOrUndefined: () => import("@remotion/renderer").Crf;
     getEntryPoint: () => string | null;
-    getNumberOfGifLoops: () => Loop;
+    getNumberOfGifLoops: () => import("./number-of-gif-loops").Loop;
     getWebpackPolling: () => number | null;
     getShouldOpenBrowser: () => boolean;
     getChromiumUserAgent: () => string | null;
 };
+export declare const overrideRemotion: () => void;

package/dist/config/index.js

@@ -23,17 +23,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigInternals = exports.Config = void 0;
+exports.overrideRemotion = exports.ConfigInternals = exports.Config = void 0;
+const remotion_1 = require("remotion");
 const browser_1 = require("./browser");
 const browser_executable_1 = require("./browser-executable");
 const chromium_flags_1 = require("./chromium-flags");
 const codec_1 = require("./codec");
 const concurrency_1 = require("./concurrency");
 const env_file_1 = require("./env-file");
+const ffmpeg_executable_1 = require("./ffmpeg-executable");
 const frame_range_1 = require("./frame-range");
 const image_format_1 = require("./image-format");
 const image_sequence_1 = require("./image-sequence");
-const jpeg_quality_1 = require("./jpeg-quality");
 const Logging = __importStar(require("./log"));
 const max_timeline_tracks_1 = require("./max-timeline-tracks");
 const output_location_1 = require("./output-location");
@@ -42,6 +43,7 @@ const overwrite_1 = require("./overwrite");
 const pixel_format_1 = require("./pixel-format");
 const preview_server_1 = require("./preview-server");
 const prores_profile_1 = require("./prores-profile");
+const quality_1 = require("./quality");
 const scale_1 = require("./scale");
 const still_frame_1 = require("./still-frame");
 const timeout_1 = require("./timeout");
@@ -57,11 +59,12 @@ const enforce_audio_track_1 = require("./enforce-audio-track");
 const entry_point_1 = require("./entry-point");
 const env_file_2 = require("./env-file");
 const every_nth_frame_1 = require("./every-nth-frame");
+const ffmpeg_executable_2 = require("./ffmpeg-executable");
 const ffmpeg_override_1 = require("./ffmpeg-override");
 const frame_range_2 = require("./frame-range");
 const height_1 = require("./height");
+const image_format_2 = require("./image-format");
 const image_sequence_2 = require("./image-sequence");
-const jpeg_quality_2 = require("./jpeg-quality");
 const keyboard_shortcuts_1 = require("./keyboard-shortcuts");
 const log_1 = require("./log");
 const max_timeline_tracks_2 = require("./max-timeline-tracks");
@@ -76,24 +79,31 @@ const pixel_format_2 = require("./pixel-format");
 const preview_server_2 = require("./preview-server");
 const prores_profile_2 = require("./prores-profile");
 const public_dir_1 = require("./public-dir");
+const quality_2 = require("./quality");
 const scale_2 = require("./scale");
 const timeout_2 = require("./timeout");
 const user_agent_1 = require("./user-agent");
 const webpack_caching_2 = require("./webpack-caching");
 const webpack_poll_1 = require("./webpack-poll");
 const width_1 = require("./width");
-exports.Config = {
+const Preview = {
     setMaxTimelineTracks: max_timeline_tracks_2.setMaxTimelineTracks,
     setKeyboardShortcutsEnabled: keyboard_shortcuts_1.setKeyboardShortcutsEnabled,
     setNumberOfSharedAudioTags: number_of_shared_audio_tags_1.setNumberOfSharedAudioTags,
     setWebpackPollingInMilliseconds: webpack_poll_1.setWebpackPollingInMilliseconds,
     setShouldOpenBrowser: open_browser_1.setShouldOpenBrowser,
+};
+const Bundling = {
     overrideWebpackConfig: override_webpack_2.overrideWebpackConfig,
     setCachingEnabled: webpack_caching_2.setWebpackCaching,
     setPort: preview_server_2.setPort,
     setPublicDir: public_dir_1.setPublicDir,
     setEntryPoint: entry_point_1.setEntryPoint,
+};
+const Log = {
     setLevel: log_1.setLogLevel,
+};
+const Puppeteer = {
     setBrowserExecutable: browser_executable_2.setBrowserExecutable,
     setTimeoutInMilliseconds: timeout_2.setPuppeteerTimeout,
     setDelayRenderTimeoutInMilliseconds: timeout_2.setPuppeteerTimeout,
@@ -102,26 +112,26 @@ exports.Config = {
     setChromiumHeadlessMode: chromium_flags_2.setChromiumHeadlessMode,
     setChromiumOpenGlRenderer: chromium_flags_2.setChromiumOpenGlRenderer,
     setChromiumUserAgent: user_agent_1.setChromiumUserAgent,
+};
+const Rendering = {
     setDotEnvLocation: env_file_2.setDotEnvLocation,
     setConcurrency: concurrency_2.setConcurrency,
-    setQuality: () => {
-        throw new Error('setQuality() has been renamed - use setJpegQuality() instead.');
-    },
-    setImageFormat: () => {
-        throw new Error('setImageFormat() has been renamed - use setVideoImageFormat() or setStillImageFormat() instead.');
-    },
-    setJpegQuality: jpeg_quality_2.setJpegQuality,
-    setStillImageFormat: image_format_1.setStillImageFormat,
-    setVideoImageFormat: image_format_1.setVideoImageFormat,
+    setQuality: quality_2.setQuality,
+    setImageFormat: image_format_2.setImageFormat,
     setFrameRange: frame_range_2.setFrameRange,
+    setFfmpegExecutable: ffmpeg_executable_2.setFfmpegExecutable,
+    setFfprobeExecutable: ffmpeg_executable_2.setFfprobeExecutable,
     setScale: scale_2.setScale,
     setEveryNthFrame: every_nth_frame_1.setEveryNthFrame,
     setNumberOfGifLoops: number_of_gif_loops_1.setNumberOfGifLoops,
     setMuted: muted_1.setMuted,
     setEnforceAudioTrack: enforce_audio_track_1.setEnforceAudioTrack,
+};
+const Output = {
     setOutputLocation: output_location_2.setOutputLocation,
     setOverwriteOutput: overwrite_2.setOverwriteOutput,
     setPixelFormat: pixel_format_2.setPixelFormat,
+    setOutputFormat: codec_2.setOutputFormat,
     setCodec: codec_2.setCodec,
     setCrf: crf_1.setCrf,
     setImageSequence: image_sequence_2.setImageSequence,
@@ -131,16 +141,35 @@ exports.Config = {
     overrideHeight: height_1.overrideHeight,
     overrideWidth: width_1.overrideWidth,
     overrideFfmpegCommand: ffmpeg_override_1.setFfmpegOverrideFunction,
+};
+exports.Config = {
+    // New flat config format
+    ...Preview,
+    ...Bundling,
+    ...Log,
+    ...Puppeteer,
+    ...Rendering,
+    ...Output,
+    // Legacy config format
+    Preview,
+    Bundling,
+    Log,
+    Puppeteer,
+    Rendering,
+    Output,
+    // Options added after migration
     setAudioCodec: audio_codec_1.setAudioCodec,
 };
 exports.ConfigInternals = {
     getRange: frame_range_1.getRange,
     getOutputCodecOrUndefined: codec_1.getOutputCodecOrUndefined,
+    getCustomFfmpegExecutable: ffmpeg_executable_1.getCustomFfmpegExecutable,
     getBrowser: browser_1.getBrowser,
     getPixelFormat: pixel_format_1.getPixelFormat,
     getProResProfile: prores_profile_1.getProResProfile,
     getShouldOverwrite: overwrite_1.getShouldOverwrite,
     getBrowserExecutable: browser_executable_1.getBrowserExecutable,
+    getCustomFfprobeExecutable: ffmpeg_executable_1.getCustomFfprobeExecutable,
     getScale: scale_1.getScale,
     getServerPort: preview_server_1.getServerPort,
     getChromiumDisableWebSecurity: chromium_flags_1.getChromiumDisableWebSecurity,
@@ -150,13 +179,12 @@ exports.ConfigInternals = {
     getEveryNthFrame: every_nth_frame_1.getEveryNthFrame,
     getConcurrency: concurrency_1.getConcurrency,
     getCurrentPuppeteerTimeout: timeout_1.getCurrentPuppeteerTimeout,
-    getJpegQuality: jpeg_quality_1.getJpegQuality,
+    getQuality: quality_1.getQuality,
     getAudioCodec: audio_codec_1.getAudioCodec,
     getStillFrame: still_frame_1.getStillFrame,
     getShouldOutputImageSequence: image_sequence_1.getShouldOutputImageSequence,
     getDotEnvLocation: env_file_1.getDotEnvLocation,
-    getUserPreferredStillImageFormat: image_format_1.getUserPreferredStillImageFormat,
-    getUserPreferredVideoImageFormat: image_format_1.getUserPreferredVideoImageFormat,
+    getUserPreferredImageFormat: image_format_1.getUserPreferredImageFormat,
     getWebpackOverrideFn: override_webpack_1.getWebpackOverrideFn,
     getWebpackCaching: webpack_caching_1.getWebpackCaching,
     getOutputLocation: output_location_1.getOutputLocation,
@@ -183,3 +211,8 @@ exports.ConfigInternals = {
     getShouldOpenBrowser: open_browser_1.getShouldOpenBrowser,
     getChromiumUserAgent: user_agent_1.getChromiumUserAgent,
 };
+const overrideRemotion = () => {
+    Object.assign(remotion_1.Config, exports.Config);
+    remotion_1.Internals.enableLegacyRemotionConfig();
+};
+exports.overrideRemotion = overrideRemotion;

package/dist/config/public-dir.d.ts

@@ -1,2 +1,2 @@
 export declare const getPublicDir: () => string | null;
-export declare const setPublicDir: (dir: string | null) => void;
+export declare const setPublicDir: (dir: string) => void;

package/dist/config/scale.d.ts

@@ -1,4 +1,3 @@
-declare type Scale = number;
+export declare type Scale = number;
 export declare const setScale: (newScale: Scale) => void;
 export declare const getScale: () => number;
-export {};

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

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

package/dist/determine-image-format.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.determineFinalStillImageFormat = void 0;
+exports.determineFinalImageFormat = void 0;
 const deriveExtensionFromFilename = (filename) => {
     if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.png')) {
         return 'png';
@@ -11,18 +11,9 @@ const deriveExtensionFromFilename = (filename) => {
     if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.jpeg')) {
         return 'jpeg';
     }
-    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.pdf')) {
-        return 'pdf';
-    }
-    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.webp')) {
-        return 'webp';
-    }
     return null;
 };
-const determineFinalStillImageFormat = ({ downloadName, outName, configImageFormat, cliFlag, isLambda, fromUi, }) => {
-    if (fromUi) {
-        return { format: fromUi, source: 'via UI' };
-    }
+const determineFinalImageFormat = ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }) => {
     const outNameExtension = deriveExtensionFromFilename(outName);
     const downloadNameExtension = deriveExtensionFromFilename(downloadName);
     const outNameDescription = isLambda ? 'S3 output key' : 'out name';
@@ -49,13 +40,9 @@ const determineFinalStillImageFormat = ({ downloadName, outName, configImageForm
     if (cliFlag !== null) {
         return { format: cliFlag, source: '--image-format flag' };
     }
-    if (configImageFormat !== null) {
-        // @ts-expect-error
-        if (configImageFormat === 'none') {
-            throw new Error('The still simage format in the config file must not be "none"');
-        }
+    if (configImageFormat !== null && configImageFormat !== 'none') {
         return { format: configImageFormat, source: 'Config file' };
     }
     return { format: 'png', source: 'Default' };
 };
-exports.determineFinalStillImageFormat = determineFinalStillImageFormat;
+exports.determineFinalImageFormat = determineFinalImageFormat;

package/dist/download-progress.d.ts

@@ -1,3 +1,3 @@
-import type { DownloadProgress } from './progress-types';
+import type { DownloadProgress } from './progress-bar';
 export declare const getFileSizeDownloadBar: (downloaded: number) => string;
-export declare const makeMultiDownloadProgress: (progresses: DownloadProgress[], indent: boolean) => string | null;
+export declare const makeMultiDownloadProgress: (progresses: DownloadProgress[]) => string | null;

package/dist/download-progress.js

@@ -2,15 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMultiDownloadProgress = exports.getFileSizeDownloadBar = void 0;
 const format_bytes_1 = require("./format-bytes");
-const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
-const truthy_1 = require("./truthy");
 const getFileSizeDownloadBar = (downloaded) => {
     const desiredLength = (0, make_progress_bar_1.makeProgressBar)(0).length;
     return `[${(0, format_bytes_1.formatBytes)(downloaded).padEnd(desiredLength - 2, ' ')}]`;
 };
 exports.getFileSizeDownloadBar = getFileSizeDownloadBar;
-const makeMultiDownloadProgress = (progresses, indent) => {
+const makeMultiDownloadProgress = (progresses) => {
     if (progresses.length === 0) {
         return null;
     }
@@ -20,27 +18,21 @@ const makeMultiDownloadProgress = (progresses, indent) => {
             ? progress.name.substring(0, 57) + '...'
             : progress.name;
         return [
-            indent ? log_1.INDENT_TOKEN : null,
             `    +`,
             progress.progress
                 ? (0, make_progress_bar_1.makeProgressBar)(progress.progress)
                 : (0, exports.getFileSizeDownloadBar)(progress.downloaded),
             `Downloading ${truncatedFileName}`,
-        ]
-            .filter(truthy_1.truthy)
-            .join(' ');
+        ].join(' ');
     }
     const everyFileHasContentLength = progresses.every((p) => p.totalBytes !== null);
     return [
-        indent ? log_1.INDENT_TOKEN : null,
         `    +`,
         everyFileHasContentLength
             ? (0, make_progress_bar_1.makeProgressBar)(progresses.reduce((a, b) => a + b.progress, 0) /
                 progresses.length)
             : (0, exports.getFileSizeDownloadBar)(progresses.reduce((a, b) => a + b.downloaded, 0)),
         `Downloading ${progresses.length} files`,
-    ]
-        .filter(truthy_1.truthy)
-        .join(' ');
+    ].join(' ');
 };
 exports.makeMultiDownloadProgress = makeMultiDownloadProgress;

package/dist/editor/components/Canvas.js

@@ -195,7 +195,6 @@ const Canvas = () => {
             commandCtrlKey: false,
             callback: onReset,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         const zoomIn = keybindings.registerKeybinding({
             event: 'keydown',
@@ -203,7 +202,6 @@ const Canvas = () => {
             commandCtrlKey: false,
             callback: onZoomIn,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         const zoomOut = keybindings.registerKeybinding({
             event: 'keydown',
@@ -211,7 +209,6 @@ const Canvas = () => {
             commandCtrlKey: false,
             callback: onZoomOut,
             preventDefault: true,
-            triggerIfInputFieldFocused: false,
         });
         return () => {
             resetBinding.unregister();

package/dist/editor/components/CompositionSelector.js

@@ -12,6 +12,7 @@ const CompositionSelectorItem_1 = require("./CompositionSelectorItem");
 const CurrentComposition_1 = require("./CurrentComposition");
 const InitialCompositionLoader_1 = require("./InitialCompositionLoader");
 const container = {
+    borderRight: '1px solid black',
     position: 'absolute',
     height: '100%',
     width: '100%',
@@ -19,7 +20,8 @@ const container = {
     backgroundColor: colors_1.BACKGROUND,
 };
 const list = {
-    height: 'calc(100% - 80px)',
+    padding: 5,
+    height: 'calc(100% - 100px)',
     overflowY: 'auto',
 };
 const getKeysToExpand = (initialFolderName, parentFolderName, initial = []) => {
@@ -52,7 +54,7 @@ const CompositionSelector = () => {
     const items = (0, react_1.useMemo)(() => {
         return (0, create_folder_tree_1.createFolderTree)(compositions, folders, foldersExpanded);
     }, [compositions, folders, foldersExpanded]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}), (0, jsx_runtime_1.jsx)("div", { className: "__remotion-vertical-scrollbar", style: list, children: items.map((c) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(CurrentComposition_1.CurrentComposition, {}), (0, jsx_runtime_1.jsx)("div", { style: list, children: items.map((c) => {
                     return ((0, jsx_runtime_1.jsx)(CompositionSelectorItem_1.CompositionSelectorItem, { level: 0, currentComposition: currentComposition, selectComposition: selectComposition, toggleFolder: toggleFolder, tabIndex: tabIndex, item: c }, c.key + c.type));
                 }) })] }));
 };