@remotion/cli 4.0.424 → 4.0.426

package/dist/parsed-cli.js

@@ -6,47 +6,38 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.quietFlagProvided = exports.parsedCli = exports.BooleanFlags = void 0;
 const client_1 = require("@remotion/renderer/client");
 const minimist_1 = __importDefault(require("minimist"));
+const { beepOnFinishOption, colorSpaceOption, concurrencyOption, disallowParallelEncodingOption, offthreadVideoCacheSizeInBytesOption, encodingBufferSizeOption, encodingMaxRateOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, numberOfGifLoopsOption, x264Option, enforceAudioOption, jpegQualityOption, audioBitrateOption, videoBitrateOption, audioCodecOption, publicPathOption, audioLatencyHintOption, darkModeOption, publicLicenseKeyOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, outDirOption, packageManagerOption, webpackPollOption, keyboardShortcutsOption, experimentalClientSideRenderingOption, imageSequencePatternOption, scaleOption, overwriteOption, crfOption, logLevelOption, videoCodecOption, stillFrameOption, imageSequenceOption, versionFlagOption, bundleCacheOption, envFileOption, glOption, runsOption, reproOption, mutedOption, headlessOption, disableGitSourceOption, framesOption, forSeamlessAacConcatenationOption, isProductionOption, noOpenOption, portOption, propsOption, configOption, browserOption, } = client_1.BrowserSafeApis.options;
 exports.BooleanFlags = [
-    'overwrite',
-    'force',
-    'sequence',
+    overwriteOption.cliFlag,
+    imageSequenceOption.cliFlag,
     'help',
     'quiet',
     'q',
-    'muted',
-    client_1.BrowserSafeApis.options.enforceAudioOption.cliFlag,
-    // Lambda flags
-    'force',
-    'disable-chunk-optimization',
-    'save-browser-logs',
-    'disable-cloudwatch',
-    'enable-lambda-insights',
-    'yes',
-    'y',
-    'disable-web-security',
-    client_1.BrowserSafeApis.options.darkModeOption.cliFlag,
-    'ignore-certificate-errors',
-    'disable-headless',
-    'disable-keyboard-shortcuts',
-    'default-only',
-    'no-open',
-    client_1.BrowserSafeApis.options.ipv4Option.cliFlag,
-    client_1.BrowserSafeApis.options.beepOnFinishOption.cliFlag,
-    client_1.BrowserSafeApis.options.disableGitSourceOption.cliFlag,
-    client_1.BrowserSafeApis.options.disallowParallelEncodingOption.cliFlag,
-    client_1.BrowserSafeApis.options.forSeamlessAacConcatenationOption.cliFlag,
-    'repro',
-    'compatible-only',
-    'force-path-style',
-    'onlyAllocateCpuDuringRequestProcessing',
-    client_1.BrowserSafeApis.options.isProductionOption.cliFlag,
-    client_1.BrowserSafeApis.options.forceNewStudioOption.cliFlag,
+    mutedOption.cliFlag,
+    enforceAudioOption.cliFlag,
+    disableWebSecurityOption.cliFlag,
+    darkModeOption.cliFlag,
+    ignoreCertificateErrorsOption.cliFlag,
+    headlessOption.cliFlag,
+    keyboardShortcutsOption.cliFlag,
+    experimentalClientSideRenderingOption.cliFlag,
+    ipv4Option.cliFlag,
+    beepOnFinishOption.cliFlag,
+    disableGitSourceOption.cliFlag,
+    disallowParallelEncodingOption.cliFlag,
+    forSeamlessAacConcatenationOption.cliFlag,
+    reproOption.cliFlag,
+    isProductionOption.cliFlag,
+    forceNewStudioOption.cliFlag,
+    bundleCacheOption.cliFlag,
 ];
 exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
     boolean: exports.BooleanFlags,
     default: {
-        overwrite: true,
-        muted: null,
+        [overwriteOption.cliFlag]: true,
+        [bundleCacheOption.cliFlag]: null,
+        [experimentalClientSideRenderingOption.cliFlag]: null,
+        [mutedOption.cliFlag]: null,
     },
 });
 const quietFlagProvided = () => exports.parsedCli.quiet || exports.parsedCli.q;

package/dist/render-flows/render.d.ts

@@ -1,6 +1,6 @@
 import type { BrowserExecutable, CancelSignal, ChromiumOptions, Crf, FfmpegOverrideFn, FrameRange, NumberOfGifLoops } from '@remotion/renderer';
 import type { JobProgressCallback } from '@remotion/studio-server';
-export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, }: {
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, shouldCache, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -18,6 +18,8 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     port: number | null;
     height: number | null;
     width: number | null;
+    fps: number | null;
+    durationInFrames: number | null;
     remainingArgs: (string | number)[];
     compositionIdFromUi: string | null;
     outputLocationFromUI: string | null;
@@ -60,7 +62,9 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     audioLatencyHint: AudioContextLatencyCategory | null;
     imageSequencePattern: string | null;
     mediaCacheSizeInBytes: number | null;
+    rspack: boolean;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
+    shouldCache: boolean;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -62,8 +62,13 @@ const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
 const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
-const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, }) => {
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, fps, durationInFrames, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, rspack, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, shouldCache, }) => {
     var _a;
+    renderer_1.RenderInternals.validateConcurrency({
+        value: concurrency,
+        setting: 'concurrency',
+        checkIfValidForCurrentMachine: true,
+    });
     let bundlingProgress = null;
     let renderingProgress = null;
     let stitchingProgress = null;
@@ -185,6 +190,8 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         experimentalClientSideRenderingEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
     addCleanupCallback(`Cleanup bundle`, () => cleanupBundle());
     const onDownload = (0, make_on_download_1.makeOnDownload)({
@@ -213,6 +220,8 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
         height,
         width,
+        fps,
+        durationInFrames,
         args: remainingArgs,
         compositionIdFromUi,
         browserExecutable,
@@ -427,6 +436,8 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             ...config,
             width: width !== null && width !== void 0 ? width : config.width,
             height: height !== null && height !== void 0 ? height : config.height,
+            fps: fps !== null && fps !== void 0 ? fps : config.fps,
+            durationInFrames: durationInFrames !== null && durationInFrames !== void 0 ? durationInFrames : config.durationInFrames,
         },
         crf: crf !== null && crf !== void 0 ? crf : null,
         envVariables,

package/dist/render-flows/still.d.ts

@@ -1,6 +1,6 @@
 import type { BrowserExecutable, CancelSignal, ChromiumOptions } from '@remotion/renderer';
 import type { JobProgressCallback } from '@remotion/studio-server';
-export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, offthreadVideoThreads, audioLatencyHint, mediaCacheSizeInBytes, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, }: {
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, width, fps, durationInFrames, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, offthreadVideoThreads, audioLatencyHint, mediaCacheSizeInBytes, rspack, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, shouldCache, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -19,6 +19,8 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     publicDir: string | null;
     height: number | null;
     width: number | null;
+    fps: number | null;
+    durationInFrames: number | null;
     compositionIdFromUi: string | null;
     imageFormatFromUi: "jpeg" | "pdf" | "png" | "webp" | null;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -34,7 +36,9 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     chromeMode: "chrome-for-testing" | "headless-shell";
     audioLatencyHint: AudioContextLatencyCategory | null;
     mediaCacheSizeInBytes: number | null;
+    rspack: boolean;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
+    shouldCache: boolean;
 }) => Promise<void>;

package/dist/render-flows/still.js

@@ -28,7 +28,7 @@ const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
 const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
-const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, offthreadVideoThreads, audioLatencyHint, mediaCacheSizeInBytes, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, }) => {
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, width, fps, durationInFrames, serializedInputPropsWithCustomSchema, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indent, addCleanupCallback, cancelSignal, outputLocationFromUi, offthreadVideoCacheSizeInBytes, binariesDirectory, publicPath, chromeMode, offthreadVideoThreads, audioLatencyHint, mediaCacheSizeInBytes, rspack, askAIEnabled, experimentalClientSideRenderingEnabled, keyboardShortcutsEnabled, shouldCache, }) => {
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
     log_1.Log.verbose({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
     const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
@@ -112,6 +112,8 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         experimentalClientSideRenderingEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
     const server = await renderer_1.RenderInternals.prepareServer({
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : renderer_1.RenderInternals.DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS,
@@ -131,6 +133,8 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
     const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
         height,
         width,
+        fps,
+        durationInFrames,
         args: remainingArgs,
         compositionIdFromUi,
         browserExecutable,

package/dist/render-queue/process-still.js

@@ -4,19 +4,16 @@ exports.processStill = void 0;
 const client_1 = require("@remotion/renderer/client");
 const preview_server_1 = require("../config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("../convert-entry-point-to-serve-url");
-const get_cli_options_1 = require("../get-cli-options");
 const parsed_cli_1 = require("../parsed-cli");
 const still_1 = require("../render-flows/still");
-const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, } = client_1.BrowserSafeApis.options;
+const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
     if (job.type !== 'still') {
         throw new Error('Expected still job');
     }
-    const { browserExecutable } = (0, get_cli_options_1.getCliOptions)({
-        isStill: true,
-        logLevel: job.logLevel,
-        indent: true,
-    });
+    const browserExecutable = browserExecutableOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const publicDir = publicDirOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
@@ -27,6 +24,10 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const shouldCache = bundleCacheOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const rspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(entryPoint);
     await (0, still_1.renderStillFlow)({
         remotionRoot,
@@ -36,6 +37,9 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         entryPointReason: 'same as Studio',
         envVariables: job.envVariables,
         height: null,
+        width: null,
+        fps: null,
+        durationInFrames: null,
         fullEntryPoint,
         serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
@@ -46,7 +50,6 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         remainingArgs: [],
         scale: job.scale,
         stillFrame: job.frame,
-        width: null,
         compositionIdFromUi: job.compositionId,
         imageFormatFromUi: job.imageFormat,
         logLevel: job.logLevel,
@@ -65,6 +68,8 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         askAIEnabled,
         experimentalClientSideRenderingEnabled,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
 };
 exports.processStill = processStill;

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

@@ -7,7 +7,7 @@ const convert_entry_point_to_serve_url_1 = require("../convert-entry-point-to-se
 const get_cli_options_1 = require("../get-cli-options");
 const parsed_cli_1 = require("../parsed-cli");
 const render_1 = require("../render-flows/render");
-const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, } = client_1.BrowserSafeApis.options;
+const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, logLevel, }) => {
     var _a, _b, _c;
     if (job.type !== 'video' && job.type !== 'sequence') {
@@ -20,11 +20,18 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
-    const { browserExecutable, ffmpegOverride } = (0, get_cli_options_1.getCliOptions)({
+    const shouldCache = bundleCacheOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const { ffmpegOverride } = (0, get_cli_options_1.getCliOptions)({
         isStill: true,
         logLevel,
         indent: true,
     });
+    const browserExecutable = browserExecutableOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const rspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(entryPoint);
     await (0, render_1.renderVideoFlow)({
         remotionRoot,
@@ -34,6 +41,9 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         entryPointReason: 'same as Studio',
         envVariables: job.envVariables,
         height: null,
+        width: null,
+        fps: null,
+        durationInFrames: null,
         fullEntryPoint,
         serializedInputPropsWithCustomSchema: job.serializedInputPropsWithCustomSchema,
         overwrite: true,
@@ -43,7 +53,6 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         jpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : undefined,
         remainingArgs: [],
         scale: job.scale,
-        width: null,
         compositionIdFromUi: job.compositionId,
         logLevel: job.logLevel,
         onProgress,
@@ -90,6 +99,8 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         experimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.getValue({ commandLine: parsed_cli_1.parsedCli })
             .value,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
 };
 exports.processVideoJob = processVideoJob;

package/dist/render.js

@@ -11,7 +11,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const render_1 = require("./render-flows/render");
-const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, disallowParallelEncodingOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, separateAudioOption, audioCodecOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, imageSequencePatternOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, } = client_1.BrowserSafeApis.options;
+const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, colorSpaceOption, disallowParallelEncodingOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, separateAudioOption, audioCodecOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, imageSequencePatternOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const render = async (remotionRoot, args, logLevel) => {
     const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)({ args, remotionRoot, logLevel, allowDirectory: true });
     if (!file) {
@@ -25,11 +25,43 @@ const render = async (remotionRoot, args, logLevel) => {
         log_1.Log.error({ indent: false, logLevel }, '--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { concurrency, frameRange, shouldOutputImageSequence, inputProps, envVariables, browserExecutable, everyNthFrame, userAgent, disableWebSecurity, ignoreCertificateErrors, height, width, ffmpegOverride, proResProfile, pixelFormat, } = (0, get_cli_options_1.getCliOptions)({
+    const { frameRange, shouldOutputImageSequence, inputProps, envVariables, ffmpegOverride, } = (0, get_cli_options_1.getCliOptions)({
         isStill: false,
         logLevel,
         indent: false,
     });
+    const concurrency = concurrencyOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const height = overrideHeightOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const width = overrideWidthOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const fps = overrideFpsOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const durationInFrames = overrideDurationOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const pixelFormat = pixelFormatOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const browserExecutable = browserExecutableOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const everyNthFrame = everyNthFrameOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const proResProfile = proResProfileOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const userAgent = userAgentOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const disableWebSecurity = disableWebSecurityOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const ignoreCertificateErrors = ignoreCertificateErrorsOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const x264Preset = x264Option.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const audioBitrate = audioBitrateOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
@@ -100,6 +132,7 @@ const render = async (remotionRoot, args, logLevel) => {
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const rspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -123,6 +156,12 @@ const render = async (remotionRoot, args, logLevel) => {
     const mediaCacheSizeInBytes = mediaCacheSizeInBytesOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const shouldCache = bundleCacheOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     await (0, render_1.renderVideoFlow)({
         fullEntryPoint,
         remotionRoot,
@@ -144,6 +183,8 @@ const render = async (remotionRoot, args, logLevel) => {
         port: (0, preview_server_1.getRendererPortFromConfigFileAndCliFlag)(),
         height,
         width,
+        fps,
+        durationInFrames,
         remainingArgs,
         compositionIdFromUi: null,
         entryPointReason,
@@ -190,9 +231,10 @@ const render = async (remotionRoot, args, logLevel) => {
         audioLatencyHint,
         imageSequencePattern,
         askAIEnabled,
-        experimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.getValue({ commandLine: parsed_cli_1.parsedCli })
-            .value,
+        experimentalClientSideRenderingEnabled,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
 };
 exports.render = render;

package/dist/setup-cache.d.ts

@@ -1,6 +1,6 @@
 import type { BundlingState, CopyingState } from '@remotion/studio-server';
 import type { GitSource } from '@remotion/studio-shared';
-export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, }: {
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -22,11 +22,13 @@ export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publi
     experimentalClientSideRenderingEnabled: boolean;
     askAIEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
+    rspack: boolean;
+    shouldCache: boolean;
 }) => Promise<{
     urlOrBundle: string;
     cleanup: () => void;
 }>;
-export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, }: {
+export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -48,4 +50,6 @@ export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgre
     experimentalClientSideRenderingEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     askAIEnabled: boolean;
+    rspack: boolean;
+    shouldCache: boolean;
 }) => Promise<string>;

package/dist/setup-cache.js

@@ -13,7 +13,7 @@ const get_render_defaults_1 = require("./get-render-defaults");
 const log_1 = require("./log");
 const progress_bar_1 = require("./progress-bar");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, }) => {
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }) => {
     const isServeUrl = renderer_1.RenderInternals.isServeUrl(fullPath);
     const isBundle = (0, fs_1.existsSync)(fullPath) && (0, fs_1.existsSync)(path_1.default.join(fullPath, 'index.html'));
     if (isServeUrl || isBundle) {
@@ -51,6 +51,8 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
         experimentalClientSideRenderingEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
     return {
         urlOrBundle: bundled,
@@ -58,9 +60,8 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }) => {
     var _a;
-    const shouldCache = config_1.ConfigInternals.getWebpackCaching();
     const symlinkState = {
         symlinks: [],
     };
@@ -112,6 +113,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
         publicPath,
         askAIEnabled,
         keyboardShortcutsEnabled,
+        rspack,
     };
     const [hash] = await bundler_1.BundlerInternals.getConfig({
         outDir: '',

package/dist/still.js

@@ -11,7 +11,7 @@ const get_cli_options_1 = require("./get-cli-options");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const still_1 = require("./render-flows/still");
-const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const still = async (remotionRoot, args, logLevel) => {
     const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)({ args, remotionRoot, logLevel, allowDirectory: true });
     if (!file) {
@@ -25,11 +25,31 @@ const still = async (remotionRoot, args, logLevel) => {
         log_1.Log.error({ indent: false, logLevel }, '--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
         process.exit(1);
     }
-    const { browserExecutable, envVariables, height, inputProps, stillFrame, width, disableWebSecurity, ignoreCertificateErrors, userAgent, } = (0, get_cli_options_1.getCliOptions)({
+    const { envVariables, inputProps, stillFrame } = (0, get_cli_options_1.getCliOptions)({
         isStill: true,
         logLevel,
         indent: false,
     });
+    const height = overrideHeightOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const width = overrideWidthOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const fps = overrideFpsOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const durationInFrames = overrideDurationOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const browserExecutable = browserExecutableOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const userAgent = userAgentOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const disableWebSecurity = disableWebSecurityOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    const ignoreCertificateErrors = ignoreCertificateErrorsOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const jpegQuality = jpegQualityOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
@@ -76,6 +96,10 @@ const still = async (remotionRoot, args, logLevel) => {
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const rspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    const shouldCache = bundleCacheOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const chromiumOptions = {
         disableWebSecurity,
         enableMultiProcessOnLinux,
@@ -95,6 +119,9 @@ const still = async (remotionRoot, args, logLevel) => {
         chromiumOptions,
         envVariables,
         height,
+        width,
+        fps,
+        durationInFrames,
         serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithSpecialTypes({
             data: inputProps,
             indent: undefined,
@@ -107,7 +134,6 @@ const still = async (remotionRoot, args, logLevel) => {
         jpegQuality,
         scale,
         stillFrame,
-        width,
         compositionIdFromUi: null,
         imageFormatFromUi: null,
         logLevel,
@@ -129,6 +155,8 @@ const still = async (remotionRoot, args, logLevel) => {
         experimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.getValue({ commandLine: parsed_cli_1.parsedCli })
             .value,
         keyboardShortcutsEnabled,
+        rspack,
+        shouldCache,
     });
 };
 exports.still = still;

package/dist/studio.js

@@ -13,18 +13,9 @@ const get_render_defaults_1 = require("./get-render-defaults");
 const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const queue_1 = require("./render-queue/queue");
-const getPort = () => {
-    if (parsed_cli_1.parsedCli.port) {
-        return parsed_cli_1.parsedCli.port;
-    }
-    const serverPort = config_1.ConfigInternals.getStudioPort();
-    if (serverPort) {
-        return serverPort;
-    }
-    return null;
-};
-const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, } = client_1.BrowserSafeApis.options;
+const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, } = client_1.BrowserSafeApis.options;
 const studioCommand = async (remotionRoot, args, logLevel) => {
+    var _a, _b, _c;
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
         args,
         remotionRoot,
@@ -38,7 +29,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         log_1.Log.error({ indent: false, logLevel }, 'See https://www.remotion.dev/docs/register-root for more information.');
         process.exit(1);
     }
-    const desiredPort = getPort();
+    const desiredPort = (_b = (_a = portOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getStudioPort()) !== null && _b !== void 0 ? _b : null;
     const fullEntryPath = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
         studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
@@ -83,12 +74,16 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         commandLine: parsed_cli_1.parsedCli,
     }).value;
     const gitSource = (0, get_github_repository_1.getGitSource)({ remotionRoot, disableGitSource, logLevel });
+    const useRspack = rspackOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
+    if (useRspack) {
+        log_1.Log.warn({ indent: false, logLevel }, 'Enabling experimental Rspack bundler.');
+    }
     const result = await studio_server_1.StudioServerInternals.startStudio({
         previewEntry: require.resolve('@remotion/studio/previewEntry'),
         browserArgs: parsed_cli_1.parsedCli['browser-args'],
-        browserFlag: parsed_cli_1.parsedCli.browser,
+        browserFlag: (_c = browserOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value) !== null && _c !== void 0 ? _c : '',
         logLevel,
-        configValueShouldOpenBrowser: config_1.ConfigInternals.getShouldOpenBrowser(),
+        shouldOpenBrowser: !noOpenOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
         fullEntryPath,
         getCurrentInputProps: () => inputProps,
         getEnvVariables: () => envVariables,
@@ -99,7 +94,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         remotionRoot,
         relativePublicDir,
         webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
-        poll: config_1.ConfigInternals.getWebpackPolling(),
+        poll: webpackPollOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
         getRenderDefaults: get_render_defaults_1.getRenderDefaults,
         getRenderQueue: queue_1.getRenderQueue,
         numberOfAudioTags: numberOfSharedAudioTagsOption.getValue({
@@ -110,9 +105,6 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
             cancelJob: queue_1.cancelJob,
             removeJob: queue_1.removeJob,
         },
-        // Minimist quirk: Adding `--no-open` flag will result in {['no-open']: false, open: true}
-        // @ts-expect-error
-        parsedCliOpen: parsed_cli_1.parsedCli.open,
         gitSource,
         bufferStateDelayInMilliseconds: config_1.ConfigInternals.getBufferStateDelayInMilliseconds(),
         binariesDirectory,
@@ -123,6 +115,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         enableCrossSiteIsolation,
         askAIEnabled,
         forceNew: forceNewStudioOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
+        rspack: useRspack,
     });
     if (result.type === 'already-running') {
         return;