@remotion/cli 4.0.506 → 4.0.508

package/dist/browser-download-bar.js

@@ -34,11 +34,26 @@ const defaultBrowserDownloadProgress = ({ indent, logLevel, quiet, onProgress, }
         const productName = chromeMode === 'chrome-for-testing'
             ? 'Chrome for Testing'
             : 'Headless Shell';
+        const startedAt = Date.now();
+        let doneIn = null;
+        // Must fire in both logger modes - the Studio UI relies on it to display
+        // the download progress (https://github.com/remotion-dev/remotion/issues/10228).
+        const updateDownloadState = (progress) => {
+            if (progress.percent === 1) {
+                doneIn = Date.now() - startedAt;
+            }
+            onProgress({
+                alreadyAvailable: progress.alreadyAvailable,
+                progress: progress.percent,
+                doneIn,
+            });
+        };
         if (updatesDontOverwrite) {
             let lastProgress = 0;
             return {
                 version: null,
                 onProgress: (progress) => {
+                    updateDownloadState(progress);
                     if (progress.downloadedBytes > lastProgress + 10000000) {
                         lastProgress = progress.downloadedBytes;
                         log_1.Log.info({ indent, logLevel }, `Getting ${productName} - ${renderer_1.RenderInternals.toMegabytes(progress.downloadedBytes)}/${renderer_1.RenderInternals.toMegabytes(progress.totalSizeInBytes)}`);
@@ -56,19 +71,10 @@ const defaultBrowserDownloadProgress = ({ indent, logLevel, quiet, onProgress, }
             updatesDontOverwrite,
             logLevel,
         });
-        const startedAt = Date.now();
-        let doneIn = null;
         return {
             version: null,
             onProgress: (progress) => {
-                if (progress.percent === 1) {
-                    doneIn = Date.now() - startedAt;
-                }
-                onProgress({
-                    alreadyAvailable: progress.alreadyAvailable,
-                    progress: progress.percent,
-                    doneIn,
-                });
+                updateDownloadState(progress);
                 cliOutput.update(makeDownloadProgress({
                     doneIn,
                     bytesDownloaded: progress.downloadedBytes,

package/dist/config-file-change.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigFileChangeType } from '@remotion/studio-shared';
+import { type ConfigFileChangeType } from '@remotion/studio-shared';
 export type ConfigFileFingerprints = {
     reload: string;
     restart: string;

package/dist/config-file-change.js

@@ -2,101 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.classifyConfigFileChange = exports.makeConfigFileFingerprints = void 0;
 const parser_1 = require("@babel/parser");
+const studio_shared_1 = require("@remotion/studio-shared");
+const validateConfigMethodLifecycles = (lifecycles) => lifecycles;
 // Keep this exhaustive so every new Config method must declare its Studio lifecycle.
-const configMethodLifecycles = {
-    overrideBundlerConfig: 'restart',
-    overrideDuration: 'runtime',
-    overrideFfmpegCommand: 'runtime',
-    overrideFps: 'runtime',
-    overrideHeight: 'runtime',
-    overrideRspackConfig: 'restart',
-    overrideWebpackConfig: 'restart',
-    overrideWidth: 'runtime',
-    setAllowHtmlInCanvasEnabled: 'runtime',
-    setAskAIEnabled: 'runtime',
-    setAudioBitrate: 'runtime',
-    setAudioCodec: 'runtime',
-    setAudioLatencyHint: 'reload',
-    setBeepOnFinish: 'runtime',
-    setBenchmarkConcurrencies: 'runtime',
-    setBenchmarkRuns: 'runtime',
-    setBinariesDirectory: 'restart',
-    setBrowserExecutable: 'runtime',
-    setBufferStateDelayInMilliseconds: 'runtime',
-    setBundleOutDir: 'runtime',
-    setCachingEnabled: 'runtime',
-    setChromeMode: 'runtime',
-    setChromiumDarkMode: 'runtime',
-    setChromiumDisableWebSecurity: 'runtime',
-    setChromiumHeadlessMode: 'runtime',
-    setChromiumIgnoreCertificateErrors: 'runtime',
-    setChromiumMultiProcessOnLinux: 'runtime',
-    setChromiumOpenGlRenderer: 'runtime',
-    setChromiumUserAgent: 'runtime',
-    setCodec: 'runtime',
-    setColorSpace: 'runtime',
-    setConcurrency: 'runtime',
-    setCrf: 'runtime',
-    setDefaultCodingAgent: 'runtime',
-    setDefaultEditor: 'runtime',
-    setDelayRenderTimeoutInMilliseconds: 'runtime',
-    setDeleteAfter: 'runtime',
-    setDisallowParallelEncoding: 'runtime',
-    setDotEnvLocation: 'restart',
-    setEnableCrossSiteIsolation: 'restart',
-    setEnableFolderExpiry: 'runtime',
-    setEncodingBufferSize: 'runtime',
-    setEncodingMaxRate: 'runtime',
-    setEnforceAudioTrack: 'runtime',
-    setEntryPoint: 'restart',
-    setEveryNthFrame: 'runtime',
-    setExperimentalRspackEnabled: 'restart',
-    setForSeamlessAacConcatenation: 'runtime',
-    setForceNewStudioEnabled: 'restart',
-    setFrameRange: 'runtime',
-    setGopSize: 'runtime',
-    setHardwareAcceleration: 'runtime',
-    setIPv4: 'restart',
-    setImageFormat: 'runtime',
-    setImageSequence: 'runtime',
-    setImageSequencePattern: 'runtime',
-    setInteractivityEnabled: 'runtime',
-    setJpegQuality: 'runtime',
-    setKeyboardShortcutsEnabled: 'runtime',
-    setLambdaInsights: 'runtime',
-    setLevel: 'restart',
-    setLogLevel: 'restart',
-    setMaxTimelineTracks: 'runtime',
-    setMetadata: 'runtime',
-    setMuted: 'runtime',
-    setNumberOfGifLoops: 'runtime',
-    setNumberOfSharedAudioTags: 'reload',
-    setOffthreadVideoCacheSizeInBytes: 'runtime',
-    setOutputLocation: 'runtime',
-    setOverwriteOutput: 'runtime',
-    setPixelFormat: 'runtime',
-    setPort: 'restart',
-    setPreferLosslessAudio: 'runtime',
-    setPreviewSampleRate: 'reload',
-    setProResProfile: 'runtime',
-    setPublicDir: 'restart',
-    setPublicLicenseKey: 'runtime',
-    setPublicPath: 'runtime',
-    setQuality: 'runtime',
-    setRendererPort: 'restart',
-    setRepro: 'runtime',
-    setRspack: 'restart',
-    setSampleRate: 'runtime',
-    setScale: 'runtime',
-    setShouldOpenBrowser: 'restart',
-    setStillImageFormat: 'runtime',
-    setStudioPort: 'restart',
-    setTimeoutInMilliseconds: 'runtime',
-    setVideoBitrate: 'runtime',
-    setVideoImageFormat: 'runtime',
-    setWebpackPollingInMilliseconds: 'restart',
-    setX264Preset: 'runtime',
-};
+const configMethodLifecycles = validateConfigMethodLifecycles(studio_shared_1.configMethodLifecycles);
 const getConfigMethodsWithLifecycle = (lifecycle) => {
     return new Set(Object.entries(configMethodLifecycles)
         .filter(([, value]) => value === lifecycle)

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

@@ -99,6 +99,7 @@ exports.listOfRemotionPackages = [
     '@remotion/design',
     '@remotion/studio-protocol',
     '@remotion/light-leaks',
+    '@remotion/mac-cursors',
     '@remotion/rough-notation',
     '@remotion/starburst',
     '@remotion/vercel',

package/dist/parsed-cli.d.ts

@@ -357,14 +357,14 @@ declare const benchmarkConcurrenciesOption: {
     description: () => import("react/jsx-runtime").JSX.Element;
     ssrName: null;
     docLink: string;
-    type: "claude-code" | "codex" | "cursor" | "github-copilot" | null;
+    type: "claude-code" | "codex" | "copilot" | "cursor" | null;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "claude-code" | "codex" | "cursor" | "github-copilot" | null;
+        value: "claude-code" | "codex" | "copilot" | "cursor" | null;
         source: string;
     };
-    setConfig(value: "claude-code" | "codex" | "cursor" | "github-copilot" | null): void;
+    setConfig(value: "claude-code" | "codex" | "copilot" | "cursor" | null): void;
     id: "coding-agent";
 }, defaultEditorOption: {
     name: string;

package/dist/progress-bar.d.ts

@@ -28,6 +28,7 @@ export declare const makeRenderingAndStitchingProgress: ({ prog, isUsingParallel
     progress: number;
     message: string;
 };
+export declare const getGuiProgressSubtitle: (progress: AggregateRenderProgress) => string;
 export declare const printFact: (printLevel: "error" | "info" | "trace" | "verbose" | "warn") => ({ indent, logLevel, left, right, color, link, }: {
     indent: boolean;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";

package/dist/progress-bar.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.printFact = exports.makeRenderingAndStitchingProgress = exports.getRightLabelWidth = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = exports.LABEL_WIDTH = void 0;
+exports.printFact = exports.getGuiProgressSubtitle = exports.makeRenderingAndStitchingProgress = exports.getRightLabelWidth = exports.makeBundlingAndCopyProgress = exports.createOverwriteableCliOutput = exports.LABEL_WIDTH = void 0;
 const renderer_1 = require("@remotion/renderer");
 const pure_1 = require("@remotion/renderer/pure");
 const studio_server_1 = require("@remotion/studio-server");
@@ -234,11 +234,17 @@ const makeRenderingAndStitchingProgress = ({ prog, isUsingParallelEncoding, }) =
     const progress = ((_b = bundling === null || bundling === void 0 ? void 0 : bundling.progress) !== null && _b !== void 0 ? _b : 0) * 0.3 +
         renderProgress * 0.6 +
         stitchingProgress * 0.1;
-    return { output, progress, message: getGuiProgressSubtitle(prog) };
+    return { output, progress, message: (0, exports.getGuiProgressSubtitle)(prog) };
 };
 exports.makeRenderingAndStitchingProgress = makeRenderingAndStitchingProgress;
 const getGuiProgressSubtitle = (progress) => {
     var _a, _b;
+    if (progress.browser.error) {
+        return 'Failed to download browser';
+    }
+    if (!progress.browser.alreadyAvailable && progress.browser.doneIn === null) {
+        return `Downloading browser ${Math.round(progress.browser.progress * 100)}%`;
+    }
     // Handle floating point inaccuracies
     const bundlingProgress = ((_a = progress.bundling) === null || _a === void 0 ? void 0 : _a.progress) || 0;
     if (bundlingProgress < 0.99999) {
@@ -270,6 +276,7 @@ const getGuiProgressSubtitle = (progress) => {
     }
     return `Encoded ${progress.stitching.frames}/${progress.stitching.totalFrames}`;
 };
+exports.getGuiProgressSubtitle = getGuiProgressSubtitle;
 const printFact = (printLevel) => ({ indent, logLevel, left, right, color, link, }) => {
     const fn = (str) => {
         if (color === 'gray') {

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

@@ -1,7 +1,7 @@
 import type { BundlerOverrideFn, RspackOverrideFn, WebpackOverrideFn } from '@remotion/bundler';
 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, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, 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, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }: {
+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, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, 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, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, licenseKey, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -73,4 +73,5 @@ export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, l
     bundlerOverride: BundlerOverrideFn | null;
     rspackOverride: RspackOverrideFn | null;
     webpackOverride: WebpackOverrideFn | null;
+    licenseKey: string | null;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -61,7 +61,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, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, 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, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, }) => {
+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, selectedFrames, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, gopSize, 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, keyboardShortcutsEnabled, shouldCache, sampleRate, bundlerOverride, rspackOverride, webpackOverride, licenseKey, }) => {
     var _a;
     renderer_1.RenderInternals.validateConcurrency({
         value: concurrency,
@@ -99,13 +99,24 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         logLevel,
         quiet: (0, parsed_cli_1.quietFlagProvided)(),
     });
-    await renderer_1.RenderInternals.internalEnsureBrowser({
-        browserExecutable,
-        indent,
-        logLevel,
-        onBrowserDownload,
-        chromeMode,
-    });
+    try {
+        await renderer_1.RenderInternals.internalEnsureBrowser({
+            browserExecutable,
+            indent,
+            logLevel,
+            onBrowserDownload,
+            chromeMode,
+        });
+    }
+    catch (err) {
+        updateBrowserProgress({
+            progress: browserState.progress,
+            doneIn: null,
+            alreadyAvailable: false,
+            error: true,
+        });
+        throw err;
+    }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
         browserExecutable,
@@ -139,7 +150,9 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
             logs: logsProgress,
         };
         onProgress({
-            message: `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
+            message: progress.error
+                ? `Failed to download ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'}`
+                : `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
             value: 0,
             ...aggregateRenderProgress,
         });
@@ -533,7 +546,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         chromeMode,
         mediaCacheSizeInBytes,
         onLog,
-        licenseKey: null,
+        licenseKey,
         isProduction: null,
         sampleRate: resolvedSampleRate,
     });

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

@@ -1,7 +1,7 @@
 import type { BundlerOverrideFn, RspackOverrideFn, WebpackOverrideFn } from '@remotion/bundler';
 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, keyboardShortcutsEnabled, shouldCache, bundlerOverride, rspackOverride, webpackOverride, }: {
+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, keyboardShortcutsEnabled, shouldCache, bundlerOverride, rspackOverride, webpackOverride, licenseKey, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -44,4 +44,5 @@ export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPoin
     bundlerOverride: BundlerOverrideFn | null;
     rspackOverride: RspackOverrideFn | null;
     webpackOverride: WebpackOverrideFn | null;
+    licenseKey: string | null;
 }) => 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, keyboardShortcutsEnabled, shouldCache, bundlerOverride, rspackOverride, webpackOverride, }) => {
+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, keyboardShortcutsEnabled, shouldCache, bundlerOverride, rspackOverride, webpackOverride, licenseKey, }) => {
     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)();
@@ -53,7 +53,9 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
     function updateBrowserProgress(progress) {
         aggregate.browser = progress;
         onProgress({
-            message: `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
+            message: progress.error
+                ? `Failed to download ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'}`
+                : `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
             value: 0,
             ...aggregate,
         });
@@ -64,13 +66,24 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         logLevel,
         onProgress: updateBrowserProgress,
     });
-    await renderer_1.RenderInternals.internalEnsureBrowser({
-        browserExecutable,
-        indent,
-        logLevel,
-        onBrowserDownload,
-        chromeMode,
-    });
+    try {
+        await renderer_1.RenderInternals.internalEnsureBrowser({
+            browserExecutable,
+            indent,
+            logLevel,
+            onBrowserDownload,
+            chromeMode,
+        });
+    }
+    catch (err) {
+        updateBrowserProgress({
+            progress: aggregate.browser.progress,
+            doneIn: null,
+            alreadyAvailable: false,
+            error: true,
+        });
+        throw err;
+    }
     const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
         browser,
         browserExecutable,
@@ -284,7 +297,7 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
                 printToConsole: true,
             });
         },
-        licenseKey: null,
+        licenseKey,
         isProduction: null,
     });
     aggregate.rendering = {

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

@@ -64,6 +64,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         bundlerOverride: fixedConfig.bundlerOverride,
         rspackOverride: fixedConfig.rspackOverride,
         webpackOverride: fixedConfig.webpackOverride,
+        licenseKey: job.licenseKey,
     });
 };
 exports.processStill = processStill;

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

@@ -103,6 +103,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         bundlerOverride: fixedConfig.bundlerOverride,
         rspackOverride: fixedConfig.rspackOverride,
         webpackOverride: fixedConfig.webpackOverride,
+        licenseKey: job.type === 'video' ? job.licenseKey : null,
     });
 };
 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, gopSizeOption, 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, keyboardShortcutsOption, rspackOption, browserExecutableOption, everyNthFrameOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, sampleRateOption, stillFrameOption, } = client_1.BrowserSafeApis.options;
+const { x264Option, audioBitrateOption, offthreadVideoCacheSizeInBytesOption, scaleOption, crfOption, gopSizeOption, 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, keyboardShortcutsOption, rspackOption, browserExecutableOption, everyNthFrameOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, concurrencyOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, sampleRateOption, stillFrameOption, publicLicenseKeyOption, } = 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) {
@@ -238,6 +238,7 @@ const render = async (remotionRoot, args, logLevel) => {
         bundlerOverride: null,
         rspackOverride: null,
         webpackOverride: null,
+        licenseKey: publicLicenseKeyOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
     });
 };
 exports.render = render;

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, keyboardShortcutsOption, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, framesOption, } = client_1.BrowserSafeApis.options;
+const { offthreadVideoCacheSizeInBytesOption, scaleOption, jpegQualityOption, enableMultiprocessOnLinuxOption, glOption, delayRenderTimeoutInMillisecondsOption, headlessOption, overwriteOption, binariesDirectoryOption, publicPathOption, publicDirOption, chromeModeOption, offthreadVideoThreadsOption, audioLatencyHintOption, mediaCacheSizeInBytesOption, darkModeOption, askAIOption, keyboardShortcutsOption, rspackOption, browserExecutableOption, userAgentOption, disableWebSecurityOption, ignoreCertificateErrorsOption, overrideHeightOption, overrideWidthOption, overrideFpsOption, overrideDurationOption, bundleCacheOption, framesOption, publicLicenseKeyOption, } = 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) {
@@ -158,6 +158,7 @@ const still = async (remotionRoot, args, logLevel) => {
         bundlerOverride: null,
         rspackOverride: null,
         webpackOverride: null,
+        licenseKey: publicLicenseKeyOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value,
     });
 };
 exports.still = still;

package/dist/studio.js

@@ -17,7 +17,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, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, previewSampleRateOption, defaultCodingAgentOption, defaultEditorOption, } = client_1.BrowserSafeApis.options;
+const { binariesDirectoryOption, publicDirOption, disableGitSourceOption, enableCrossSiteIsolationOption, askAIOption, interactivityOption, keyboardShortcutsOption, forceNewStudioOption, numberOfSharedAudioTagsOption, audioLatencyHintOption, ipv4Option, rspackOption, webpackPollOption, noOpenOption, portOption, browserOption, previewSampleRateOption, defaultCodingAgentOption, defaultEditorOption, publicLicenseKeyOption, } = client_1.BrowserSafeApis.options;
 const studioCommand = async (remotionRoot, args, logLevel) => {
     var _a, _b, _c;
     const { file, reason } = (0, entry_point_1.findEntryPoint)({
@@ -74,19 +74,31 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
     const rspackOverride = config_1.ConfigInternals.getRspackOverrideFn();
     const webpackOverride = config_1.ConfigInternals.getWebpackOverrideFn();
     log_1.Log.verbose({ indent: false, logLevel }, `Using ${useRspack ? 'Rspack' : 'Webpack'} bundler.`);
-    const getStudioRuntimeConfig = () => ({
-        maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
-        askAIEnabled: askAIOption.getValue({
+    const getStudioRuntimeConfig = () => {
+        const configuredEditor = defaultEditorOption.getValue({
             commandLine: parsed_cli_1.parsedCli,
-        }).value,
-        interactivityEnabled: interactivityOption.getValue({
-            commandLine: parsed_cli_1.parsedCli,
-        }).value,
-        keyboardShortcutsEnabled: keyboardShortcutsOption.getValue({
-            commandLine: parsed_cli_1.parsedCli,
-        }).value,
-        bufferStateDelayInMilliseconds: config_1.ConfigInternals.getBufferStateDelayInMilliseconds(),
-    });
+        }).value;
+        return {
+            maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
+            askAIEnabled: askAIOption.getValue({
+                commandLine: parsed_cli_1.parsedCli,
+            }).value,
+            interactivityEnabled: interactivityOption.getValue({
+                commandLine: parsed_cli_1.parsedCli,
+            }).value,
+            keyboardShortcutsEnabled: keyboardShortcutsOption.getValue({
+                commandLine: parsed_cli_1.parsedCli,
+            }).value,
+            bufferStateDelayInMilliseconds: config_1.ConfigInternals.getBufferStateDelayInMilliseconds(),
+            defaultCodingAgent: defaultCodingAgentOption.getValue({
+                commandLine: parsed_cli_1.parsedCli,
+            }).value,
+            defaultEditor: typeof configuredEditor === 'object' ? 'custom' : configuredEditor,
+            publicLicenseKey: publicLicenseKeyOption.getValue({
+                commandLine: parsed_cli_1.parsedCli,
+            }).value,
+        };
+    };
     const getNumberOfAudioTags = () => numberOfSharedAudioTagsOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const getAudioLatencyHint = () => audioLatencyHintOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
     const getPreviewSampleRate = () => previewSampleRateOption.getValue({ commandLine: parsed_cli_1.parsedCli }).value;
@@ -107,7 +119,7 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
         studio_server_1.StudioServerInternals.installFileWatcher({
             file: configFile,
             existenceOnly: false,
-            onChange: async () => {
+            onChange: async (event) => {
                 if (isReloadingConfig) {
                     return;
                 }
@@ -143,9 +155,13 @@ const studioCommand = async (remotionRoot, args, logLevel) => {
                     const message = (0, studio_shared_1.getConfigFileChangeMessage)(changeType);
                     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.blue(message));
                     studio_server_1.StudioServerInternals.waitForLiveEventsListener().then((listener) => {
+                        var _a;
                         listener.sendEventToClient({
                             type: 'config-file-changed',
                             changeType,
+                            originatorClientId: event.type === 'deleted'
+                                ? null
+                                : ((_a = event.originatorClientId) !== null && _a !== void 0 ? _a : null),
                             renderDefaults,
                             studioRuntimeConfig,
                             editorName,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.506",
+	"version": "4.0.508",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"bin": {
@@ -37,18 +37,18 @@
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
 		"@babel/parser": "7.24.1",
-		"@remotion/bundler": "4.0.506",
-		"@remotion/media-utils": "4.0.506",
-		"@remotion/player": "4.0.506",
-		"@remotion/renderer": "4.0.506",
-		"@remotion/studio-shared": "4.0.506",
-		"@remotion/studio-server": "4.0.506",
-		"@remotion/studio": "4.0.506",
+		"@remotion/bundler": "4.0.508",
+		"@remotion/media-utils": "4.0.508",
+		"@remotion/player": "4.0.508",
+		"@remotion/renderer": "4.0.508",
+		"@remotion/studio-shared": "4.0.508",
+		"@remotion/studio-server": "4.0.508",
+		"@remotion/studio": "4.0.508",
 		"dotenv": "17.3.1",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
 		"semver": "7.5.3",
-		"remotion": "4.0.506"
+		"remotion": "4.0.508"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -60,14 +60,14 @@
 		"@types/prettier": "2.7.2",
 		"@types/semver": "7.5.3",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.506",
-		"@remotion/tailwind-v4": "4.0.506",
-		"@remotion/enable-scss": "4.0.506",
-		"@remotion/skia": "4.0.506",
+		"@remotion/zod-types": "4.0.508",
+		"@remotion/tailwind-v4": "4.0.508",
+		"@remotion/enable-scss": "4.0.508",
+		"@remotion/skia": "4.0.508",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"zod": "4.4.3",
-		"@remotion/eslint-config-internal": "4.0.506",
+		"@remotion/eslint-config-internal": "4.0.508",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/image-formats.d.ts

@@ -1,4 +0,0 @@
-export declare const getVideoImageFormat: ({ codec, uiImageFormat, }: {
-    codec: import("@remotion/renderer").CodecOrUndefined;
-    uiImageFormat: "jpeg" | "none" | "png" | null;
-}) => "jpeg" | "none" | "png";

package/dist/image-formats.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVideoImageFormat = void 0;
-const client_1 = require("@remotion/renderer/client");
-const pure_1 = require("@remotion/renderer/pure");
-const parsed_cli_1 = require("./parsed-cli");
-const getVideoImageFormat = ({ codec, uiImageFormat, }) => {
-    if (uiImageFormat !== null) {
-        return uiImageFormat;
-    }
-    const configured = client_1.BrowserSafeApis.options.videoImageFormatOption.getValue({
-        commandLine: parsed_cli_1.parsedCli,
-    }).value;
-    if (configured !== null) {
-        return configured;
-    }
-    if (pure_1.NoReactAPIs.isAudioCodec(codec)) {
-        return 'none';
-    }
-    if (codec === 'h264' ||
-        codec === 'h264-mkv' ||
-        codec === 'h264-ts' ||
-        codec === 'h265' ||
-        codec === 'av1' ||
-        codec === 'vp8' ||
-        codec === 'vp9' ||
-        codec === 'prores' ||
-        codec === 'gif') {
-        return 'jpeg';
-    }
-    if (codec === undefined) {
-        return 'png';
-    }
-    throw new Error('Unrecognized codec ' + codec);
-};
-exports.getVideoImageFormat = getVideoImageFormat;