@remotion/cli 4.0.77 → 4.0.81

package/dist/editor/components/RenderModal/SchemaEditor/ZodStringEditor.js

@@ -29,6 +29,6 @@ const ZodStringEditor = ({ jsonPath, value, setValue, showSaveButton, defaultVal
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value, false, false);
     }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: false, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { value: localValue.value, status: localValue.zodValidation ? 'ok' : 'error', placeholder: jsonPath.join('.'), onChange: onChange, rightAlign: false, name: jsonPath.join('.') }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: false, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { handleClick: null, isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { value: localValue.value, status: localValue.zodValidation ? 'ok' : 'error', placeholder: jsonPath.join('.'), onChange: onChange, rightAlign: false, name: jsonPath.join('.') }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
 };
 exports.ZodStringEditor = ZodStringEditor;

package/dist/editor/components/RenderModal/SchemaEditor/ZodTextareaEditor.js

@@ -37,6 +37,6 @@ const ZodTextareaEditor = ({ jsonPath, value, setValue, showSaveButton, defaultV
     const save = (0, react_1.useCallback)(() => {
         onSave(() => value, false, false);
     }, [onSave, value]);
-    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemTextarea_1.RemTextarea, { onChange: onChange, value: localValue.value, status: localValue.zodValidation ? 'ok' : 'error', placeholder: jsonPath.join('.'), name: jsonPath.join('.'), style: textareaStyle }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, { shouldPad: mayPad, success: localValue.zodValidation.success, children: [(0, jsx_runtime_1.jsx)(SchemaLabel_1.SchemaLabel, { handleClick: null, isDefaultValue: localValue.value === defaultValue, jsonPath: jsonPath, onReset: reset, onSave: save, showSaveButton: showSaveButton, onRemove: onRemove, saving: saving, valid: localValue.zodValidation.success, saveDisabledByParent: saveDisabledByParent, suffix: null }), (0, jsx_runtime_1.jsxs)("div", { style: fullWidth, children: [(0, jsx_runtime_1.jsx)(RemTextarea_1.RemTextarea, { onChange: onChange, value: localValue.value, status: localValue.zodValidation ? 'ok' : 'error', placeholder: jsonPath.join('.'), name: jsonPath.join('.'), style: textareaStyle }), (0, jsx_runtime_1.jsx)(ZodFieldValidation_1.ZodFieldValidation, { path: jsonPath, localValue: localValue })] })] }));
 };
 exports.ZodTextareaEditor = ZodTextareaEditor;

package/dist/editor/components/RenderModal/layout.d.ts

@@ -3,4 +3,5 @@ export declare const optionRow: React.CSSProperties;
 export declare const label: React.CSSProperties;
 export declare const rightRow: React.CSSProperties;
 export declare const input: React.CSSProperties;
+export declare const fieldSetText: React.CSSProperties;
 export declare const fieldsetLabel: React.CSSProperties;

package/dist/editor/components/RenderModal/layout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldsetLabel = exports.input = exports.rightRow = exports.label = exports.optionRow = void 0;
+exports.fieldsetLabel = exports.fieldSetText = exports.input = exports.rightRow = exports.label = exports.optionRow = void 0;
 const colors_1 = require("../../helpers/colors");
 exports.optionRow = {
     display: 'flex',
@@ -31,12 +31,15 @@ exports.rightRow = {
 exports.input = {
     minWidth: 250,
 };
-exports.fieldsetLabel = {
+exports.fieldSetText = {
     color: colors_1.LIGHT_TEXT,
     fontSize: 14,
+    fontFamily: 'monospace',
+};
+exports.fieldsetLabel = {
+    ...exports.fieldSetText,
     display: 'flex',
     flexDirection: 'row',
-    fontFamily: 'monospace',
     alignItems: 'center',
     width: '100%',
 };

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -35,7 +35,7 @@ export declare const addSequenceRenderJob: ({ compositionId, outName, imageForma
     disallowParallelEncoding: boolean;
     multiProcessOnLinux: boolean;
 }) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, }: {
+export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, }: {
     compositionId: string;
     outName: string;
     imageFormat: VideoImageFormat;
@@ -65,6 +65,8 @@ export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat,
     offthreadVideoCacheSizeInBytes: number | null;
     colorSpace: ColorSpace;
     multiProcessOnLinux: boolean;
+    encodingMaxRate: string | null;
+    encodingBufferSize: string | null;
 }) => Promise<undefined>;
 export declare const unsubscribeFromFileExistenceWatcher: ({ file, clientId, }: {
     file: string;

package/dist/editor/components/RenderQueue/actions.js

@@ -75,7 +75,7 @@ const addSequenceRenderJob = ({ compositionId, outName, imageFormat, startFrame,
     });
 };
 exports.addSequenceRenderJob = addSequenceRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, }) => {
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, scale, logLevel, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, audioCodec, disallowParallelEncoding, chromiumOptions, envVariables, inputProps, offthreadVideoCacheSizeInBytes, colorSpace, multiProcessOnLinux, encodingMaxRate, encodingBufferSize, }) => {
     return callApi('/api/render', {
         compositionId,
         type: 'video',
@@ -111,6 +111,8 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, jpegQuality, s
         offthreadVideoCacheSizeInBytes,
         colorSpace,
         multiProcessOnLinux,
+        encodingBufferSize,
+        encodingMaxRate,
     });
 };
 exports.addVideoRenderJob = addVideoRenderJob;

package/dist/editor/components/SidebarRenderButton.js

@@ -61,6 +61,9 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: defaults.multiProcessOnLinux,
             defaultConfigurationVideoCodec: defaults.codec,
+            initialEncodingBufferSize: defaults.encodingBufferSize,
+            initialEncodingMaxRate: defaults.encodingMaxRate,
+            initialUserAgent: defaults.userAgent,
         });
     }, [composition.defaultProps, composition.id, props, setSelectedModal]);
     const renderAction = (0, react_1.useCallback)((color) => {

package/dist/editor/helpers/colors.d.ts

@@ -18,6 +18,7 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const LIGHT_TRANSPARENT = "rgba(255, 255, 255, 0.7)";
 export declare const UNSELECTED_GUIDE = "#7e1219";
 export declare const SELECTED_GUIDE = "#d22d3a";
+export declare const LINE_COLOR = "#363A3E";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;

package/dist/editor/helpers/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBackgroundFromHoverState = exports.SELECTED_GUIDE = exports.UNSELECTED_GUIDE = exports.LIGHT_TRANSPARENT = exports.BLUE_DISABLED = exports.BLUE = exports.WARNING_COLOR = exports.FAIL_COLOR = exports.TIMELINE_BACKGROUND = exports.INPUT_BORDER_COLOR_HOVERED = exports.INPUT_BORDER_COLOR_UNHOVERED = exports.CLEAR_HOVER = exports.VERY_LIGHT_TEXT = exports.RULER_COLOR = exports.LIGHT_TEXT = exports.SELECTED_BACKGROUND = exports.LIGHT_COLOR = exports.BORDER_COLOR = exports.INPUT_BACKGROUND = exports.BACKGROUND__TRANSPARENT = exports.BACKGROUND = void 0;
+exports.getBackgroundFromHoverState = exports.LINE_COLOR = exports.SELECTED_GUIDE = exports.UNSELECTED_GUIDE = exports.LIGHT_TRANSPARENT = exports.BLUE_DISABLED = exports.BLUE = exports.WARNING_COLOR = exports.FAIL_COLOR = exports.TIMELINE_BACKGROUND = exports.INPUT_BORDER_COLOR_HOVERED = exports.INPUT_BORDER_COLOR_UNHOVERED = exports.CLEAR_HOVER = exports.VERY_LIGHT_TEXT = exports.RULER_COLOR = exports.LIGHT_TEXT = exports.SELECTED_BACKGROUND = exports.LIGHT_COLOR = exports.BORDER_COLOR = exports.INPUT_BACKGROUND = exports.BACKGROUND__TRANSPARENT = exports.BACKGROUND = void 0;
 exports.BACKGROUND = 'rgb(31,36,40)';
 exports.BACKGROUND__TRANSPARENT = 'rgba(31,36,40, 0)';
 exports.INPUT_BACKGROUND = '#2f363d';
@@ -22,6 +22,7 @@ exports.BLUE_DISABLED = '#284f73';
 exports.LIGHT_TRANSPARENT = 'rgba(255, 255, 255, 0.7)';
 exports.UNSELECTED_GUIDE = '#7e1219';
 exports.SELECTED_GUIDE = '#d22d3a';
+exports.LINE_COLOR = '#363A3E';
 const getBackgroundFromHoverState = ({ selected, hovered, }) => {
     if (selected) {
         if (hovered) {

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/editor/state/modals.d.ts

@@ -31,6 +31,9 @@ export type RenderModalState = {
     initialOffthreadVideoCacheSizeInBytes: number | null;
     initialColorSpace: ColorSpace;
     initialMultiProcessOnLinux: boolean;
+    initialUserAgent: string | null;
+    initialEncodingMaxRate: string | null;
+    initialEncodingBufferSize: string | null;
     minConcurrency: number;
     maxConcurrency: number;
     defaultProps: Record<string, unknown>;

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

@@ -17,7 +17,7 @@ export declare const getCliOptions: (options: {
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
@@ -32,9 +32,11 @@ export declare const getCliOptions: (options: {
     ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
     audioBitrate: string | null;
     videoBitrate: string | null;
+    encodingBufferSize: string | null;
+    encodingMaxRate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
     deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
     colorSpace: "default" | "bt709";

package/dist/get-cli-options.js

@@ -77,6 +77,8 @@ const getCliOptions = async (options) => {
     });
     const crf = getCrf(shouldOutputImageSequence);
     const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
+    const encodingBufferSize = config_1.ConfigInternals.getEncodingBufferSize();
+    const encodingMaxRate = config_1.ConfigInternals.getEncodingMaxRate();
     const pixelFormat = config_1.ConfigInternals.getPixelFormat();
     const proResProfile = getProResProfile();
     const x264Preset = getx264Preset();
@@ -131,6 +133,8 @@ const getCliOptions = async (options) => {
         ffmpegOverride: config_1.ConfigInternals.getFfmpegOverrideFunction(),
         audioBitrate: config_1.ConfigInternals.getAudioBitrate(),
         videoBitrate,
+        encodingBufferSize,
+        encodingMaxRate,
         height,
         width,
         configFileImageFormat: config_1.ConfigInternals.getUserPreferredVideoImageFormat(),

package/dist/get-composition-id.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
 const renderer_1 = require("@remotion/renderer");
-const format_bytes_1 = require("./format-bytes");
+const studio_1 = require("@remotion/studio");
 const log_1 = require("./log");
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
@@ -42,7 +42,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, serializedInputProp
             log_1.Log.warn({
                 indent,
                 logLevel,
-            }, `The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
+            }, `The props of your composition are large (${studio_1.StudioInternals.formatBytes(propsSize)}). This may cause slowdown.`);
         }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);

package/dist/get-env.js

@@ -28,12 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEnvironmentVariables = void 0;
 const renderer_1 = require("@remotion/renderer");
+const studio_1 = require("@remotion/studio");
 const dotenv_1 = __importDefault(require("dotenv"));
 const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
-const file_watcher_1 = require("./file-watcher");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 function getProcessEnv() {
@@ -52,7 +52,7 @@ const watchEnvFile = ({ processEnv, envFile, onUpdate, logLevel, }) => {
             ...dotenv_1.default.parse(file),
         });
     };
-    const { unwatch } = (0, file_watcher_1.installFileWatcher)({
+    const { unwatch } = studio_1.StudioInternals.installFileWatcher({
         file: envFile,
         onChange: async (type) => {
             try {

package/dist/get-render-defaults.d.ts

@@ -0,0 +1,2 @@
+import type { RenderDefaults } from '@remotion/bundler';
+export declare const getRenderDefaults: () => RenderDefaults;

package/dist/get-render-defaults.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderDefaults = void 0;
+const renderer_1 = require("@remotion/renderer");
+const config_1 = require("./config");
+const getRenderDefaults = () => {
+    var _a, _b;
+    const defaultJpegQuality = config_1.ConfigInternals.getJpegQuality();
+    const defaultScale = config_1.ConfigInternals.getScale();
+    const logLevel = config_1.ConfigInternals.Logging.getLogLevel();
+    const defaultCodec = config_1.ConfigInternals.getOutputCodecOrUndefined();
+    const concurrency = renderer_1.RenderInternals.getActualConcurrency(config_1.ConfigInternals.getConcurrency());
+    const muted = config_1.ConfigInternals.getMuted();
+    const enforceAudioTrack = config_1.ConfigInternals.getEnforceAudioTrack();
+    const pixelFormat = config_1.ConfigInternals.getPixelFormat();
+    const proResProfile = (_a = config_1.ConfigInternals.getProResProfile()) !== null && _a !== void 0 ? _a : 'hq';
+    const x264Preset = (_b = config_1.ConfigInternals.getPresetProfile()) !== null && _b !== void 0 ? _b : 'medium';
+    const audioBitrate = config_1.ConfigInternals.getAudioBitrate();
+    const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
+    const encodingBufferSize = config_1.ConfigInternals.getEncodingBufferSize();
+    const encodingMaxRate = config_1.ConfigInternals.getEncodingMaxRate();
+    const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
+    const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();
+    const delayRenderTimeout = config_1.ConfigInternals.getCurrentPuppeteerTimeout();
+    const audioCodec = config_1.ConfigInternals.getAudioCodec();
+    const stillImageFormat = config_1.ConfigInternals.getUserPreferredStillImageFormat();
+    const videoImageFormat = config_1.ConfigInternals.getUserPreferredVideoImageFormat();
+    const disableWebSecurity = config_1.ConfigInternals.getChromiumDisableWebSecurity();
+    const headless = config_1.ConfigInternals.getChromiumHeadlessMode();
+    const ignoreCertificateErrors = config_1.ConfigInternals.getIgnoreCertificateErrors();
+    const openGlRenderer = config_1.ConfigInternals.getChromiumOpenGlRenderer();
+    const offthreadVideoCacheSizeInBytes = config_1.ConfigInternals.getOffthreadVideoCacheSizeInBytes();
+    const colorSpace = config_1.ConfigInternals.getColorSpace();
+    const userAgent = config_1.ConfigInternals.getChromiumUserAgent();
+    const maxConcurrency = renderer_1.RenderInternals.getMaxConcurrency();
+    const minConcurrency = renderer_1.RenderInternals.getMinConcurrency();
+    const multiProcessOnLinux = config_1.ConfigInternals.getChromiumMultiProcessOnLinux();
+    return {
+        jpegQuality: defaultJpegQuality !== null && defaultJpegQuality !== void 0 ? defaultJpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,
+        scale: defaultScale !== null && defaultScale !== void 0 ? defaultScale : 1,
+        logLevel,
+        codec: defaultCodec !== null && defaultCodec !== void 0 ? defaultCodec : 'h264',
+        concurrency,
+        maxConcurrency,
+        minConcurrency,
+        stillImageFormat: stillImageFormat !== null && stillImageFormat !== void 0 ? stillImageFormat : renderer_1.RenderInternals.DEFAULT_STILL_IMAGE_FORMAT,
+        videoImageFormat: videoImageFormat !== null && videoImageFormat !== void 0 ? videoImageFormat : renderer_1.RenderInternals.DEFAULT_VIDEO_IMAGE_FORMAT,
+        muted,
+        enforceAudioTrack,
+        proResProfile,
+        x264Preset,
+        pixelFormat,
+        audioBitrate,
+        videoBitrate,
+        encodingBufferSize,
+        encodingMaxRate,
+        everyNthFrame,
+        numberOfGifLoops,
+        delayRenderTimeout,
+        audioCodec,
+        disableWebSecurity,
+        headless,
+        ignoreCertificateErrors,
+        openGlRenderer,
+        offthreadVideoCacheSizeInBytes,
+        colorSpace,
+        multiProcessOnLinux,
+        userAgent,
+    };
+};
+exports.getRenderDefaults = getRenderDefaults;

package/dist/index.d.ts

@@ -87,7 +87,7 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-        x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+        x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
@@ -102,9 +102,11 @@ export declare const CliInternals: {
         ffmpegOverride: import("@remotion/renderer").FfmpegOverrideFn;
         audioBitrate: string | null;
         videoBitrate: string | null;
+        encodingBufferSize: string | null;
+        encodingMaxRate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
         deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
         colorSpace: "default" | "bt709";
@@ -116,9 +118,9 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
+        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
-        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+        "x264-preset": "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -169,6 +171,8 @@ export declare const CliInternals: {
         "user-agent": string;
         "offthreadvideo-cache-size-in-bytes": number | null;
         "color-space": "default" | "bt709";
+        "buffer-size": string | null;
+        "max-rate": string | null;
         "delete-after": string | undefined;
         "enable-folder-expiry": boolean | undefined;
         "enable-multiprocess-on-linux": boolean;
@@ -176,18 +180,18 @@ export declare const CliInternals: {
         _: string[];
     };
     printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
-    formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
+    formatBytes: (number: number, options?: (Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
         binary?: boolean | undefined;
         signed: boolean;
-    }) => string;
+    }) | undefined) => string;
     getFileSizeDownloadBar: (downloaded: number) => string;
     determineFinalStillImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, fromUi, }: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
+        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -202,8 +206,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;

package/dist/index.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CliInternals = exports.cli = void 0;
 const renderer_1 = require("@remotion/renderer");
+const studio_1 = require("@remotion/studio");
 const minimist_1 = __importDefault(require("minimist"));
 const benchmark_1 = require("./benchmark");
 const chalk_1 = require("./chalk");
@@ -16,7 +17,6 @@ const determine_image_format_1 = require("./determine-image-format");
 const download_progress_1 = require("./download-progress");
 const entry_point_1 = require("./entry-point");
 const ffmpeg_1 = require("./ffmpeg");
-const format_bytes_1 = require("./format-bytes");
 const get_cli_options_1 = require("./get-cli-options");
 const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_config_file_name_1 = require("./get-config-file-name");
@@ -36,7 +36,7 @@ const progress_bar_1 = require("./progress-bar");
 const render_1 = require("./render");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const still_1 = require("./still");
-const studio_1 = require("./studio");
+const studio_2 = require("./studio");
 const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
 const cli = async () => {
@@ -73,7 +73,7 @@ const cli = async () => {
             await (0, compositions_1.listCompositionsCommand)(remotionRoot, args, logLevel);
         }
         else if (isStudio) {
-            await (0, studio_1.studioCommand)(remotionRoot, args, logLevel);
+            await (0, studio_2.studioCommand)(remotionRoot, args, logLevel);
         }
         else if (command === 'lambda') {
             await (0, lambda_command_1.lambdaCommand)(remotionRoot, args, logLevel);
@@ -141,7 +141,7 @@ exports.CliInternals = {
     quietFlagProvided: parse_command_line_1.quietFlagProvided,
     parsedCli: parse_command_line_1.parsedCli,
     printError: print_error_1.printError,
-    formatBytes: format_bytes_1.formatBytes,
+    formatBytes: studio_1.StudioInternals.formatBytes,
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
     determineFinalStillImageFormat: determine_image_format_1.determineFinalStillImageFormat,
     minimist: minimist_1.default,

package/dist/lambda-command.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.lambdaCommand = void 0;
+const studio_1 = require("@remotion/studio");
 const log_1 = require("./log");
-const get_package_manager_1 = require("./preview-server/get-package-manager");
-const update_available_1 = require("./preview-server/update-available");
 const lambdaCommand = async (remotionRoot, args, logLevel) => {
     try {
         const path = require.resolve('@remotion/lambda', {
@@ -14,13 +13,13 @@ const lambdaCommand = async (remotionRoot, args, logLevel) => {
         process.exit(0);
     }
     catch (err) {
-        const manager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+        const manager = studio_1.StudioInternals.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.');
         log_1.Log.info('');
         log_1.Log.info('You can install it using:');
-        log_1.Log.info(`${installCommand} @remotion/lambda@${(0, update_available_1.getRemotionVersion)()}`);
+        log_1.Log.info(`${installCommand} @remotion/lambda@${studio_1.StudioInternals.getRemotionVersion()}`);
         process.exit(1);
     }
 };

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

@@ -25,6 +25,7 @@ exports.listOfRemotionPackages = [
     '@remotion/rive',
     '@remotion/gif',
     '@remotion/shapes',
+    '@remotion/studio',
     '@remotion/zod-types',
     '@remotion/tailwind',
     '@remotion/transitions',

package/dist/make-on-download.d.ts

@@ -1,5 +1,5 @@
 import type { LogLevel, RenderMediaOnDownload } from '@remotion/renderer';
-import type { DownloadProgress } from './progress-types';
+import type { DownloadProgress } from '@remotion/studio';
 export declare const makeOnDownload: ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }: {
     indent: boolean;
     logLevel: LogLevel;

package/dist/make-on-download.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeOnDownload = void 0;
-const format_bytes_1 = require("./format-bytes");
+const studio_1 = require("@remotion/studio");
 const log_1 = require("./log");
 const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, updateRenderProgress, isUsingParallelEncoding, }) => {
     return (src) => {
@@ -30,7 +30,9 @@ const makeOnDownload = ({ indent, logLevel, updatesDontOverwrite, downloads, upd
                 return;
             }
             lastUpdate = Date.now();
-            log_1.Log.verbose({ indent, logLevel }, `Download [${nextDownloadIndex}]:`, percent ? `${(percent * 100).toFixed(1)}%` : (0, format_bytes_1.formatBytes)(downloaded));
+            log_1.Log.verbose({ indent, logLevel }, `Download [${nextDownloadIndex}]:`, percent
+                ? `${(percent * 100).toFixed(1)}%`
+                : studio_1.StudioInternals.formatBytes(downloaded));
             updateRenderProgress({
                 newline: false,
                 printToConsole: !updatesDontOverwrite,

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

@@ -13,8 +13,8 @@ type CommandLineOptions = {
     ['every-nth-frame']: number;
     ['number-of-gif-loops']: number;
     ['number-of-shared-audio-tags']: number;
-    [BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption
-        .cliFlag]: typeof BrowserSafeApis.options.offthreadVideoCacheSizeInBytesOption.type;
+    [BrowserSafeApis.options.offthreadVideoCacheSizeInBytes
+        .cliFlag]: typeof BrowserSafeApis.options.offthreadVideoCacheSizeInBytes.type;
     [BrowserSafeApis.options.colorSpaceOption
         .cliFlag]: typeof BrowserSafeApis.options.colorSpaceOption.type;
     version: string;
@@ -25,6 +25,10 @@ type CommandLineOptions = {
     ['public-dir']: string;
     ['audio-bitrate']: string;
     ['video-bitrate']: string;
+    [BrowserSafeApis.options.encodingBufferSizeOption
+        .cliFlag]: typeof BrowserSafeApis.options.encodingBufferSizeOption.type;
+    [BrowserSafeApis.options.encodingMaxRateOption
+        .cliFlag]: typeof BrowserSafeApis.options.encodingMaxRateOption.type;
     ['audio-codec']: AudioCodec;
     crf: number;
     force: boolean;

package/dist/parse-command-line.js

@@ -144,6 +144,12 @@ const parseCommandLine = () => {
     if (typeof exports.parsedCli['video-bitrate'] !== 'undefined') {
         config_1.Config.setVideoBitrate(exports.parsedCli['video-bitrate']);
     }
+    if (typeof exports.parsedCli['buffer-size'] !== 'undefined') {
+        config_1.Config.setEncodingBufferSize(exports.parsedCli['buffer-size']);
+    }
+    if (typeof exports.parsedCli['max-rate'] !== 'undefined') {
+        config_1.Config.setEncodingMaxRate(exports.parsedCli['max-rate']);
+    }
     if (typeof exports.parsedCli['offthreadvideo-cache-size-in-bytes'] !== 'undefined') {
         config_1.Config.setOffthreadVideoCacheSizeInBytes(exports.parsedCli['offthreadvideo-cache-size-in-bytes']);
     }

package/dist/preview-server/render-queue/job.d.ts

@@ -57,6 +57,8 @@ type RenderJobDynamicFields = ({
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
+    encodingBufferSize: string | null;
+    encodingMaxRate: string | null;
     everyNthFrame: number;
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;
@@ -116,6 +118,8 @@ type AddRenderRequestDynamicFields = {
     pixelFormat: PixelFormat;
     audioBitrate: string | null;
     videoBitrate: string | null;
+    encodingBufferSize: string | null;
+    encodingMaxRate: string | null;
     everyNthFrame: number;
     numberOfGifLoops: number | null;
     disallowParallelEncoding: boolean;

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -44,6 +44,9 @@ const makeRetryPayload = (job) => {
             initialColorSpace: defaults.colorSpace,
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
             defaultConfigurationVideoCodec: defaults.codec,
+            initialEncodingBufferSize: defaults.encodingBufferSize,
+            initialEncodingMaxRate: defaults.encodingMaxRate,
+            initialUserAgent: job.chromiumOptions.userAgent,
         };
     }
     if (job.type === 'sequence') {
@@ -82,6 +85,9 @@ const makeRetryPayload = (job) => {
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
             defaultConfigurationVideoCodec: defaults.codec,
             defaultConfigurationAudioCodec: defaults.audioCodec,
+            initialEncodingBufferSize: defaults.encodingBufferSize,
+            initialEncodingMaxRate: defaults.encodingMaxRate,
+            initialUserAgent: job.chromiumOptions.userAgent,
         };
     }
     if (job.type === 'video') {
@@ -120,6 +126,9 @@ const makeRetryPayload = (job) => {
             initialMultiProcessOnLinux: job.multiProcessOnLinux,
             defaultConfigurationVideoCodec: job.codec,
             defaultConfigurationAudioCodec: job.audioCodec,
+            initialEncodingBufferSize: job.encodingBufferSize,
+            initialEncodingMaxRate: job.encodingMaxRate,
+            initialUserAgent: job.chromiumOptions.userAgent,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/render-queue/process-video.js

@@ -58,6 +58,8 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         x264Preset: job.type === 'video' ? (_c = job.x264Preset) !== null && _c !== void 0 ? _c : undefined : undefined,
         pixelFormat: job.type === 'video' ? job.pixelFormat : 'yuv420p',
         videoBitrate: job.type === 'video' ? job.videoBitrate : null,
+        encodingBufferSize: job.type === 'video' ? job.encodingBufferSize : null,
+        encodingMaxRate: job.type === 'video' ? job.encodingMaxRate : null,
         numberOfGifLoops: job.type === 'video' ? job.numberOfGifLoops : null,
         audioCodec: job.type === 'video' ? job.audioCodec : null,
         disallowParallelEncoding: job.type === 'video' ? job.disallowParallelEncoding : false,

package/dist/preview-server/routes/add-render.js

@@ -36,6 +36,8 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, }) => {
                 pixelFormat: input.pixelFormat,
                 audioBitrate: input.audioBitrate,
                 videoBitrate: input.videoBitrate,
+                encodingMaxRate: input.encodingMaxRate,
+                encodingBufferSize: input.encodingBufferSize,
                 everyNthFrame: input.everyNthFrame,
                 numberOfGifLoops: input.numberOfGifLoops,
                 delayRenderTimeout: input.delayRenderTimeout,

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { LogLevel } from '@remotion/renderer';
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';