@remotion/cli 3.2.30 → 3.2.32

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/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/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;
@@ -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) => {
@@ -94,9 +91,8 @@ const getAndValidatePixelFormat = (codec) => {
     renderer_1.RenderInternals.validateSelectedPixelFormatAndCodecCombination(pixelFormat, codec);
     return pixelFormat;
 };
-const getAndValidateProResProfile = (actualCodec) => {
+const getProResProfile = () => {
     const proResProfile = config_1.ConfigInternals.getProResProfile();
-    renderer_1.RenderInternals.validateSelectedCodecAndProResCombination(actualCodec, proResProfile);
     return proResProfile;
 };
 const getAndValidateImageFormat = ({ shouldOutputImageSequence, codec, pixelFormat, }) => {
@@ -128,14 +124,20 @@ 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,
         codec: options.codec,
         pixelFormat,
     });
-    const proResProfile = getAndValidateProResProfile(options.codec);
+    const proResProfile = getProResProfile();
     const browserExecutable = config_1.ConfigInternals.getBrowserExecutable();
     const ffmpegExecutable = config_1.ConfigInternals.getCustomFfmpegExecutable();
     const ffprobeExecutable = config_1.ConfigInternals.getCustomFfprobeExecutable();
@@ -179,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-final-output-codec.js

@@ -44,6 +44,9 @@ const getFinalOutputCodec = ({ cliFlag, configFile, downloadName, outName, }) =>
         if (cliFlag && derivedOutNameCodec !== cliFlag) {
             throw new TypeError(`The out name is ${outName} but --codec=${cliFlag} was passed. The out name implies a codec of ${derivedOutNameCodec} which does not align with the --codec flag.`);
         }
+        if (configFile && derivedOutNameCodec !== configFile) {
+            throw new TypeError(`The out name is ${outName} but ${configFile} was set as the codec in the config file. The out name implies a codec of ${derivedOutNameCodec} which does not align with the codec set in the config file.`);
+        }
         return {
             codec: derivedOutNameCodec,
             reason: 'derived from out name',

package/dist/get-network-address.d.ts

@@ -0,0 +1 @@
+export declare const getNetworkAddress: () => string | undefined;

package/dist/get-network-address.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkAddress = void 0;
+const os_1 = require("os");
+const getNetworkAddress = () => {
+    for (const interfaceDetails of Object.values((0, os_1.networkInterfaces)())) {
+        if (!interfaceDetails)
+            continue;
+        for (const details of interfaceDetails) {
+            const { address, family, internal } = details;
+            if (family === 'IPv4' && !internal)
+                return address;
+        }
+    }
+};
+exports.getNetworkAddress = getNetworkAddress;

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

@@ -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;
@@ -99,6 +99,8 @@ 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>;

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

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

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/dev-middleware/setup-hooks.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupHooks = void 0;
 const log_1 = require("../../log");
+const truthy_1 = require("../../truthy");
 const is_color_supported_1 = require("./is-color-supported");
 function setupHooks(context) {
     function invalid() {
@@ -21,13 +22,23 @@ function setupHooks(context) {
             }
             logger.log('Compilation finished');
             const statsOptions = {
-                preset: 'normal',
+                preset: 'errors-warnings',
                 colors: is_color_supported_1.isColorSupported,
             };
             const printedStats = stats.toString(statsOptions);
-            // Avoid extra empty line when `stats: 'none'`
-            if (printedStats) {
-                log_1.Log.info(printedStats);
+            const lines = printedStats
+                .split('\n')
+                .map((a) => a.trimEnd())
+                .filter(truthy_1.truthy)
+                .map((a) => {
+                if (a.startsWith('webpack compiled')) {
+                    return `Built in ${stats.endTime - stats.startTime}ms`;
+                }
+                return a;
+            })
+                .join('\n');
+            if (lines) {
+                log_1.Log.info(lines);
             }
             context.callbacks = [];
             callbacks.forEach((callback) => {

package/dist/preview-server/hot-middleware/index.js

@@ -24,7 +24,7 @@ const webpackHotMiddleware = (compiler) => {
     compiler.hooks.done.tap('remotion', onDone);
     function onInvalid() {
         latestStats = null;
-        log_1.Log.info('webpack building...');
+        log_1.Log.info('Building...');
         eventStream === null || eventStream === void 0 ? void 0 : eventStream.publish({
             action: 'building',
         });
@@ -114,7 +114,6 @@ function publishStats(action, statsResult, eventStream) {
         if (bundles.length === 1 && !name && statsResult.compilation) {
             name = statsResult.compilation.name || '';
         }
-        log_1.Log.info(`webpack built in ${_stats.time}ms`);
         eventStream === null || eventStream === void 0 ? void 0 : eventStream.publish({
             name,
             action,

package/dist/preview.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
 const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
+const chalk_1 = require("./chalk");
 const config_1 = require("./config");
 const get_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
+const get_network_address_1 = require("./get-network-address");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const start_server_1 = require("./preview-server/start-server");
@@ -68,7 +70,13 @@ const previewCommand = async (remotionRoot) => {
         webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
     });
     setLiveEventsListener(liveEventsServer);
-    log_1.Log.info(`Server running on http://localhost:${port}`);
+    const networkAddress = (0, get_network_address_1.getNetworkAddress)();
+    if (networkAddress) {
+        log_1.Log.info(`Server ready - Local: ${chalk_1.chalk.underline(`http://localhost:${port}`)}, Network: ${chalk_1.chalk.underline(`http://${networkAddress}:${port}`)}`);
+    }
+    else {
+        log_1.Log.info(`Running on http://localhost:${port}`);
+    }
     (0, better_opn_1.default)(`http://localhost:${port}`);
     await new Promise(noop);
 };

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'],

package/dist/validate-image-format.js

@@ -3,7 +3,7 @@ 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'))) {
+    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' &&

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,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.2.30",
+	"version": "3.2.32",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -23,15 +23,15 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.2.30",
-		"@remotion/media-utils": "3.2.30",
-		"@remotion/player": "3.2.30",
-		"@remotion/renderer": "3.2.30",
+		"@remotion/bundler": "3.2.32",
+		"@remotion/media-utils": "3.2.32",
+		"@remotion/player": "3.2.32",
+		"@remotion/renderer": "3.2.32",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
-		"remotion": "3.2.30",
+		"remotion": "3.2.32",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -58,7 +58,7 @@
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"typescript": "^4.7.0",
-		"vitest": "^0.18.0"
+		"vitest": "0.18.0"
 	},
 	"keywords": [
 		"remotion",
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5dc5f4c010c47186c7911b575998296d6a65f7cb"
+	"gitHead": "4f7ab3637405d140041f898f95f78c99943d1b40"
 }