@remotion/cli 4.0.399 → 4.0.401

package/dist/benchmark.js

@@ -136,6 +136,7 @@ const benchmarkCommand = async (remotionRoot, args, logLevel) => {
         indent: false,
         logLevel,
         quiet: (0, parsed_cli_1.quietFlagProvided)(),
+        onProgress: () => undefined,
     });
     const indent = false;
     await renderer_1.RenderInternals.internalEnsureBrowser({

package/dist/browser/ensure.js

@@ -21,6 +21,7 @@ const ensureCommand = async (logLevel) => {
             indent,
             logLevel,
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
+            onProgress: () => undefined,
         }),
     });
     if (status.type === 'no-browser') {

package/dist/browser-download-bar.d.ts

@@ -1,6 +1,8 @@
 import type { LogLevel, OnBrowserDownload } from '@remotion/renderer';
-export declare const defaultBrowserDownloadProgress: ({ indent, logLevel, quiet, }: {
+import type { BrowserDownloadState } from '@remotion/studio-shared';
+export declare const defaultBrowserDownloadProgress: ({ indent, logLevel, quiet, onProgress, }: {
     indent: boolean;
     logLevel: LogLevel;
     quiet: boolean;
+    onProgress: (progress: BrowserDownloadState) => void;
 }) => OnBrowserDownload;

package/dist/browser-download-bar.js

@@ -22,7 +22,7 @@ const makeDownloadProgress = ({ bytesDownloaded, totalBytes, doneIn, chromeMode,
         .filter(truthy_1.truthy)
         .join(' ');
 };
-const defaultBrowserDownloadProgress = ({ indent, logLevel, quiet, }) => {
+const defaultBrowserDownloadProgress = ({ indent, logLevel, quiet, onProgress, }) => {
     return ({ chromeMode }) => {
         if (chromeMode === 'chrome-for-testing') {
             log_1.Log.info({ indent, logLevel }, 'Downloading Chrome for Testing https://www.remotion.dev/chrome-for-testing');
@@ -63,6 +63,11 @@ const defaultBrowserDownloadProgress = ({ indent, logLevel, quiet, }) => {
                 if (progress.percent === 1) {
                     doneIn = Date.now() - startedAt;
                 }
+                onProgress({
+                    alreadyAvailable: progress.alreadyAvailable,
+                    progress: progress.percent,
+                    doneIn,
+                });
                 cliOutput.update(makeDownloadProgress({
                     doneIn,
                     bytesDownloaded: progress.downloadedBytes,

package/dist/compositions.js

@@ -119,6 +119,7 @@ const listCompositionsCommand = async (remotionRoot, args, logLevel) => {
             indent: false,
             logLevel,
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
+            onProgress: () => undefined,
         }),
         chromeMode,
         mediaCacheSizeInBytes,

package/dist/gpu.js

@@ -34,6 +34,7 @@ const gpuCommand = async (logLevel) => {
         quiet: (0, parsed_cli_1.quietFlagProvided)(),
         indent: false,
         logLevel,
+        onProgress: () => undefined,
     });
     await renderer_1.RenderInternals.internalEnsureBrowser({
         browserExecutable,
@@ -61,6 +62,7 @@ const gpuCommand = async (logLevel) => {
             indent: false,
             logLevel,
             quiet: (0, parsed_cli_1.quietFlagProvided)(),
+            onProgress: () => undefined,
         }),
         chromeMode,
         onLog: renderer_1.RenderInternals.defaultOnLog,

package/dist/index.d.ts

@@ -172,10 +172,11 @@ export declare const CliInternals: {
         config: import("remotion").VideoConfig;
         argsAfterComposition: (string | number)[];
     }>;
-    defaultBrowserDownloadProgress: ({ indent, logLevel, quiet, }: {
+    defaultBrowserDownloadProgress: ({ indent, logLevel, quiet, onProgress, }: {
         indent: boolean;
         logLevel: import("@remotion/renderer").LogLevel;
         quiet: boolean;
+        onProgress: (progress: import("@remotion/studio-shared").BrowserDownloadState) => void;
     }) => import("@remotion/renderer").OnBrowserDownload;
     LABEL_WIDTH: number;
     printFact: (printLevel: import("@remotion/renderer").LogLevel) => ({ indent, logLevel, left, right, color, link, }: {

package/dist/progress-bar.js

@@ -205,7 +205,7 @@ const makeStitchingProgress = ({ stitchingProgress, isUsingParallelEncoding, })
         .join(' ');
 };
 const makeRenderingAndStitchingProgress = ({ prog, isUsingParallelEncoding, }) => {
-    var _a;
+    var _a, _b;
     const { rendering, stitching, downloads, bundling, artifactState, logs } = prog;
     const output = [
         rendering ? makeRenderingProgress(rendering) : null,
@@ -227,19 +227,23 @@ const makeRenderingAndStitchingProgress = ({ prog, isUsingParallelEncoding, }) =
     const stitchingProgress = stitching
         ? stitching.frames / stitching.totalFrames
         : 0;
-    const progress = bundling.progress * 0.3 + renderProgress * 0.6 + stitchingProgress * 0.1;
+    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) };
 };
 exports.makeRenderingAndStitchingProgress = makeRenderingAndStitchingProgress;
 const getGuiProgressSubtitle = (progress) => {
+    var _a, _b;
     // Handle floating point inaccuracies
-    if (progress.bundling.progress < 0.99999) {
-        return `Bundling ${Math.round(progress.bundling.progress * 100)}%`;
+    const bundlingProgress = ((_a = progress.bundling) === null || _a === void 0 ? void 0 : _a.progress) || 0;
+    if (bundlingProgress < 0.99999) {
+        return `Bundling ${Math.round(bundlingProgress * 100)}%`;
     }
-    if (progress.bundling.progress === 1 &&
-        progress.bundling.doneIn === null &&
+    if (bundlingProgress === 1 &&
+        ((_b = progress.bundling) === null || _b === void 0 ? void 0 : _b.doneIn) === null &&
         progress.copyingState.bytes === 0) {
-        return `Bundling ${Math.round(progress.bundling.progress * 100)}%`;
+        return `Bundling ${Math.round(bundlingProgress * 100)}%`;
     }
     if (progress.copyingState.doneIn === null) {
         return `Copying public dir ${studio_server_1.StudioServerInternals.formatBytes(progress.copyingState.bytes)}`;

package/dist/progress-types.js

@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initialAggregateRenderProgress = void 0;
 const initialAggregateRenderProgress = () => ({
     rendering: null,
-    downloads: [],
-    stitching: null,
-    bundling: {
+    browser: {
         progress: 0,
+        alreadyAvailable: true,
         doneIn: null,
     },
+    downloads: [],
+    stitching: null,
+    bundling: null,
     copyingState: {
         bytes: 0,
         doneIn: null,

package/dist/render-flows/render.js

@@ -64,6 +64,20 @@ const user_passed_output_location_1 = require("../user-passed-output-location");
 const add_log_to_aggregate_progress_1 = require("./add-log-to-aggregate-progress");
 const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, outputLocationFromUI, jpegQuality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, x264Preset, pixelFormat, videoBitrate, encodingMaxRate, encodingBufferSize, numberOfGifLoops, audioCodec, serializedInputPropsWithCustomSchema, disallowParallelEncoding, offthreadVideoCacheSizeInBytes, offthreadVideoThreads, colorSpace, repro, binariesDirectory, forSeamlessAacConcatenation, separateAudioTo, publicPath, metadata, hardwareAcceleration, chromeMode, audioLatencyHint, imageSequencePattern, mediaCacheSizeInBytes, }) => {
     var _a;
+    let bundlingProgress = null;
+    let renderingProgress = null;
+    let stitchingProgress = null;
+    let browserState = {
+        progress: 0,
+        doneIn: 0,
+        alreadyAvailable: true,
+    };
+    let copyingState = {
+        bytes: 0,
+        doneIn: null,
+    };
+    const logsProgress = [];
+    let artifactState = { received: [] };
     const isVerbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
     (0, progress_bar_1.printFact)('verbose')({
         indent,
@@ -77,6 +91,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     const downloads = [];
     const onBrowserDownload = (0, browser_download_bar_1.defaultBrowserDownloadProgress)({
         indent,
+        onProgress: updateBrowserProgress,
         logLevel,
         quiet: (0, parsed_cli_1.quietFlagProvided)(),
     });
@@ -106,23 +121,30 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         updatesDontOverwrite,
         indent,
     });
-    let bundlingProgress = {
-        doneIn: null,
-        progress: 0,
-    };
-    let renderingProgress = null;
-    let stitchingProgress = null;
-    let copyingState = {
-        bytes: 0,
-        doneIn: null,
-    };
-    const logsProgress = [];
-    let artifactState = { received: [] };
+    function updateBrowserProgress(progress) {
+        browserState = progress;
+        const aggregateRenderProgress = {
+            browser: browserState,
+            rendering: renderingProgress,
+            stitching: shouldOutputImageSequence ? null : stitchingProgress,
+            downloads,
+            bundling: bundlingProgress,
+            copyingState,
+            artifactState,
+            logs: logsProgress,
+        };
+        onProgress({
+            message: `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
+            value: 0,
+            ...aggregateRenderProgress,
+        });
+    }
     const updateRenderProgress = ({ newline, printToConsole, }) => {
         const aggregateRenderProgress = {
             rendering: renderingProgress,
             stitching: shouldOutputImageSequence ? null : stitchingProgress,
             downloads,
+            browser: browserState,
             bundling: bundlingProgress,
             copyingState,
             artifactState,

package/dist/render-flows/still.js

@@ -50,10 +50,19 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         }
         onProgress({ message, value: progress, ...aggregate });
     };
+    function updateBrowserProgress(progress) {
+        aggregate.browser = progress;
+        onProgress({
+            message: `Downloading ${chromeMode === 'chrome-for-testing' ? 'Chrome for Testing' : 'Headless Shell'} ${Math.round(progress.progress * 100)}%`,
+            value: 0,
+            ...aggregate,
+        });
+    }
     const onBrowserDownload = (0, browser_download_bar_1.defaultBrowserDownloadProgress)({
         quiet: (0, parsed_cli_1.quietFlagProvided)(),
         indent,
         logLevel,
+        onProgress: updateBrowserProgress,
     });
     await renderer_1.RenderInternals.internalEnsureBrowser({
         browserExecutable,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.399",
+	"version": "4.0.401",
 	"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.399",
-		"@remotion/media-utils": "4.0.399",
-		"@remotion/player": "4.0.399",
-		"@remotion/renderer": "4.0.399",
-		"@remotion/studio-shared": "4.0.399",
-		"@remotion/studio-server": "4.0.399",
-		"@remotion/studio": "4.0.399",
+		"@remotion/bundler": "4.0.401",
+		"@remotion/media-utils": "4.0.401",
+		"@remotion/player": "4.0.401",
+		"@remotion/renderer": "4.0.401",
+		"@remotion/studio-shared": "4.0.401",
+		"@remotion/studio-server": "4.0.401",
+		"@remotion/studio": "4.0.401",
 		"dotenv": "9.0.2",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
-		"remotion": "4.0.399"
+		"remotion": "4.0.401"
 	},
 	"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.399",
-		"@remotion/tailwind-v4": "4.0.399",
-		"@remotion/enable-scss": "4.0.399",
-		"@remotion/skia": "4.0.399",
+		"@remotion/zod-types": "4.0.401",
+		"@remotion/tailwind-v4": "4.0.401",
+		"@remotion/enable-scss": "4.0.401",
+		"@remotion/skia": "4.0.401",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.399",
+		"@remotion/eslint-config-internal": "4.0.401",
 		"eslint": "9.19.0"
 	},
 	"keywords": [