@remotion/cli 4.0.427 → 4.0.428

package/dist/benchmark.js

@@ -21,7 +21,7 @@ const setup_cache_1 = require("./setup-cache");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const show_compositions_picker_1 = require("./show-compositions-picker");
 const truthy_1 = require("./truthy");
-const { audioBitrateOption, x264Option, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, offthreadVideoThreadsOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, runsOption, } = client_1.BrowserSafeApis.options;
+const { audioBitrateOption, x264Option, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, jpegQualityOption, videoBitrateOption, enforceAudioOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, enableMultiprocessOnLinuxOption, glOption, numberOfGifLoopsOption, encodingMaxRateOption, encodingBufferSizeOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, forSeamlessAacConcatenationOption, publicPathOption, publicDirOption, metadataOption, hardwareAccelerationOption, chromeModeOption, offthreadVideoThreadsOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, keyboardShortcutsOption, rspackOption, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, runsOption, } = client_1.BrowserSafeApis.options;
 const getValidConcurrency = (cliConcurrency) => {
     const { concurrencies } = parsed_cli_1.parsedCli;
     if (!concurrencies) {
@@ -153,6 +153,9 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
     const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const experimentalVisualModeEnabled = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const askAIEnabled = askAIOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
@@ -218,6 +221,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         publicPath,
         audioLatencyHint: null,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,

package/dist/bundle.js

@@ -17,7 +17,7 @@ const parsed_cli_1 = require("./parsed-cli");
 const setup_cache_1 = require("./setup-cache");
 const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const yes_or_no_1 = require("./yes-or-no");
-const { publicPathOption, publicDirOption, disableGitSourceOption, audioLatencyHintOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, outDirOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
+const { publicPathOption, publicDirOption, disableGitSourceOption, audioLatencyHintOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, keyboardShortcutsOption, rspackOption, outDirOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const bundleCommand = async (remotionRoot, args, logLevel) => {
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
         args,
@@ -43,6 +43,9 @@ const bundleCommand = async (remotionRoot, args, logLevel) => {
     const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const experimentalVisualModeEnabled = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const askAIEnabled = askAIOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
@@ -109,6 +112,7 @@ const bundleCommand = async (remotionRoot, args, logLevel) => {
         publicPath,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,

package/dist/compositions.js

@@ -13,7 +13,7 @@ const log_1 = require("./log");
 const parsed_cli_1 = require("./parsed-cli");
 const print_compositions_1 = require("./print-compositions");
 const setup_cache_1 = require("./setup-cache");
-const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, offthreadVideoThreadsOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
+const { enableMultiprocessOnLinuxOption, offthreadVideoCacheSizeInBytesOption, offthreadVideoThreadsOption, glOption, headlessOption, delayRenderTimeoutInMillisecondsOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
 const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
         args,
@@ -82,6 +82,9 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
     const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const experimentalVisualModeEnabled = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
@@ -112,6 +115,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
         publicPath,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,

package/dist/config/index.d.ts

@@ -67,6 +67,12 @@ declare global {
          * @default false
          */
         readonly setExperimentalRspackEnabled: (enabled: boolean) => void;
+        /**
+         * Nothing here yet, but this is our playground for experiments.
+         * @param enabled Boolean whether to enable experimental visual mode
+         * @default false
+         */
+        readonly setExperimentalVisualMode: (enabled: boolean) => void;
         /**
          * Set number of shared audio tags. https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop
          * @param numberOfAudioTags

package/dist/config/index.js

@@ -20,7 +20,7 @@ const output_location_2 = require("./output-location");
 const override_webpack_2 = require("./override-webpack");
 const preview_server_2 = require("./preview-server");
 const webpack_poll_1 = require("./webpack-poll");
-const { concurrencyOption, offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, chromeModeOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, framesOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, audioLatencyHintOption, enableCrossSiteIsolationOption, imageSequencePatternOption, darkModeOption, askAIOption, publicLicenseKeyOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, stillImageFormatOption, videoImageFormatOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, rspackOption, outDirOption, webpackPollOption, imageSequenceOption, bundleCacheOption, envFileOption, runsOption, noOpenOption, } = client_1.BrowserSafeApis.options;
+const { concurrencyOption, offthreadVideoCacheSizeInBytesOption, x264Option, audioBitrateOption, videoBitrateOption, scaleOption, crfOption, jpegQualityOption, enforceAudioOption, overwriteOption, chromeModeOption, mutedOption, videoCodecOption, colorSpaceOption, disallowParallelEncodingOption, deleteAfterOption, folderExpiryOption, enableMultiprocessOnLinuxOption, glOption, headlessOption, numberOfGifLoopsOption, beepOnFinishOption, encodingMaxRateOption, encodingBufferSizeOption, reproOption, enableLambdaInsights, logLevelOption, delayRenderTimeoutInMillisecondsOption, publicDirOption, binariesDirectoryOption, preferLosslessOption, framesOption, forSeamlessAacConcatenationOption, audioCodecOption, publicPathOption, hardwareAccelerationOption, audioLatencyHintOption, enableCrossSiteIsolationOption, imageSequencePatternOption, darkModeOption, askAIOption, publicLicenseKeyOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, ipv4Option, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, stillImageFormatOption, videoImageFormatOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, rspackOption, outDirOption, webpackPollOption, imageSequenceOption, bundleCacheOption, envFileOption, runsOption, noOpenOption, } = client_1.BrowserSafeApis.options;
 exports.Config = {
     get Bundling() {
         throw new Error('The config format has changed. Change `Config.Bundling.*()` calls to `Config.*()` in your config file.');
@@ -44,6 +44,7 @@ exports.Config = {
     setKeyboardShortcutsEnabled: keyboardShortcutsOption.setConfig,
     setExperimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.setConfig,
     setExperimentalRspackEnabled: rspackOption.setConfig,
+    setExperimentalVisualMode: experimentalVisualModeOption.setConfig,
     setNumberOfSharedAudioTags: numberOfSharedAudioTagsOption.setConfig,
     setWebpackPollingInMilliseconds: webpackPollOption.setConfig,
     setShouldOpenBrowser: noOpenOption.setConfig,

package/dist/extra-packages.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EXTRA_PACKAGES_DOCS = exports.EXTRA_PACKAGES = void 0;
 exports.EXTRA_PACKAGES = {
     mediabunny: '1.34.4',
+    '@mediabunny/ac3': '1.34.4',
     zod: '4.3.6',
 };
 exports.EXTRA_PACKAGES_DOCS = {
     mediabunny: 'https://www.remotion.dev/docs/mediabunny/version',
+    '@mediabunny/ac3': 'https://www.remotion.dev/docs/mediabunny/formats#ac-3-and-e-ac-3',
     zod: 'https://zod.dev',
 };

package/dist/parsed-cli.d.ts

@@ -660,6 +660,21 @@ declare const beepOnFinishOption: {
     };
     setConfig(value: boolean): void;
     id: "enable-experimental-client-side-rendering";
+}, experimentalVisualModeOption: {
+    name: string;
+    cliFlag: "experimental-visual-mode";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    type: boolean;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        value: boolean;
+        source: string;
+    };
+    setConfig(value: boolean): void;
+    id: "experimental-visual-mode";
 }, imageSequencePatternOption: {
     name: string;
     cliFlag: "image-sequence-pattern";
@@ -1074,6 +1089,7 @@ export type CommandLineOptions = {
     [headlessOption.cliFlag]: TypeOfOption<typeof headlessOption>;
     [keyboardShortcutsOption.cliFlag]: TypeOfOption<typeof keyboardShortcutsOption>;
     [experimentalClientSideRenderingOption.cliFlag]: TypeOfOption<typeof experimentalClientSideRenderingOption>;
+    [experimentalVisualModeOption.cliFlag]: TypeOfOption<typeof experimentalVisualModeOption>;
     [mutedOption.cliFlag]: TypeOfOption<typeof mutedOption>;
     [overrideHeightOption.cliFlag]: TypeOfOption<typeof overrideHeightOption>;
     [overrideWidthOption.cliFlag]: TypeOfOption<typeof overrideWidthOption>;

package/dist/parsed-cli.js

@@ -6,7 +6,7 @@ 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;
+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, experimentalVisualModeOption, 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 = [
     overwriteOption.cliFlag,
     imageSequenceOption.cliFlag,
@@ -21,6 +21,7 @@ exports.BooleanFlags = [
     headlessOption.cliFlag,
     keyboardShortcutsOption.cliFlag,
     experimentalClientSideRenderingOption.cliFlag,
+    experimentalVisualModeOption.cliFlag,
     ipv4Option.cliFlag,
     beepOnFinishOption.cliFlag,
     disableGitSourceOption.cliFlag,
@@ -37,6 +38,7 @@ exports.parsedCli = (0, minimist_1.default)(process.argv.slice(2), {
         [overwriteOption.cliFlag]: true,
         [bundleCacheOption.cliFlag]: null,
         [experimentalClientSideRenderingOption.cliFlag]: null,
+        [experimentalVisualModeOption.cliFlag]: null,
         [mutedOption.cliFlag]: null,
     },
 });

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, 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, }: {
+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, experimentalVisualModeEnabled, keyboardShortcutsEnabled, shouldCache, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -65,6 +65,7 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     rspack: boolean;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     shouldCache: boolean;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -62,7 +62,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 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, }) => {
+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, experimentalVisualModeEnabled, keyboardShortcutsEnabled, shouldCache, }) => {
     var _a;
     renderer_1.RenderInternals.validateConcurrency({
         value: concurrency,
@@ -188,6 +188,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         publicPath,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,

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, 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, }: {
+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, experimentalVisualModeEnabled, keyboardShortcutsEnabled, shouldCache, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -39,6 +39,7 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     rspack: boolean;
     askAIEnabled: boolean;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: 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, 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 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, experimentalVisualModeEnabled, 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)();
@@ -110,6 +110,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         publicPath,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,

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

@@ -6,7 +6,7 @@ const preview_server_1 = require("../config/preview-server");
 const convert_entry_point_to_serve_url_1 = require("../convert-entry-point-to-serve-url");
 const parsed_cli_1 = require("../parsed-cli");
 const still_1 = require("../render-flows/still");
-const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
+const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, 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');
@@ -21,6 +21,9 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
     const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const experimentalVisualModeEnabled = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     const keyboardShortcutsEnabled = keyboardShortcutsOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
@@ -67,6 +70,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         mediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
         askAIEnabled,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         keyboardShortcutsEnabled,
         rspack,
         shouldCache,

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, rspackOption, browserExecutableOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
+const { publicDirOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, 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') {
@@ -98,6 +98,9 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         askAIEnabled,
         experimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.getValue({ commandLine: parsed_cli_1.parsedCli })
             .value,
+        experimentalVisualModeEnabled: experimentalVisualModeOption.getValue({
+            commandLine: parsed_cli_1.parsedCli,
+        }).value,
         keyboardShortcutsEnabled,
         rspack,
         shouldCache,

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, rspackOption, pixelFormatOption, browserExecutableOption, everyNthFrameOption, proResProfileOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, } = 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, experimentalVisualModeOption, 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) {
@@ -162,6 +162,9 @@ const render = async (remotionRoot, args, logLevel) => {
     const experimentalClientSideRenderingEnabled = experimentalClientSideRenderingOption.getValue({
         commandLine: parsed_cli_1.parsedCli,
     }).value;
+    const experimentalVisualModeEnabled = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
     await (0, render_1.renderVideoFlow)({
         fullEntryPoint,
         remotionRoot,
@@ -232,6 +235,7 @@ const render = async (remotionRoot, args, logLevel) => {
         imageSequencePattern,
         askAIEnabled,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         keyboardShortcutsEnabled,
         rspack,
         shouldCache,

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, rspack, shouldCache, }: {
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -20,6 +20,7 @@ export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publi
     publicPath: string | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     askAIEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     rspack: boolean;
@@ -28,7 +29,7 @@ export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publi
     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, rspack, shouldCache, }: {
+export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }: {
     fullPath: string;
     remotionRoot: string;
     publicDir: string | null;
@@ -48,6 +49,7 @@ export declare const bundleOnCli: ({ fullPath, remotionRoot, publicDir, onProgre
     publicPath: string | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
     experimentalClientSideRenderingEnabled: boolean;
+    experimentalVisualModeEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     askAIEnabled: boolean;
     rspack: boolean;

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, rspack, shouldCache, }) => {
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, bufferStateDelayInMilliseconds, maxTimelineTracks, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, 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) {
@@ -49,6 +49,7 @@ const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, on
         publicPath,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         askAIEnabled,
         keyboardShortcutsEnabled,
         rspack,
@@ -60,7 +61,7 @@ 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, rspack, shouldCache, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, onDirectoryCreated, quietProgress, quietFlag, outDir, gitSource, maxTimelineTracks, bufferStateDelayInMilliseconds, publicPath, audioLatencyHint, experimentalClientSideRenderingEnabled, experimentalVisualModeEnabled, askAIEnabled, keyboardShortcutsEnabled, rspack, shouldCache, }) => {
     var _a;
     const symlinkState = {
         symlinks: [],
@@ -124,6 +125,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
         bufferStateDelayInMilliseconds,
         maxTimelineTracks,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
     });
     const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash);
     if (cacheExistedBefore !== 'does-not-exist' && !shouldCache) {
@@ -162,6 +164,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
         bufferStateDelayInMilliseconds,
         audioLatencyHint,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled,
         renderDefaults: (0, get_render_defaults_1.getRenderDefaults)(),
     });
     bundlingState = {

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, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, 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) {
@@ -154,6 +154,9 @@ const still = async (remotionRoot, args, logLevel) => {
         askAIEnabled,
         experimentalClientSideRenderingEnabled: experimentalClientSideRenderingOption.getValue({ commandLine: parsed_cli_1.parsedCli })
             .value,
+        experimentalVisualModeEnabled: experimentalVisualModeOption.getValue({
+            commandLine: parsed_cli_1.parsedCli,
+        }).value,
         keyboardShortcutsEnabled,
         rspack,
         shouldCache,

package/dist/studio.js

@@ -13,7 +13,7 @@ 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 { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, experimentalClientSideRenderingOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, } = client_1.BrowserSafeApis.options;
+const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, experimentalClientSideRenderingOption, experimentalVisualModeOption, 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)({
@@ -78,6 +78,12 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     if (useRspack) {
         log_1.Log.warn({ indent: false, logLevel }, 'Enabling experimental Rspack bundler.');
     }
+    const useVisualMode = experimentalVisualModeOption.getValue({
+        commandLine: parsed_cli_1.parsedCli,
+    }).value;
+    if (useVisualMode) {
+        log_1.Log.warn({ indent: false, logLevel }, 'Enabling experimental visual mode.');
+    }
     const result = await studio_server_1.StudioServerInternals.startStudio({
         previewEntry: require.resolve('@remotion/studio/previewEntry'),
         browserArgs: parsed_cli_1.parsedCli['browser-args'],
@@ -90,6 +96,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         desiredPort,
         keyboardShortcutsEnabled,
         experimentalClientSideRenderingEnabled,
+        experimentalVisualModeEnabled: useVisualMode,
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,
         relativePublicDir,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.427",
+	"version": "4.0.428",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -36,17 +36,17 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.427",
-		"@remotion/media-utils": "4.0.427",
-		"@remotion/player": "4.0.427",
-		"@remotion/renderer": "4.0.427",
-		"@remotion/studio-shared": "4.0.427",
-		"@remotion/studio-server": "4.0.427",
-		"@remotion/studio": "4.0.427",
+		"@remotion/bundler": "4.0.428",
+		"@remotion/media-utils": "4.0.428",
+		"@remotion/player": "4.0.428",
+		"@remotion/renderer": "4.0.428",
+		"@remotion/studio-shared": "4.0.428",
+		"@remotion/studio-server": "4.0.428",
+		"@remotion/studio": "4.0.428",
 		"dotenv": "17.3.1",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
-		"remotion": "4.0.427"
+		"remotion": "4.0.428"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -57,14 +57,14 @@
 		"@types/prompts": "^2.4.1",
 		"@types/prettier": "^2.7.2",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.427",
-		"@remotion/tailwind-v4": "4.0.427",
-		"@remotion/enable-scss": "4.0.427",
-		"@remotion/skia": "4.0.427",
+		"@remotion/zod-types": "4.0.428",
+		"@remotion/tailwind-v4": "4.0.428",
+		"@remotion/enable-scss": "4.0.428",
+		"@remotion/skia": "4.0.428",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.427",
+		"@remotion/eslint-config-internal": "4.0.428",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

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

@@ -1,4 +0,0 @@
-export declare const setStillImageFormat: (format: "jpeg" | "pdf" | "png" | "webp") => void;
-export declare const setVideoImageFormat: (format: "jpeg" | "none" | "png") => void;
-export declare const getUserPreferredStillImageFormat: () => "jpeg" | "pdf" | "png" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "jpeg" | "none" | "png" | undefined;

package/dist/config/image-format.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUserPreferredVideoImageFormat = exports.getUserPreferredStillImageFormat = exports.setVideoImageFormat = exports.setStillImageFormat = void 0;
-const renderer_1 = require("@remotion/renderer");
-const truthy_1 = require("../truthy");
-let currentStillImageFormat;
-let currentVideoImageFormat;
-const setStillImageFormat = (format) => {
-    if (typeof format === 'undefined') {
-        currentStillImageFormat = undefined;
-        return;
-    }
-    if (!renderer_1.RenderInternals.validStillImageFormats.includes(format)) {
-        throw new TypeError([
-            `Value ${format} is not valid as an image format.`,
-            // @ts-expect-error
-            format === 'jpg' ? 'Did you mean "jpeg"?' : null,
-        ]
-            .filter(truthy_1.truthy)
-            .join(' '));
-    }
-    currentStillImageFormat = format;
-};
-exports.setStillImageFormat = setStillImageFormat;
-const setVideoImageFormat = (format) => {
-    if (typeof format === 'undefined') {
-        currentVideoImageFormat = undefined;
-        return;
-    }
-    if (!renderer_1.RenderInternals.validVideoImageFormats.includes(format)) {
-        throw new TypeError([
-            `Value ${format} is not valid as a video image format.`,
-            // @ts-expect-error
-            format === 'jpg' ? 'Did you mean "jpeg"?' : null,
-        ]
-            .filter(truthy_1.truthy)
-            .join(' '));
-    }
-    currentVideoImageFormat = format;
-};
-exports.setVideoImageFormat = setVideoImageFormat;
-const getUserPreferredStillImageFormat = () => {
-    return currentStillImageFormat;
-};
-exports.getUserPreferredStillImageFormat = getUserPreferredStillImageFormat;
-const getUserPreferredVideoImageFormat = () => {
-    return currentVideoImageFormat;
-};
-exports.getUserPreferredVideoImageFormat = getUserPreferredVideoImageFormat;

package/dist/config/number-of-shared-audio-tags.d.ts

@@ -1,2 +0,0 @@
-export declare const getNumberOfSharedAudioTags: () => number;
-export declare const setNumberOfSharedAudioTags: (audioTags: number) => void;

package/dist/config/number-of-shared-audio-tags.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setNumberOfSharedAudioTags = exports.getNumberOfSharedAudioTags = void 0;
-let numberOfSharedAudioTags = 0;
-const getNumberOfSharedAudioTags = () => {
-    return numberOfSharedAudioTags;
-};
-exports.getNumberOfSharedAudioTags = getNumberOfSharedAudioTags;
-const setNumberOfSharedAudioTags = (audioTags) => {
-    numberOfSharedAudioTags = audioTags;
-};
-exports.setNumberOfSharedAudioTags = setNumberOfSharedAudioTags;

package/dist/detect-remotion-server.d.ts

@@ -1,9 +0,0 @@
-type RemotionDetectionResult = {
-    type: 'match';
-} | {
-    type: 'mismatch';
-} | {
-    type: 'not-remotion';
-};
-export declare const detectRemotionServer: (port: number, cwd: string) => Promise<RemotionDetectionResult>;
-export {};

package/dist/detect-remotion-server.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detectRemotionServer = void 0;
-const http_1 = __importDefault(require("http"));
-const detectRemotionServer = (port, cwd) => {
-    return new Promise((resolve) => {
-        const req = http_1.default.get({
-            hostname: 'localhost',
-            port,
-            path: '/__remotion_config',
-            timeout: 1000,
-        }, (res) => {
-            let data = '';
-            res.on('data', (chunk) => {
-                data += chunk;
-            });
-            res.on('end', () => {
-                try {
-                    const json = JSON.parse(data);
-                    if ((json === null || json === void 0 ? void 0 : json.isRemotion) !== true) {
-                        return resolve({ type: 'not-remotion' });
-                    }
-                    // Normalize paths for comparison to avoid issues with different separators or casing on Windows
-                    const normalize = (p) => p.replace(/\\/g, '/').toLowerCase();
-                    if (normalize(json.cwd) === normalize(cwd)) {
-                        return resolve({ type: 'match' });
-                    }
-                    return resolve({ type: 'mismatch' });
-                }
-                catch (_a) {
-                    resolve({ type: 'not-remotion' });
-                }
-            });
-        });
-        req.on('error', () => resolve({ type: 'not-remotion' }));
-        req.on('timeout', () => {
-            req.destroy();
-            resolve({ type: 'not-remotion' });
-        });
-    });
-};
-exports.detectRemotionServer = detectRemotionServer;

package/dist/is-port-open.d.ts

@@ -1 +0,0 @@
-export declare const isPortOpen: (port: number) => Promise<boolean>;

package/dist/is-port-open.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPortOpen = void 0;
-const net_1 = require("net");
-const isPortOpen = (port) => {
-    return new Promise((resolve, reject) => {
-        const server = (0, net_1.createServer)();
-        server.once('error', (err) => {
-            if (err.code === 'EADDRINUSE') {
-                resolve(false);
-            }
-            else {
-                reject(err);
-            }
-        });
-        server.once('listening', () => {
-            server.close(() => {
-                resolve(true);
-            });
-        });
-        server.listen(port);
-    });
-};
-exports.isPortOpen = isPortOpen;