@remotion/cli 3.2.31 → 3.2.33

package/dist/bundle.d.ts

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

package/dist/bundle.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleCommand = void 0;
+const get_cli_options_1 = require("./get-cli-options");
+const initialize_render_cli_1 = require("./initialize-render-cli");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const prepare_entry_point_1 = require("./prepare-entry-point");
+const bundleCommand = async (remotionRoot) => {
+    const file = parse_command_line_1.parsedCli._[1];
+    if (!file) {
+        log_1.Log.error('No entry point specified. Pass more arguments:');
+        log_1.Log.error('   npx remotion bundle [entry-point]');
+        log_1.Log.error('Documentation: https://www.remotion.dev/docs/cli/bundle');
+        process.exit(1);
+    }
+    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'bundle');
+    const { publicPath, bundleOutDir } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'get-compositions-or-bundle',
+    });
+    const { urlOrBundle } = await (0, prepare_entry_point_1.prepareEntryPoint)({
+        file,
+        otherSteps: [],
+        outDir: bundleOutDir,
+        publicPath,
+        remotionRoot,
+    });
+    log_1.Log.info();
+    log_1.Log.info(urlOrBundle);
+};
+exports.bundleCommand = bundleCommand;

package/dist/config/bitrate.d.ts

@@ -0,0 +1,4 @@
+export declare const setAudioBitrate: (bitrate: string) => void;
+export declare const getAudioBitrate: () => string | null;
+export declare const setVideoBitrate: (bitrate: string) => void;
+export declare const getVideoBitrate: () => string | null;

package/dist/config/bitrate.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVideoBitrate = exports.setVideoBitrate = exports.getAudioBitrate = exports.setAudioBitrate = void 0;
+let audioBitrate;
+const setAudioBitrate = (bitrate) => {
+    audioBitrate = bitrate;
+};
+exports.setAudioBitrate = setAudioBitrate;
+const getAudioBitrate = () => {
+    return audioBitrate;
+};
+exports.getAudioBitrate = getAudioBitrate;
+let videoBitrate;
+const setVideoBitrate = (bitrate) => {
+    videoBitrate = bitrate;
+};
+exports.setVideoBitrate = setVideoBitrate;
+const getVideoBitrate = () => {
+    return videoBitrate;
+};
+exports.getVideoBitrate = getVideoBitrate;

package/dist/config/bundle-out-dir.d.ts

@@ -0,0 +1,2 @@
+export declare const getBundleOutDir: () => string | null;
+export declare const setBundleDir: (path: string) => void;

package/dist/config/bundle-out-dir.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setBundleDir = exports.getBundleOutDir = void 0;
+let bundleOutDir = null;
+const getBundleOutDir = () => {
+    return bundleOutDir;
+};
+exports.getBundleOutDir = getBundleOutDir;
+const setBundleDir = (path) => {
+    bundleOutDir = path;
+};
+exports.setBundleDir = setBundleDir;

package/dist/config/crf.d.ts

@@ -1,4 +1,3 @@
-import type { Codec, Crf } from '@remotion/renderer';
+import type { Crf } from '@remotion/renderer';
 export declare const setCrf: (newCrf: Crf) => void;
 export declare const getCrfOrUndefined: () => Crf;
-export declare const getActualCrf: (codec: Codec) => number;

package/dist/config/crf.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getActualCrf = exports.getCrfOrUndefined = exports.setCrf = void 0;
-const renderer_1 = require("@remotion/renderer");
+exports.getCrfOrUndefined = exports.setCrf = void 0;
 let currentCrf;
 const setCrf = (newCrf) => {
     if (typeof newCrf !== 'number' && newCrf !== undefined) {
@@ -14,10 +13,3 @@ const getCrfOrUndefined = () => {
     return currentCrf;
 };
 exports.getCrfOrUndefined = getCrfOrUndefined;
-const getActualCrf = (codec) => {
-    var _a;
-    const crf = (_a = (0, exports.getCrfOrUndefined)()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.getDefaultCrfForCodec(codec);
-    renderer_1.RenderInternals.validateSelectedCrfAndCodecCombination(crf, codec);
-    return crf;
-};
-exports.getActualCrf = getActualCrf;

package/dist/config/get-public-path.d.ts

@@ -0,0 +1,2 @@
+export declare const getPublicPath: () => string | null;
+export declare const setPublicPath: (path: string) => void;

package/dist/config/get-public-path.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setPublicPath = exports.getPublicPath = void 0;
+let publicPath = null;
+const getPublicPath = () => {
+    return publicPath;
+};
+exports.getPublicPath = getPublicPath;
+const setPublicPath = (path) => {
+    publicPath = path;
+};
+exports.setPublicPath = setPublicPath;

package/dist/config/index.d.ts

@@ -10,7 +10,6 @@ export declare const ConfigInternals: {
     getOutputCodecOrUndefined: () => import("@remotion/renderer").CodecOrUndefined;
     getCustomFfmpegExecutable: () => import("@remotion/renderer").FfmpegExecutable;
     getBrowser: () => import("@remotion/renderer").Browser | null;
-    getActualCrf: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
     getShouldOverwrite: ({ defaultValue, }: {
@@ -48,5 +47,8 @@ export declare const ConfigInternals: {
     getKeyboardShortcutsEnabled: () => boolean;
     getPublicDir: () => string | null;
     getFfmpegOverrideFunction: () => import("@remotion/renderer").FfmpegOverrideFn;
+    getAudioBitrate: () => string | null;
+    getVideoBitrate: () => string | null;
+    getCrfOrUndefined: () => import("@remotion/renderer").Crf;
 };
 export declare const overrideRemotion: () => void;

package/dist/config/index.js

@@ -31,7 +31,6 @@ 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 crf_1 = require("./crf");
 const env_file_1 = require("./env-file");
 const every_nth_frame_1 = require("./every-nth-frame");
 const ffmpeg_executable_1 = require("./ffmpeg-executable");
@@ -52,11 +51,12 @@ const scale_1 = require("./scale");
 const still_frame_1 = require("./still-frame");
 const timeout_1 = require("./timeout");
 const webpack_caching_1 = require("./webpack-caching");
+const bitrate_1 = require("./bitrate");
 const browser_executable_2 = require("./browser-executable");
 const chromium_flags_2 = require("./chromium-flags");
 const codec_2 = require("./codec");
 const concurrency_2 = require("./concurrency");
-const crf_2 = require("./crf");
+const crf_1 = require("./crf");
 const enforce_audio_track_1 = require("./enforce-audio-track");
 const env_file_2 = require("./env-file");
 const every_nth_frame_2 = require("./every-nth-frame");
@@ -123,9 +123,11 @@ exports.Config = {
         setPixelFormat: pixel_format_2.setPixelFormat,
         setOutputFormat: codec_2.setOutputFormat,
         setCodec: codec_2.setCodec,
-        setCrf: crf_2.setCrf,
+        setCrf: crf_1.setCrf,
         setImageSequence: image_sequence_2.setImageSequence,
         setProResProfile: prores_profile_2.setProResProfile,
+        setAudioBitrate: bitrate_1.setAudioBitrate,
+        setVideoBitrate: bitrate_1.setVideoBitrate,
         overrideFfmpegCommand: ffmpeg_override_1.setFfmpegOverrideFunction,
     },
 };
@@ -135,7 +137,6 @@ exports.ConfigInternals = {
     getOutputCodecOrUndefined: codec_1.getOutputCodecOrUndefined,
     getCustomFfmpegExecutable: ffmpeg_executable_1.getCustomFfmpegExecutable,
     getBrowser: browser_1.getBrowser,
-    getActualCrf: crf_1.getActualCrf,
     getPixelFormat: pixel_format_1.getPixelFormat,
     getProResProfile: prores_profile_1.getProResProfile,
     getShouldOverwrite: overwrite_1.getShouldOverwrite,
@@ -171,6 +172,9 @@ exports.ConfigInternals = {
     getKeyboardShortcutsEnabled: keyboard_shortcuts_1.getKeyboardShortcutsEnabled,
     getPublicDir: public_dir_1.getPublicDir,
     getFfmpegOverrideFunction: ffmpeg_override_1.getFfmpegOverrideFunction,
+    getAudioBitrate: bitrate_1.getAudioBitrate,
+    getVideoBitrate: bitrate_1.getVideoBitrate,
+    getCrfOrUndefined: crf_1.getCrfOrUndefined,
 };
 const overrideRemotion = () => {
     Object.assign(remotion_1.Config, exports.Config);

package/dist/config/log.d.ts

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

package/dist/editor/components/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Button: React.FC<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+    children: React.ReactNode;
+}>;

package/dist/editor/components/Button.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../helpers/colors");
+const layout_1 = require("./layout");
+const container = {
+    padding: 10,
+    cursor: 'pointer',
+    fontSize: 14,
+};
+const button = {
+    border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
+    borderRadius: 4,
+    backgroundColor: colors_1.INPUT_BACKGROUND,
+    appearance: 'none',
+    fontFamily: 'inherit',
+    fontSize: 14,
+    color: 'white',
+};
+const Button = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { ...props, style: button, type: "button", children: (0, jsx_runtime_1.jsx)(layout_1.Row, { style: container, children: children }) }));
+};
+exports.Button = Button;

package/dist/editor/components/PreviewZoomControls.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PreviewZoomControls: React.FC;

package/dist/editor/components/PreviewZoomControls.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewZoomControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const minus_1 = require("../icons/minus");
+const plus_1 = require("../icons/plus");
+const preview_size_1 = require("../state/preview-size");
+const ControlButton_1 = require("./ControlButton");
+const layout_1 = require("./layout");
+const container = {
+    color: 'black',
+    flexDirection: 'row',
+    display: 'flex',
+};
+const buttonStyle = {
+    fontSize: 24,
+};
+const iconStyle = {
+    color: 'white',
+    width: 14,
+};
+const PreviewZoomControls = () => {
+    const { size, setSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
+    const onZoomOutClicked = (0, react_1.useCallback)(() => {
+        setSize((z) => {
+            // TODO: Don't assume 1
+            const newSize = Number((z.size === 'auto' ? 1 : z.size - preview_size_1.ZOOM_BUTTON_STEP).toFixed(2));
+            return { ...z, size: Math.max(preview_size_1.PREVIEW_MIN_ZOOM, newSize) };
+        });
+    }, [setSize]);
+    const onZoomInClicked = (0, react_1.useCallback)(() => {
+        setSize((z) => {
+            // TODO: Don't assume 1
+            if (z.size === 'auto')
+                return {
+                    size: 1 + preview_size_1.ZOOM_BUTTON_STEP,
+                    translation: {
+                        x: 0,
+                        y: 0,
+                    },
+                };
+            const newSize = Number((Number(z) + preview_size_1.ZOOM_BUTTON_STEP).toFixed(2));
+            return { ...z, size: Math.min(preview_size_1.PREVIEW_MAX_ZOOM, newSize) };
+        });
+    }, [setSize]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { onClick: onZoomOutClicked, style: buttonStyle, title: "Zoom out preview", role: 'ControlButton', type: "button", disabled: size.size !== 'auto' && preview_size_1.PREVIEW_MIN_ZOOM === size.size, children: (0, jsx_runtime_1.jsx)(minus_1.Minus, { style: iconStyle }) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.5 }), (0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { onClick: onZoomInClicked, style: buttonStyle, title: "Zoom in preview", role: 'button', type: "button", disabled: size.size !== 'auto' && preview_size_1.PREVIEW_MAX_ZOOM === size.size, children: (0, jsx_runtime_1.jsx)(plus_1.Plus, { style: iconStyle }) })] }));
+};
+exports.PreviewZoomControls = PreviewZoomControls;

package/dist/editor/helpers/normalize-wheel.d.ts

@@ -0,0 +1,5 @@
+export declare function normalizeWheel(event: WheelEvent): {
+    deltaX: number;
+    deltaY: number;
+    deltaZ: number;
+};

package/dist/editor/helpers/normalize-wheel.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeWheel = void 0;
+// Taken from https://github.com/tldraw/tldraw/blob/254dfdfd77c4abde53240f7d8ca3558e08688493/packages/core/src/hooks/useZoomEvents.ts which is adapted from https://stackoverflow.com/a/13650579
+const MAX_ZOOM_STEP = 10;
+function normalizeWheel(event) {
+    const { deltaY, deltaX } = event;
+    let deltaZ = 0;
+    if (event.ctrlKey || event.metaKey) {
+        const signY = Math.sign(event.deltaY);
+        const absDeltaY = Math.abs(event.deltaY);
+        let dy = deltaY;
+        if (absDeltaY > MAX_ZOOM_STEP) {
+            dy = MAX_ZOOM_STEP * signY;
+        }
+        deltaZ = dy;
+    }
+    return { deltaX, deltaY, deltaZ };
+}
+exports.normalizeWheel = normalizeWheel;

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

@@ -21,7 +21,7 @@ export declare const getCliOptions: (options: {
     envVariables: Record<string, string>;
     quality: number | undefined;
     browser: import("@remotion/renderer").Browser;
-    crf: number | null;
+    crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     imageFormat: "png" | "jpeg" | "none";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
@@ -31,7 +31,7 @@ export declare const getCliOptions: (options: {
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
     ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;
@@ -40,4 +40,6 @@ export declare const getCliOptions: (options: {
     enforceAudioTrack: boolean;
     publicDir: string | null;
     ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
+    audioBitrate: string | null;
+    videoBitrate: string | null;
 }>;

package/dist/get-cli-options.js

@@ -80,13 +80,10 @@ const getAndValidateShouldOutputImageSequence = async ({ frameRange, isLambda, }
     }
     return shouldOutputImageSequence;
 };
-const getAndValidateCrf = (shouldOutputImageSequence, codec) => {
+const getCrf = (shouldOutputImageSequence) => {
     const crf = shouldOutputImageSequence
         ? null
-        : config_1.ConfigInternals.getActualCrf(codec);
-    if (crf !== null) {
-        renderer_1.RenderInternals.validateSelectedCrfAndCodecCombination(crf, codec);
-    }
+        : config_1.ConfigInternals.getCrfOrUndefined();
     return crf;
 };
 const getAndValidatePixelFormat = (codec) => {
@@ -127,7 +124,13 @@ const getCliOptions = async (options) => {
     const overwrite = config_1.ConfigInternals.getShouldOverwrite({
         defaultValue: !options.isLambda,
     });
-    const crf = getAndValidateCrf(shouldOutputImageSequence, options.codec);
+    const crf = getCrf(shouldOutputImageSequence);
+    const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
+    renderer_1.RenderInternals.validateQualitySettings({
+        crf,
+        codec: options.codec,
+        videoBitrate,
+    });
     const pixelFormat = getAndValidatePixelFormat(options.codec);
     const imageFormat = getAndValidateImageFormat({
         shouldOutputImageSequence,
@@ -178,6 +181,8 @@ const getCliOptions = async (options) => {
         enforceAudioTrack: config_1.ConfigInternals.getEnforceAudioTrack(),
         publicDir: config_1.ConfigInternals.getPublicDir(),
         ffmpegOverride: config_1.ConfigInternals.getFfmpegOverrideFunction(),
+        audioBitrate: config_1.ConfigInternals.getAudioBitrate(),
+        videoBitrate,
     };
 };
 exports.getCliOptions = getCliOptions;

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

@@ -5,7 +5,7 @@ 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)({
+    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
         codec,
@@ -39,6 +39,8 @@ const getRenderMediaOptions = async ({ outputLocation, config, serveUrl, codec,
         concurrency,
         serveUrl,
         codec,
+        audioBitrate,
+        videoBitrate,
     };
 };
 exports.getRenderMediaOptions = getRenderMediaOptions;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="minimist" />
+import minimist from 'minimist';
 export declare const cli: () => Promise<void>;
 export { ConfigInternals, overrideRemotion } from './config/index';
 export * from './render';
@@ -80,7 +80,7 @@ export declare const CliInternals: {
         envVariables: Record<string, string>;
         quality: number | undefined;
         browser: import("@remotion/renderer").Browser;
-        crf: number | null;
+        crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         imageFormat: "png" | "jpeg" | "none";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | 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: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -99,13 +99,15 @@ export declare const CliInternals: {
         enforceAudioTrack: boolean;
         publicDir: string | null;
         ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
+        audioBitrate: string | null;
+        videoBitrate: string | null;
     }>;
     parseCommandLine: () => void;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
-    parsedCli: import("./parse-command-line").CommandLineOptions & import("minimist").ParsedArgs;
+    parsedCli: import("./parse-command-line").CommandLineOptions & minimist.ParsedArgs;
     handleCommonError: (err: Error) => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
@@ -132,4 +134,5 @@ export declare const CliInternals: {
         format: import("@remotion/renderer").StillImageFormat;
         source: string;
     };
+    minimist: typeof minimist;
 };

package/dist/index.js

@@ -13,12 +13,15 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 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 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");
@@ -50,8 +53,6 @@ const cli = async () => {
         process.exit(0);
     }
     const remotionRoot = (0, find_closest_package_json_1.findRemotionRoot)();
-    // To check node version and to warn if node version is <12.10.0
-    (0, check_version_1.checkNodeVersion)();
     if (command !== versions_1.VERSIONS_COMMAND) {
         await (0, versions_1.validateVersionsBeforeCommand)(remotionRoot);
     }
@@ -74,7 +75,7 @@ const cli = async () => {
             await (0, still_1.still)(remotionRoot);
         }
         else if (command === 'upgrade') {
-            await (0, upgrade_1.upgrade)(remotionRoot);
+            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);
@@ -127,4 +128,5 @@ exports.CliInternals = {
     findRemotionRoot: find_closest_package_json_1.findRemotionRoot,
     getFinalCodec: get_cli_options_1.getFinalCodec,
     determineFinalImageFormat: determine_image_format_1.determineFinalImageFormat,
+    minimist: minimist_1.default,
 };

package/dist/initialize-render-cli.d.ts

@@ -0,0 +1 @@
+export declare const initializeRenderCli: (remotionRoot: string, type: 'still' | 'sequence' | 'lambda' | 'preview') => Promise<void>;

package/dist/initialize-render-cli.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeRenderCli = void 0;
+const get_config_file_name_1 = require("./get-config-file-name");
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const initializeRenderCli = async (remotionRoot, type) => {
+    const appliedName = await (0, get_config_file_name_1.loadConfig)(remotionRoot);
+    (0, parse_command_line_1.parseCommandLine)(type);
+    // Only now Log.verbose is available
+    log_1.Log.verbose('Remotion root directory:', remotionRoot);
+    if (remotionRoot !== process.cwd()) {
+        log_1.Log.warn(`Warning: The root directory of your project is ${remotionRoot}, but you are executing this command from ${process.cwd()}. The recommendation is to execute commands from the root directory.`);
+    }
+    if (appliedName) {
+        log_1.Log.verbose(`Applied configuration from ${appliedName}.`);
+    }
+    else {
+        log_1.Log.verbose('No config file loaded.');
+    }
+};
+exports.initializeRenderCli = initializeRenderCli;

package/dist/lambda-command.js

@@ -15,7 +15,7 @@ const lambdaCommand = async (remotionRoot) => {
         process.exit(0);
     }
     catch (err) {
-        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
         const installCommand = manager === 'unknown' ? 'npm i' : manager.installCommand;
         log_1.Log.error(err);
         log_1.Log.error('Remotion Lambda is not installed.');

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

@@ -10,6 +10,7 @@ exports.listOfRemotionPackages = [
     '@remotion/lottie',
     '@remotion/media-utils',
     '@remotion/motion-blur',
+    '@remotion/noise',
     '@remotion/paths',
     '@remotion/babel-loader',
     '@remotion/lambda',

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

@@ -38,6 +38,7 @@ export declare type CommandLineOptions = {
     muted: boolean;
     ['enforce-audio-track']: boolean;
     gl: OpenGlRenderer;
+    ['package-manager']: string;
 };
 export declare const BooleanFlags: string[];
 export declare const parsedCli: CommandLineOptions & minimist.ParsedArgs;

package/dist/parse-command-line.js

@@ -130,6 +130,12 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['public-dir'] !== 'undefined') {
         config_1.Config.Bundling.setPublicDir(exports.parsedCli['public-dir']);
     }
+    if (typeof exports.parsedCli['audio-bitrate'] !== 'undefined') {
+        config_1.Config.Output.setAudioBitrate(exports.parsedCli['audio-bitrate']);
+    }
+    if (typeof exports.parsedCli['video-bitrate'] !== 'undefined') {
+        config_1.Config.Output.setVideoBitrate(exports.parsedCli['video-bitrate']);
+    }
 };
 exports.parseCommandLine = parseCommandLine;
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/prepare-entry-point.d.ts

@@ -0,0 +1,12 @@
+import type { RenderStep } from './step';
+export declare const prepareEntryPoint: ({ file, otherSteps, publicPath, outDir, remotionRoot, }: {
+    file: string;
+    otherSteps: RenderStep[];
+    outDir: string | null;
+    publicPath: string | null;
+    remotionRoot: string;
+}) => Promise<{
+    urlOrBundle: string;
+    steps: RenderStep[];
+    shouldDelete: boolean;
+}>;

package/dist/prepare-entry-point.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareEntryPoint = void 0;
+const renderer_1 = require("@remotion/renderer");
+const promises_1 = require("fs/promises");
+const path_1 = __importDefault(require("path"));
+const process_1 = require("process");
+const log_1 = require("./log");
+const setup_cache_1 = require("./setup-cache");
+const prepareEntryPoint = async ({ file, otherSteps, publicPath, outDir, remotionRoot, }) => {
+    if (renderer_1.RenderInternals.isServeUrl(file)) {
+        return { urlOrBundle: file, steps: otherSteps, shouldDelete: false };
+    }
+    const joined = path_1.default.resolve(process.cwd(), file);
+    try {
+        const stats = await (0, promises_1.stat)(joined);
+        if (stats.isDirectory()) {
+            return { urlOrBundle: joined, steps: otherSteps, shouldDelete: false };
+        }
+    }
+    catch (err) {
+        log_1.Log.error(`No file or directory exists at ${joined}.`);
+        (0, process_1.exit)(1);
+    }
+    const urlOrBundle = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
+        fullPath: joined,
+        steps: ['bundling', ...otherSteps],
+        outDir,
+        publicPath,
+        remotionRoot,
+    });
+    return { urlOrBundle, steps: ['bundling', ...otherSteps], shouldDelete: true };
+};
+exports.prepareEntryPoint = prepareEntryPoint;

package/dist/preview-server/get-package-manager.d.ts

@@ -6,5 +6,5 @@ declare type LockfilePath = {
     startCommand: string;
 };
 export declare const lockFilePaths: LockfilePath[];
-export declare const getPackageManager: (remotionRoot: string) => LockfilePath | 'unknown';
+export declare const getPackageManager: (remotionRoot: string, packageManager: string | undefined) => LockfilePath | 'unknown';
 export {};

package/dist/preview-server/get-package-manager.js

@@ -26,7 +26,16 @@ exports.lockFilePaths = [
         startCommand: 'pnpm start',
     },
 ];
-const getPackageManager = (remotionRoot) => {
+const getPackageManager = (remotionRoot, packageManager) => {
+    if (packageManager) {
+        const manager = exports.lockFilePaths.find((p) => p.manager === packageManager);
+        if (!manager) {
+            throw new Error(`The package manager ${packageManager} is not supported. Supported package managers are ${exports.lockFilePaths
+                .map((p) => p.manager)
+                .join(', ')}`);
+        }
+        return manager;
+    }
     const existingPkgManagers = exports.lockFilePaths.filter((p) => fs_1.default.existsSync(path_1.default.join(remotionRoot, p.path)));
     if (existingPkgManagers.length === 0) {
         return 'unknown';

package/dist/preview-server/routes.js

@@ -30,7 +30,7 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     response.setHeader('content-type', 'text/html');
     response.writeHead(200);
-    const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+    const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
     response.end(bundler_1.BundlerInternals.indexHtml({
         staticHash: hash,
         baseDir: '/',

package/dist/preview-server/update-available.js

@@ -9,7 +9,7 @@ const get_latest_remotion_version_1 = require("../get-latest-remotion-version");
 const get_package_manager_1 = require("./get-package-manager");
 const isUpdateAvailable = async ({ remotionRoot, currentVersion, }) => {
     const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
     return {
         updateAvailable: semver_1.default.lt(currentVersion, latest),
         currentVersion,
@@ -28,7 +28,7 @@ exports.getRemotionVersion = getRemotionVersion;
 const isUpdateAvailableWithTimeout = (remotionRoot) => {
     const version = (0, exports.getRemotionVersion)();
     const threeSecTimeout = new Promise((resolve) => {
-        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
         setTimeout(() => {
             resolve({
                 currentVersion: version,

package/dist/print-help.js

@@ -31,6 +31,8 @@ const printHelp = () => {
         ['--overwrite', 'Overwrite if file exists, default true'],
         ['--sequence', 'Output as an image sequence'],
         ['--codec', 'Video of audio codec'],
+        ['--audio-bitrate', 'Customize the output audio bitrate'],
+        ['--video-bitrate', 'Customize the output video bitrate'],
         ['--crf', 'FFMPEG CRF value, controls quality, see docs for info'],
         ['--browser-executable', 'Custom path for browser executable'],
         ['--frames', 'Render a portion or a still of a video'],
@@ -67,6 +69,12 @@ const printHelp = () => {
     log_1.Log.info();
     log_1.Log.info('remotion upgrade');
     log_1.Log.info(chalk_1.chalk.gray('Ensure Remotion is on the newest version.'));
+    printFlags([
+        [
+            '--package-manager',
+            'Force a specific package manager, defaults to use from lockfile',
+        ],
+    ]);
     log_1.Log.info();
     log_1.Log.info('Visit https://www.remotion.dev/docs/cli for browsable CLI documentation.');
 };

package/dist/render.js

@@ -21,7 +21,6 @@ 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();
     const file = parse_command_line_1.parsedCli._[1];
@@ -59,10 +58,11 @@ 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} (${codecReason}), Output = ${relativeOutputLocation}`));
-    log_1.Log.verbose('Browser executable: ', browserExecutable);
-    await (0, validate_ffmpeg_version_1.checkAndValidateFfmpegVersion)({
+    const ffmpegVersion = await renderer_1.RenderInternals.getFfmpegVersion({
         ffmpegExecutable,
     });
+    log_1.Log.verbose('FFMPEG Version:', ffmpegVersion ? ffmpegVersion.join('.') : 'Built from source');
+    log_1.Log.verbose('Browser executable: ', browserExecutable);
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),

package/dist/upgrade.d.ts

@@ -1 +1 @@
-export declare const upgrade: (remotionRoot: string) => Promise<void>;
+export declare const upgrade: (remotionRoot: string, packageManager: string | undefined) => Promise<void>;

package/dist/upgrade.js

@@ -20,13 +20,13 @@ const getUpgradeCommand = ({ manager, packages, version, }) => {
     };
     return commands[manager];
 };
-const upgrade = async (remotionRoot) => {
+const upgrade = async (remotionRoot, packageManager) => {
     var _a;
     const packageJsonFilePath = path_1.default.join(remotionRoot, 'package.json');
     const packageJson = require(packageJsonFilePath);
     const dependencies = Object.keys(packageJson.dependencies);
     const latestRemotionVersion = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+    const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, packageManager);
     if (manager === 'unknown') {
         throw new Error(`No lockfile was found in your project (one of ${get_package_manager_1.lockFilePaths
             .map((p) => p.path)

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/dist/webpack-cache.d.ts

@@ -0,0 +1,12 @@
+declare type Environment = 'development' | 'production';
+declare global {
+    namespace NodeJS {
+        interface ProcessVersions {
+            pnp?: string;
+        }
+    }
+}
+export declare const clearCache: (environment: Environment, inputProps: object | null) => Promise<void>;
+export declare const getWebpackCacheName: (environment: Environment, inputProps: object | null) => string;
+export declare const cacheExists: (environment: Environment, inputProps: object | null) => boolean;
+export {};

package/dist/webpack-cache.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cacheExists = exports.getWebpackCacheName = exports.clearCache = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const remotion_1 = require("remotion");
+// Inlined from https://github.com/webpack/webpack/blob/4c2ee7a4ddb8db2362ca83b6c4190523387ba7ee/lib/config/defaults.js#L265
+// An algorithm to determine where Webpack will cache the depencies
+const getWebpackCacheDir = () => {
+    const cwd = process.cwd();
+    let dir = cwd;
+    for (;;) {
+        try {
+            if (fs_1.default.statSync(path_1.default.join(dir, 'package.json')).isFile()) {
+                break;
+            }
+            // eslint-disable-next-line no-empty
+        }
+        catch (e) { }
+        const parent = path_1.default.dirname(dir);
+        if (dir === parent) {
+            dir = undefined;
+            break;
+        }
+        dir = parent;
+    }
+    if (!dir) {
+        return path_1.default.resolve(cwd, '.cache/webpack');
+    }
+    if (process.versions.pnp === '1') {
+        return path_1.default.resolve(dir, '.pnp/.cache/webpack');
+    }
+    if (process.versions.pnp === '3') {
+        return path_1.default.resolve(dir, '.yarn/.cache/webpack');
+    }
+    return path_1.default.resolve(dir, 'node_modules/.cache/webpack');
+};
+const remotionCacheLocation = (environment, inputProps) => {
+    return path_1.default.join(getWebpackCacheDir(), (0, exports.getWebpackCacheName)(environment, inputProps));
+};
+const clearCache = (environment, inputProps) => {
+    var _a;
+    return ((_a = fs_1.default.promises.rm) !== null && _a !== void 0 ? _a : fs_1.default.promises.rmdir)(remotionCacheLocation(environment, inputProps), {
+        recursive: true,
+    });
+};
+exports.clearCache = clearCache;
+const getWebpackCacheName = (environment, inputProps) => {
+    // In development, let's reset the cache when input props
+    // are changing, because they are injected using Webpack and if changed,
+    // it will get the cached version
+    if (environment === 'development') {
+        return `remotion-v3-${environment}-${(0, remotion_1.random)(JSON.stringify(inputProps))}`;
+    }
+    // In production, the cache is independent from input props because
+    // they are passed over URL params. Speed is mostly important in production.
+    return `remotion-v3-${environment}`;
+};
+exports.getWebpackCacheName = getWebpackCacheName;
+const cacheExists = (environment, inputProps) => {
+    return fs_1.default.existsSync(remotionCacheLocation(environment, inputProps));
+};
+exports.cacheExists = cacheExists;

package/package.json

@@ -1,13 +1,12 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.2.31",
+	"version": "3.2.33",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"bin": {
 		"remotion": "remotion-cli.js"
 	},
-	"module": "true",
 	"scripts": {
 		"lint": "eslint src --ext ts,tsx",
 		"test": "vitest --run",
@@ -23,15 +22,15 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.2.31",
-		"@remotion/media-utils": "3.2.31",
-		"@remotion/player": "3.2.31",
-		"@remotion/renderer": "3.2.31",
+		"@remotion/bundler": "3.2.33",
+		"@remotion/media-utils": "3.2.33",
+		"@remotion/player": "3.2.33",
+		"@remotion/renderer": "3.2.33",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "3.2.31",
+		"remotion": "3.2.33",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -58,7 +57,7 @@
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"typescript": "^4.7.0",
-		"vitest": "^0.18.0"
+		"vitest": "0.24.3"
 	},
 	"keywords": [
 		"remotion",
@@ -71,5 +70,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f011b454d78903e548c32f548d8fef642c5ff7a6"
+	"gitHead": "3c864e5ab73870674d028a1199005ddbabaede12"
 }

package/vitest.config.ts

@@ -1,9 +0,0 @@
-import {defineConfig} from 'vitest/config';
-
-export default defineConfig({
-	test: {
-		testTimeout: 90000,
-		maxConcurrency: 1,
-		threads: false,
-	},
-});