@remotion/cli 4.0.0-alpha.4 → 4.0.0-alpha11

package/dist/render.js

@@ -1,261 +1,80 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
-const renderer_1 = require("@remotion/renderer");
-const fs_1 = __importDefault(require("fs"));
-const os_1 = __importDefault(require("os"));
-const path_1 = __importDefault(require("path"));
 // eslint-disable-next-line no-restricted-imports
-const remotion_1 = require("remotion");
-const chalk_1 = require("./chalk");
+const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const config_1 = require("./config");
+const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
+const entry_point_1 = require("./entry-point");
+const get_audio_codec_1 = require("./get-audio-codec");
 const get_cli_options_1 = require("./get-cli-options");
-const get_composition_id_1 = require("./get-composition-id");
-const get_filename_1 = require("./get-filename");
-const initialize_render_cli_1 = require("./initialize-render-cli");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
-const progress_bar_1 = require("./progress-bar");
-const setup_cache_1 = require("./setup-cache");
-const validate_ffmpeg_version_1 = require("./validate-ffmpeg-version");
-const render = async (remotionRoot) => {
-    const startTime = Date.now();
-    const file = parse_command_line_1.parsedCli._[1];
+const render_1 = require("./render-flows/render");
+const render = async (remotionRoot, args) => {
+    const { file, remainingArgs, reason: entryPointReason, } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
     if (!file) {
         log_1.Log.error('No entry point specified. Pass more arguments:');
         log_1.Log.error('   npx remotion render [entry-point] [composition-name] [out-name]');
         log_1.Log.error('Documentation: https://www.remotion.dev/docs/render');
         process.exit(1);
     }
-    const fullPath = renderer_1.RenderInternals.isServeUrl(file)
-        ? file
-        : path_1.default.join(process.cwd(), file);
-    const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'sequence');
-    log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, proResProfile, parallelism, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, } = await (0, get_cli_options_1.getCliOptions)({
+    const fullEntryPoint = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
+    if (parse_command_line_1.parsedCli.frame) {
+        log_1.Log.error('--frame flag was passed to the `render` command. This flag only works with the `still` command. Did you mean `--frames`? See reference: https://www.remotion.dev/docs/cli/');
+        process.exit(1);
+    }
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, jpegQuality, browser, browserExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, crf, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
-    });
-    const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
-        codec,
-        imageSequence: shouldOutputImageSequence,
-        compositionName: (0, get_composition_id_1.getCompositionId)(),
-        defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, 'final'),
-    });
-    const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
-    const compositionId = (0, get_composition_id_1.getCompositionId)();
-    log_1.Log.info(chalk_1.chalk.gray(`Composition = ${compositionId}, Codec = ${codec}, Output = ${relativeOutputLocation}`));
-    log_1.Log.verbose('Browser executable: ', browserExecutable);
-    await (0, validate_ffmpeg_version_1.checkAndValidateFfmpegVersion)({
-        ffmpegExecutable,
-    });
-    const browserInstance = (0, renderer_1.openBrowser)(browser, {
-        browserExecutable,
-        shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        chromiumOptions,
-        forceDeviceScaleFactor: scale,
-    });
-    const steps = [
-        renderer_1.RenderInternals.isServeUrl(fullPath) ? null : 'bundling',
-        'rendering',
-        shouldOutputImageSequence ? null : 'stitching',
-    ].filter(remotion_1.Internals.truthy);
-    const { urlOrBundle, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
-        fullPath,
         remotionRoot,
-        steps,
     });
-    const onDownload = (src) => {
-        const id = Math.random();
-        const download = {
-            id,
-            name: src,
-            progress: 0,
-            downloaded: 0,
-            totalBytes: null,
-        };
-        downloads.push(download);
-        updateRenderProgress();
-        return ({ percent, downloaded, totalSize }) => {
-            download.progress = percent;
-            download.totalBytes = totalSize;
-            download.downloaded = downloaded;
-            updateRenderProgress();
-        };
-    };
-    const puppeteerInstance = await browserInstance;
-    const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
-        inputProps,
-        puppeteerInstance,
-        envVariables,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        chromiumOptions,
+    const audioCodec = (0, get_audio_codec_1.getResolvedAudioCodec)();
+    await (0, render_1.renderVideoFlow)({
+        fullEntryPoint,
+        remotionRoot,
         browserExecutable,
-        downloadMap,
-    });
-    const config = comps.find((c) => c.id === compositionId);
-    if (!config) {
-        throw new Error(`Cannot find composition with ID ${compositionId}`);
-    }
-    renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
-        width: config.width,
-        height: config.height,
-        codec,
+        indent: false,
+        logLevel: config_1.ConfigInternals.Logging.getLogLevel(),
+        browser,
+        chromiumOptions,
         scale,
-    });
-    const outputDir = shouldOutputImageSequence
-        ? absoluteOutputFile
-        : await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
-    log_1.Log.verbose('Output dir', outputDir);
-    const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
-    const realFrameRange = renderer_1.RenderInternals.getRealFrameRange(config.durationInFrames, frameRange);
-    const totalFrames = renderer_1.RenderInternals.getFramesToRender(realFrameRange, everyNthFrame);
-    let encodedFrames = 0;
-    let renderedFrames = 0;
-    let encodedDoneIn = null;
-    let renderedDoneIn = null;
-    let stitchStage = 'encoding';
-    const downloads = [];
-    const updateRenderProgress = () => {
-        if (totalFrames.length === 0) {
-            throw new Error('totalFrames should not be 0');
-        }
-        return renderProgress.update((0, progress_bar_1.makeRenderingAndStitchingProgress)({
-            rendering: {
-                frames: renderedFrames,
-                totalFrames: totalFrames.length,
-                concurrency: renderer_1.RenderInternals.getActualConcurrency(parallelism),
-                doneIn: renderedDoneIn,
-                steps,
-            },
-            stitching: shouldOutputImageSequence
-                ? null
-                : {
-                    doneIn: encodedDoneIn,
-                    frames: encodedFrames,
-                    stage: stitchStage,
-                    steps,
-                    totalFrames: totalFrames.length,
-                    codec,
-                },
-            downloads,
-        }));
-    };
-    if (shouldOutputImageSequence) {
-        fs_1.default.mkdirSync(absoluteOutputFile, {
-            recursive: true,
-        });
-        if (imageFormat === 'none') {
-            log_1.Log.error('Cannot render an image sequence with a codec that renders no images.');
-            log_1.Log.error(`codec = ${codec}, imageFormat = ${imageFormat}`);
-            process.exit(1);
-        }
-        await (0, renderer_1.renderFrames)({
-            config,
-            imageFormat,
-            inputProps,
-            onFrameUpdate: (rendered) => {
-                renderedFrames = rendered;
-                updateRenderProgress();
-            },
-            onStart: () => undefined,
-            onDownload: (src) => {
-                if (src.startsWith('data:')) {
-                    log_1.Log.info('\nWriting Data URL to file: ', src.substring(0, 30) + '...');
-                }
-                else {
-                    log_1.Log.info('\nDownloading asset... ', src);
-                }
-            },
-            outputDir,
-            serveUrl: urlOrBundle,
-            dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-            everyNthFrame,
-            envVariables,
-            frameRange,
-            parallelism,
-            puppeteerInstance,
-            quality,
-            timeoutInMilliseconds: puppeteerTimeout,
-            chromiumOptions,
-            scale,
-            ffmpegExecutable,
-            ffprobeExecutable,
-            browserExecutable,
-            port,
-            downloadMap,
-        });
-        renderedDoneIn = Date.now() - startTime;
-        updateRenderProgress();
-        log_1.Log.info();
-        log_1.Log.info();
-        log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
-        return;
-    }
-    await (0, renderer_1.renderMedia)({
-        outputLocation: absoluteOutputFile,
-        codec,
-        composition: config,
-        crf,
+        shouldOutputImageSequence,
+        publicDir,
         envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        imageFormat,
         inputProps,
-        onProgress: (update) => {
-            encodedDoneIn = update.encodedDoneIn;
-            encodedFrames = update.encodedFrames;
-            renderedDoneIn = update.renderedDoneIn;
-            stitchStage = update.stitchStage;
-            renderedFrames = update.renderedFrames;
-            updateRenderProgress();
-        },
-        puppeteerInstance,
+        puppeteerTimeout,
+        port,
+        height,
+        width,
+        remainingArgs,
+        compositionIdFromUi: null,
+        entryPointReason,
         overwrite,
-        parallelism,
-        pixelFormat,
+        quiet: (0, parse_command_line_1.quietFlagProvided)(),
+        concurrency,
+        everyNthFrame,
+        frameRange,
+        jpegQuality,
+        onProgress: () => undefined,
+        addCleanupCallback: (c) => {
+            (0, cleanup_before_quit_1.registerCleanupJob)(c);
+        },
+        outputLocationFromUI: null,
+        uiCodec: null,
+        uiImageFormat: null,
+        cancelSignal: null,
+        crf,
+        ffmpegOverride,
+        audioBitrate,
+        muted,
+        enforceAudioTrack,
         proResProfile,
-        quality,
-        serveUrl: urlOrBundle,
-        onDownload,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        scale,
-        port,
+        pixelFormat,
+        videoBitrate,
         numberOfGifLoops,
-        everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        downloadMap,
+        audioCodec,
+        disallowParallelEncoding: false,
     });
-    log_1.Log.info();
-    log_1.Log.info();
-    const seconds = Math.round((Date.now() - startTime) / 1000);
-    log_1.Log.info([
-        '- Total render time:',
-        seconds,
-        seconds === 1 ? 'second' : 'seconds',
-    ].join(' '));
-    log_1.Log.info('-', 'Output can be found at:');
-    log_1.Log.info(chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
-    try {
-        await cleanupBundle();
-        await renderer_1.RenderInternals.cleanDownloadMap(downloadMap);
-        log_1.Log.verbose('Cleaned up', downloadMap.assetDir);
-    }
-    catch (err) {
-        log_1.Log.warn('Could not clean up directory.');
-        log_1.Log.warn(err);
-        log_1.Log.warn('Do you have minimum required Node.js version?');
-    }
-    log_1.Log.info(chalk_1.chalk.green(`\nYour ${codec === 'gif' ? 'GIF' : 'video'} is ready!`));
-    if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose')) {
-        renderer_1.RenderInternals.perf.logPerf();
-    }
 };
 exports.render = render;

package/dist/required-chromium-options.d.ts

@@ -0,0 +1,3 @@
+import type { ChromiumOptions, OpenGlRenderer } from '@remotion/renderer';
+export declare type RequiredChromiumOptions = Required<ChromiumOptions>;
+export declare type UiOpenGlOptions = OpenGlRenderer | 'default';

package/dist/required-chromium-options.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/resolve-from.js

@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveFrom = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
 const Module = require("module");
 const resolveFrom = (fromDirectory, moduleId) => {
     try {
-        fromDirectory = fs_1.default.realpathSync(fromDirectory);
+        fromDirectory = node_fs_1.default.realpathSync(fromDirectory);
     }
     catch (error) {
         if (error.code === 'ENOENT') {
-            fromDirectory = path_1.default.resolve(fromDirectory);
+            fromDirectory = node_path_1.default.resolve(fromDirectory);
         }
         else {
             throw error;
         }
     }
-    const fromFile = path_1.default.join(fromDirectory, 'noop.js');
+    const fromFile = node_path_1.default.join(fromDirectory, 'noop.js');
     const resolveFileName = () => 
     // @ts-expect-error
     Module._resolveFilename(moduleId, {

package/dist/select-composition.d.ts

@@ -0,0 +1,8 @@
+import type { getCompositions } from '@remotion/renderer';
+declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
+export declare const selectComposition: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<{
+    compositionId: string;
+    reason: string;
+}>;
+export declare const selectCompositions: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<string[]>;
+export {};

package/dist/select-composition.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectCompositions = exports.selectComposition = void 0;
+const composition_prompts_1 = require("./composition-prompts");
+const chalk_1 = require("./chalk");
+const selectComposition = async (validCompositions) => {
+    if (validCompositions.length === 1) {
+        const onlyComposition = validCompositions[0];
+        if (onlyComposition) {
+            return {
+                compositionId: onlyComposition.id,
+                reason: 'Only composition',
+            };
+        }
+    }
+    const selectedComposition = (await (0, composition_prompts_1.selectAsync)({
+        message: 'Select composition:',
+        optionsPerPage: 5,
+        type: 'select',
+        choices: validCompositions.map((comp) => {
+            return {
+                value: comp.id,
+                title: chalk_1.chalk.bold(comp.id),
+            };
+        }),
+    }));
+    return { compositionId: selectedComposition, reason: 'Selected' };
+};
+exports.selectComposition = selectComposition;
+const selectCompositions = async (validCompositions) => {
+    if (validCompositions.length === 1) {
+        const onlyComposition = validCompositions[0];
+        if (onlyComposition) {
+            return [onlyComposition.id];
+        }
+    }
+    const selectedComposition = await (0, composition_prompts_1.selectAsync)({
+        message: 'Select compositions:',
+        optionsPerPage: 5,
+        type: 'multiselect',
+        min: 1,
+        choices: validCompositions.map((comp) => {
+            return {
+                value: comp.id,
+                title: chalk_1.chalk.bold(comp.id),
+            };
+        }),
+    });
+    return selectedComposition;
+};
+exports.selectCompositions = selectCompositions;

package/dist/server-ready-comment.d.ts

@@ -0,0 +1,2 @@
+export declare const setServerReadyComment: (newMessage: string) => void;
+export declare const printServerReadyComment: () => void;

package/dist/server-ready-comment.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printServerReadyComment = exports.setServerReadyComment = void 0;
+const log_1 = require("./log");
+let message = null;
+const setServerReadyComment = (newMessage) => {
+    message = newMessage;
+};
+exports.setServerReadyComment = setServerReadyComment;
+const printServerReadyComment = () => {
+    log_1.Log.info(message);
+};
+exports.printServerReadyComment = printServerReadyComment;

package/dist/setup-cache.d.ts

@@ -1,14 +1,20 @@
-import type { RenderStep } from './step';
-export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, steps, }: {
+import type { LogLevel } from '@remotion/renderer';
+import type { BundlingState, CopyingState } from './progress-bar';
+export declare const bundleOnCliOrTakeServeUrl: ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }: {
     fullPath: string;
     remotionRoot: string;
-    steps: RenderStep[];
+    publicDir: string | null;
+    onProgress: (params: {
+        bundling: BundlingState;
+        copying: CopyingState;
+    }) => void;
+    indentOutput: boolean;
+    logLevel: LogLevel;
+    bundlingStep: number;
+    steps: number;
+    onDirectoryCreated: (path: string) => void;
+    quietProgress: boolean;
 }) => Promise<{
     urlOrBundle: string;
-    cleanup: () => Promise<void>;
+    cleanup: () => void;
 }>;
-export declare const bundleOnCli: ({ fullPath, steps, remotionRoot, }: {
-    fullPath: string;
-    steps: RenderStep[];
-    remotionRoot: string;
-}) => Promise<string>;

package/dist/setup-cache.js

@@ -1,79 +1,144 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bundleOnCli = exports.bundleOnCliOrTakeServeUrl = void 0;
+exports.bundleOnCliOrTakeServeUrl = void 0;
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
 const config_1 = require("./config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const progress_bar_1 = require("./progress-bar");
-const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, steps, }) => {
+const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
+const bundleOnCliOrTakeServeUrl = async ({ fullPath, remotionRoot, publicDir, onProgress, indentOutput, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     if (renderer_1.RenderInternals.isServeUrl(fullPath)) {
         return {
             urlOrBundle: fullPath,
             cleanup: () => Promise.resolve(undefined),
         };
     }
-    const bundled = await (0, exports.bundleOnCli)({ fullPath, remotionRoot, steps });
+    const bundled = await bundleOnCli({
+        fullPath,
+        remotionRoot,
+        publicDir,
+        onProgressCallback: onProgress,
+        indent: indentOutput,
+        logLevel,
+        bundlingStep,
+        steps,
+        onDirectoryCreated,
+        quietProgress,
+    });
     return {
         urlOrBundle: bundled,
         cleanup: () => renderer_1.RenderInternals.deleteDirectory(bundled),
     };
 };
 exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
-const bundleOnCli = async ({ fullPath, steps, remotionRoot, }) => {
+const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallback, indent, logLevel, bundlingStep, steps, onDirectoryCreated, quietProgress, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
+    const symlinkState = {
+        symlinks: [],
+    };
     const onProgress = (progress) => {
-        bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+        bundlingState = {
             progress: progress / 100,
-            steps,
             doneIn: null,
-        }));
+        };
+        updateProgress(false);
+    };
+    let copyingState = {
+        bytes: 0,
+        doneIn: null,
+    };
+    let copyStart = null;
+    const updateProgress = (newline) => {
+        bundlingProgress.update((0, progress_bar_1.makeBundlingAndCopyProgress)({
+            bundling: bundlingState,
+            copying: copyingState,
+            symLinks: symlinkState,
+        }, bundlingStep, steps), newline);
+        onProgressCallback({
+            bundling: bundlingState,
+            copying: copyingState,
+        });
+    };
+    const onPublicDirCopyProgress = (bytes) => {
+        if (copyStart === null) {
+            copyStart = Date.now();
+        }
+        copyingState = {
+            bytes,
+            doneIn: null,
+        };
+        updateProgress(false);
+    };
+    const onSymlinkDetected = (absPath) => {
+        symlinkState.symlinks.push(absPath);
+        updateProgress(false);
     };
     const options = {
         enableCaching: shouldCache,
         webpackOverride: (_a = config_1.ConfigInternals.getWebpackOverrideFn()) !== null && _a !== void 0 ? _a : ((f) => f),
         rootDir: remotionRoot,
+        publicDir,
+        onPublicDirCopyProgress,
+        onSymlinkDetected,
     };
     const [hash] = bundler_1.BundlerInternals.getConfig({
         outDir: '',
         entryPoint: fullPath,
-        onProgressUpdate: onProgress,
+        onProgress,
         options,
         resolvedRemotionRoot: remotionRoot,
     });
     const cacheExistedBefore = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash);
     if (cacheExistedBefore !== 'does-not-exist' && !shouldCache) {
-        log_1.Log.info('🧹 Cache disabled but found. Deleting... ');
-        await bundler_1.BundlerInternals.clearCache(remotionRoot);
+        log_1.Log.infoAdvanced({ indent, logLevel }, '🧹 Cache disabled but found. Deleting... ');
+        await bundler_1.BundlerInternals.clearCache(remotionRoot, 'production');
     }
     if (cacheExistedBefore === 'other-exists' && shouldCache) {
-        log_1.Log.info('🧹 Webpack config change detected. Clearing cache... ');
-        await bundler_1.BundlerInternals.clearCache(remotionRoot);
+        log_1.Log.infoAdvanced({ indent, logLevel }, '🧹 Webpack config change detected. Clearing cache... ');
+        await bundler_1.BundlerInternals.clearCache(remotionRoot, 'production');
     }
     const bundleStartTime = Date.now();
-    const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
-    const bundled = await (0, bundler_1.bundle)(fullPath, (progress) => {
-        bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
-            progress: progress / 100,
-            steps,
-            doneIn: null,
-        }));
-    }, options);
-    bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+    const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
+        quiet: quietProgress || (0, parse_command_line_1.quietFlagProvided)(),
+        cancelSignal: null,
+        updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+        indent,
+    });
+    let bundlingState = {
+        progress: 0,
+        doneIn: null,
+    };
+    const bundled = await (0, bundler_1.bundle)({
+        entryPoint: fullPath,
+        onProgress: (progress) => {
+            bundlingState = {
+                progress: progress / 100,
+                doneIn: null,
+            };
+            updateProgress(false);
+        },
+        onDirectoryCreated,
+        ...options,
+    });
+    bundlingState = {
         progress: 1,
-        steps,
         doneIn: Date.now() - bundleStartTime,
-    }) + '\n');
-    log_1.Log.verbose('Bundled under', bundled);
+    };
+    copyingState = {
+        ...copyingState,
+        doneIn: copyStart ? Date.now() - copyStart : null,
+    };
+    updateProgress(true);
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Bundled under', bundled);
     const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash) === 'exists';
     if (cacheExistedAfter) {
         if (cacheExistedBefore === 'does-not-exist' ||
             cacheExistedBefore === 'other-exists') {
-            log_1.Log.info('⚡️ Cached bundle. Subsequent renders will be faster.');
+            log_1.Log.infoAdvanced({ indent, logLevel }, '⚡️ Cached bundle. Subsequent renders will be faster.');
         }
     }
     return bundled;
 };
-exports.bundleOnCli = bundleOnCli;

package/dist/should-use-non-overlaying-logger.d.ts

@@ -0,0 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
+export declare const shouldUseNonOverlayingLogger: ({ logLevel, }: {
+    logLevel: LogLevel;
+}) => boolean;

package/dist/should-use-non-overlaying-logger.js

@@ -0,0 +1,12 @@
+"use strict";
+// Should not use a logger that uses ANSI Diffing if
+// - using verbose logging (intersection of Chrome + Remotion + compositor logs)
+// - using a non-interactive terminal such as CI
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldUseNonOverlayingLogger = void 0;
+const renderer_1 = require("@remotion/renderer");
+const shouldUseNonOverlayingLogger = ({ logLevel, }) => {
+    return (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose') ||
+        !process.stdout.isTTY);
+};
+exports.shouldUseNonOverlayingLogger = shouldUseNonOverlayingLogger;

package/dist/show-compositions-picker.d.ts

@@ -0,0 +1,8 @@
+import type { getCompositions } from '@remotion/renderer';
+declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
+export declare const showSingleCompositionsPicker: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<{
+    compositionId: string;
+    reason: string;
+}>;
+export declare const showMultiCompositionsPicker: (validCompositions: Await<ReturnType<typeof getCompositions>>) => Promise<string[]>;
+export {};