@remotion/cli 4.0.0-webhook.27 → 4.1.0-alpha1

package/dist/progress-types.d.ts

@@ -0,0 +1,32 @@
+import type { Codec, StitchingState } from '@remotion/renderer';
+import type { BundlingState, CopyingState } from './progress-bar';
+import type { RenderStep } from './step';
+export type DownloadProgress = {
+    name: string;
+    id: number;
+    progress: number | null;
+    totalBytes: number | null;
+    downloaded: number;
+};
+export type RenderingProgressInput = {
+    frames: number;
+    totalFrames: number;
+    steps: RenderStep[];
+    concurrency: number;
+    doneIn: number | null;
+};
+export type StitchingProgressInput = {
+    frames: number;
+    totalFrames: number;
+    doneIn: number | null;
+    stage: StitchingState;
+    codec: Codec;
+};
+export type AggregateRenderProgress = {
+    rendering: RenderingProgressInput | null;
+    stitching: StitchingProgressInput | null;
+    downloads: DownloadProgress[];
+    bundling: BundlingState;
+    copyingState: CopyingState;
+};
+export declare const initialAggregateRenderProgress: () => AggregateRenderProgress;

package/dist/progress-types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialAggregateRenderProgress = void 0;
+const initialAggregateRenderProgress = () => ({
+    rendering: null,
+    downloads: [],
+    stitching: null,
+    bundling: {
+        progress: 0,
+        doneIn: null,
+    },
+    copyingState: {
+        bytes: 0,
+        doneIn: null,
+    },
+});
+exports.initialAggregateRenderProgress = initialAggregateRenderProgress;

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

@@ -0,0 +1,47 @@
+import type { AudioCodec, Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, Crf, FfmpegOverrideFn, FrameRange, LogLevel, PixelFormat, ProResProfile, VideoImageFormat } from '@remotion/renderer';
+import type { Loop } from '../config/number-of-gif-loops';
+import type { JobProgressCallback } from '../preview-server/render-queue/job';
+export declare const renderVideoFlow: ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, 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, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }: {
+    remotionRoot: string;
+    fullEntryPoint: string;
+    entryPointReason: string;
+    browserExecutable: BrowserExecutable;
+    chromiumOptions: ChromiumOptions;
+    logLevel: LogLevel;
+    browser: Browser;
+    scale: number;
+    indent: boolean;
+    shouldOutputImageSequence: boolean;
+    publicDir: string | null;
+    inputProps: Record<string, unknown>;
+    envVariables: Record<string, string>;
+    puppeteerTimeout: number;
+    port: number | null;
+    height: number | null;
+    width: number | null;
+    remainingArgs: string[];
+    compositionIdFromUi: string | null;
+    outputLocationFromUI: string | null;
+    overwrite: boolean;
+    quiet: boolean;
+    concurrency: number | string | null;
+    frameRange: FrameRange | null;
+    everyNthFrame: number;
+    jpegQuality: number | undefined;
+    onProgress: JobProgressCallback;
+    addCleanupCallback: (cb: () => void) => void;
+    crf: Crf | null;
+    cancelSignal: CancelSignal | null;
+    uiCodec: Codec | null;
+    uiImageFormat: VideoImageFormat | null;
+    ffmpegOverride: FfmpegOverrideFn;
+    audioBitrate: string | null;
+    videoBitrate: string | null;
+    muted: boolean;
+    enforceAudioTrack: boolean;
+    proResProfile: ProResProfile | undefined;
+    pixelFormat: PixelFormat;
+    numberOfGifLoops: Loop;
+    audioCodec: AudioCodec | null;
+    disallowParallelEncoding: boolean;
+}) => Promise<void>;

package/dist/render-flows/render.js

@@ -0,0 +1,327 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderVideoFlow = void 0;
+const renderer_1 = require("@remotion/renderer");
+const node_fs_1 = __importStar(require("node:fs"));
+const node_os_1 = __importDefault(require("node:os"));
+const node_path_1 = __importDefault(require("node:path"));
+const chalk_1 = require("../chalk");
+const config_1 = require("../config");
+const get_cli_options_1 = require("../get-cli-options");
+const get_composition_with_dimension_override_1 = require("../get-composition-with-dimension-override");
+const get_filename_1 = require("../get-filename");
+const get_final_output_codec_1 = require("../get-final-output-codec");
+const image_formats_1 = require("../image-formats");
+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 should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
+const truthy_1 = require("../truthy");
+const user_passed_output_location_1 = require("../user-passed-output-location");
+const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, 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, pixelFormat, videoBitrate, numberOfGifLoops, audioCodec, disallowParallelEncoding, }) => {
+    var _a;
+    const downloads = [];
+    log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
+    const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
+        browser,
+        browserExecutable,
+        shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        chromiumOptions,
+        forceDeviceScaleFactor: scale,
+        indent,
+        viewport: null,
+    });
+    const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
+    const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
+        quiet,
+        cancelSignal,
+        updatesDontOverwrite,
+        indent,
+    });
+    const steps = [
+        renderer_1.RenderInternals.isServeUrl(fullEntryPoint) ? null : 'bundling',
+        'rendering',
+        shouldOutputImageSequence ? null : 'stitching',
+    ].filter(truthy_1.truthy);
+    let bundlingProgress = {
+        doneIn: null,
+        progress: 0,
+    };
+    let renderingProgress = null;
+    let stitchingProgress = null;
+    let copyingState = {
+        bytes: 0,
+        doneIn: null,
+    };
+    const updateRenderProgress = (newline) => {
+        const aggregateRenderProgress = {
+            rendering: renderingProgress,
+            stitching: shouldOutputImageSequence ? null : stitchingProgress,
+            downloads,
+            bundling: bundlingProgress,
+            copyingState,
+        };
+        const { output, message, progress } = (0, progress_bar_1.makeRenderingAndStitchingProgress)({
+            prog: aggregateRenderProgress,
+            steps: steps.length,
+            stitchingStep: steps.indexOf('stitching'),
+        });
+        onProgress({ message, value: progress, ...aggregateRenderProgress });
+        return renderProgress.update(updatesDontOverwrite ? message : output, newline);
+    };
+    const { urlOrBundle, cleanup: cleanupBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
+        fullPath: fullEntryPoint,
+        remotionRoot,
+        publicDir,
+        onProgress: ({ bundling, copying }) => {
+            bundlingProgress = bundling;
+            copyingState = copying;
+            updateRenderProgress(false);
+        },
+        indentOutput: indent,
+        logLevel,
+        bundlingStep: steps.indexOf('bundling'),
+        steps: steps.length,
+        onDirectoryCreated: (dir) => {
+            addCleanupCallback(() => renderer_1.RenderInternals.deleteDirectory(dir));
+        },
+        quietProgress: updatesDontOverwrite,
+    });
+    addCleanupCallback(() => cleanupBundle());
+    const onDownload = (src) => {
+        const id = Math.random();
+        const download = {
+            id,
+            name: src,
+            progress: 0,
+            downloaded: 0,
+            totalBytes: null,
+        };
+        downloads.push(download);
+        updateRenderProgress(false);
+        return ({ percent, downloaded, totalSize }) => {
+            download.progress = percent;
+            download.totalBytes = totalSize;
+            download.downloaded = downloaded;
+            updateRenderProgress(false);
+        };
+    };
+    const puppeteerInstance = await browserInstance;
+    addCleanupCallback(() => puppeteerInstance.close(false));
+    const actualConcurrency = renderer_1.RenderInternals.getActualConcurrency(concurrency);
+    const server = renderer_1.RenderInternals.prepareServer({
+        concurrency: actualConcurrency,
+        indent,
+        port,
+        remotionRoot,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        webpackConfigOrServeUrl: urlOrBundle,
+    });
+    addCleanupCallback(() => server.then((s) => s.closeServer(false)));
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        height,
+        width,
+        args: remainingArgs,
+        compositionIdFromUi,
+        browserExecutable,
+        chromiumOptions,
+        envVariables,
+        indent,
+        inputProps,
+        port,
+        puppeteerInstance,
+        serveUrlOrWebpackUrl: urlOrBundle,
+        timeoutInMilliseconds: puppeteerTimeout,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        server: await server,
+    });
+    const { codec, reason: codecReason } = (0, get_final_output_codec_1.getFinalOutputCodec)({
+        cliFlag: parse_command_line_1.parsedCli.codec,
+        configFile: (_a = config_1.ConfigInternals.getOutputCodecOrUndefined()) !== null && _a !== void 0 ? _a : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition, outputLocationFromUI),
+        uiCodec,
+    });
+    renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
+        width: config.width,
+        height: config.height,
+        codec,
+        scale,
+    });
+    const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
+        imageSequence: shouldOutputImageSequence,
+        compositionName: compositionId,
+        defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, audioCodec),
+        args: argsAfterComposition,
+        indent,
+        fromUi: outputLocationFromUI,
+        logLevel,
+    });
+    log_1.Log.verboseAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
+    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
+    const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
+    const exists = (0, node_fs_1.existsSync)(absoluteOutputFile);
+    const realFrameRange = renderer_1.RenderInternals.getRealFrameRange(config.durationInFrames, frameRange);
+    const totalFrames = renderer_1.RenderInternals.getFramesToRender(realFrameRange, everyNthFrame);
+    renderingProgress = {
+        frames: 0,
+        totalFrames: totalFrames.length,
+        concurrency: actualConcurrency,
+        doneIn: null,
+        steps,
+    };
+    const imageFormat = (0, image_formats_1.getVideoImageFormat)({
+        codec: shouldOutputImageSequence ? undefined : codec,
+        uiImageFormat,
+    });
+    if (shouldOutputImageSequence) {
+        node_fs_1.default.mkdirSync(absoluteOutputFile, {
+            recursive: true,
+        });
+        if (imageFormat === 'none') {
+            throw new Error(`Cannot render an image sequence with a codec that renders no images. codec = ${codec}, imageFormat = ${imageFormat}`);
+        }
+        const outputDir = shouldOutputImageSequence
+            ? absoluteOutputFile
+            : await node_fs_1.default.promises.mkdtemp(node_path_1.default.join(node_os_1.default.tmpdir(), 'react-motion-render'));
+        log_1.Log.verboseAdvanced({ indent, logLevel }, 'Output dir', outputDir);
+        const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
+        await renderer_1.RenderInternals.internalRenderFrames({
+            imageFormat,
+            inputProps,
+            onFrameUpdate: (rendered) => {
+                renderingProgress.frames = rendered;
+                updateRenderProgress(false);
+            },
+            onStart: () => undefined,
+            onDownload,
+            cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : undefined,
+            outputDir,
+            webpackBundleOrServeUrl: urlOrBundle,
+            dumpBrowserLogs: verbose,
+            everyNthFrame,
+            envVariables,
+            frameRange,
+            concurrency: actualConcurrency,
+            puppeteerInstance,
+            jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,
+            timeoutInMilliseconds: puppeteerTimeout,
+            chromiumOptions,
+            scale,
+            browserExecutable,
+            port,
+            composition: config,
+            server: await server,
+            indent,
+            muted,
+            onBrowserLog: null,
+            onFrameBuffer: null,
+            verbose,
+        });
+        updateRenderProgress(true);
+        log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`▶ ${absoluteOutputFile}`));
+        return;
+    }
+    stitchingProgress = {
+        doneIn: null,
+        frames: 0,
+        stage: 'encoding',
+        totalFrames: totalFrames.length,
+        codec,
+    };
+    const { slowestFrames } = await renderer_1.RenderInternals.internalRenderMedia({
+        outputLocation: absoluteOutputFile,
+        composition: {
+            ...config,
+            width: width !== null && width !== void 0 ? width : config.width,
+            height: height !== null && height !== void 0 ? height : config.height,
+        },
+        crf: crf !== null && crf !== void 0 ? crf : null,
+        envVariables,
+        frameRange,
+        inputProps,
+        overwrite,
+        pixelFormat,
+        proResProfile,
+        jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : renderer_1.RenderInternals.DEFAULT_JPEG_QUALITY,
+        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        chromiumOptions,
+        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        scale,
+        port,
+        numberOfGifLoops,
+        everyNthFrame,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        muted,
+        enforceAudioTrack,
+        browserExecutable,
+        ffmpegOverride,
+        concurrency,
+        serveUrl: urlOrBundle,
+        codec,
+        audioBitrate,
+        videoBitrate,
+        onProgress: (update) => {
+            stitchingProgress.doneIn =
+                update.encodedDoneIn;
+            stitchingProgress.frames =
+                update.encodedFrames;
+            stitchingProgress.stage = update.stitchStage;
+            renderingProgress.doneIn =
+                update.renderedDoneIn;
+            renderingProgress.frames =
+                update.renderedFrames;
+            updateRenderProgress(false);
+        },
+        puppeteerInstance,
+        onDownload,
+        onCtrlCExit: addCleanupCallback,
+        indent,
+        server: await server,
+        cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : undefined,
+        audioCodec,
+        preferLossless: false,
+        imageFormat,
+        disallowParallelEncoding,
+        onBrowserLog: null,
+        onStart: () => undefined,
+    });
+    log_1.Log.verboseAdvanced({ indent, logLevel });
+    log_1.Log.verboseAdvanced({ indent, logLevel }, `Slowest frames:`);
+    slowestFrames.forEach(({ frame, time }) => {
+        log_1.Log.verboseAdvanced({ indent, logLevel }, `Frame ${frame} (${time.toFixed(3)}ms)`);
+    });
+    updateRenderProgress(true);
+    log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputFile}`));
+    for (const line of renderer_1.RenderInternals.perf.getPerf()) {
+        log_1.Log.verboseAdvanced({ indent, logLevel }, line);
+    }
+};
+exports.renderVideoFlow = renderVideoFlow;

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

@@ -0,0 +1,30 @@
+import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, LogLevel, StillImageFormat } from '@remotion/renderer';
+import type { JobProgressCallback } from '../preview-server/render-queue/job';
+export declare const renderStillFlow: ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }: {
+    remotionRoot: string;
+    fullEntryPoint: string;
+    entryPointReason: string;
+    remainingArgs: string[];
+    inputProps: Record<string, unknown>;
+    envVariables: Record<string, string>;
+    jpegQuality: number;
+    browser: Browser;
+    stillFrame: number;
+    browserExecutable: BrowserExecutable;
+    chromiumOptions: ChromiumOptions;
+    scale: number;
+    overwrite: boolean;
+    puppeteerTimeout: number;
+    port: number | null;
+    publicDir: string | null;
+    height: number | null;
+    width: number | null;
+    compositionIdFromUi: string | null;
+    imageFormatFromUi: StillImageFormat | null;
+    logLevel: LogLevel;
+    onProgress: JobProgressCallback;
+    indentOutput: boolean;
+    addCleanupCallback: (cb: () => void) => void;
+    cancelSignal: CancelSignal | null;
+    outputLocationFromUi: string | null;
+}) => Promise<void>;

package/dist/render-flows/still.js

@@ -0,0 +1,193 @@
+"use strict";
+// Prints to CLI and also reports back to browser
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderStillFlow = void 0;
+const renderer_1 = require("@remotion/renderer");
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const chalk_1 = require("../chalk");
+const cleanup_before_quit_1 = require("../cleanup-before-quit");
+const config_1 = require("../config");
+const determine_image_format_1 = require("../determine-image-format");
+const get_cli_options_1 = require("../get-cli-options");
+const get_composition_with_dimension_override_1 = require("../get-composition-with-dimension-override");
+const log_1 = require("../log");
+const parse_command_line_1 = require("../parse-command-line");
+const progress_bar_1 = require("../progress-bar");
+const progress_types_1 = require("../progress-types");
+const setup_cache_1 = require("../setup-cache");
+const should_use_non_overlaying_logger_1 = require("../should-use-non-overlaying-logger");
+const truthy_1 = require("../truthy");
+const user_passed_output_location_1 = require("../user-passed-output-location");
+const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason, remainingArgs, browser, browserExecutable, chromiumOptions, envVariables, height, inputProps, overwrite, port, publicDir, puppeteerTimeout, jpegQuality, scale, stillFrame, width, compositionIdFromUi, imageFormatFromUi, logLevel, onProgress, indentOutput, addCleanupCallback, cancelSignal, outputLocationFromUi, }) => {
+    var _a, _b;
+    const downloads = [];
+    const aggregate = (0, progress_types_1.initialAggregateRenderProgress)();
+    const updatesDontOverwrite = (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel });
+    let renderProgress = null;
+    const steps = [
+        renderer_1.RenderInternals.isServeUrl(fullEntryPoint) ? null : 'bundling',
+        'rendering',
+    ].filter(truthy_1.truthy);
+    const updateProgress = (newline) => {
+        const { output, progress, message } = (0, progress_bar_1.makeRenderingAndStitchingProgress)({
+            prog: aggregate,
+            steps: steps.length,
+            stitchingStep: steps.indexOf('stitching'),
+        });
+        if (renderProgress) {
+            renderProgress.update(updatesDontOverwrite ? message : output, newline);
+        }
+        onProgress({ message, value: progress, ...aggregate });
+    };
+    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, 'Browser executable: ', browserExecutable);
+    const verbose = renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose');
+    const browserInstance = renderer_1.RenderInternals.internalOpenBrowser({
+        browser,
+        browserExecutable,
+        chromiumOptions,
+        shouldDumpIo: verbose,
+        forceDeviceScaleFactor: scale,
+        indent: indentOutput,
+        viewport: null,
+    });
+    const { cleanup: cleanupBundle, urlOrBundle } = await (0, setup_cache_1.bundleOnCliOrTakeServeUrl)({
+        fullPath: fullEntryPoint,
+        remotionRoot,
+        steps: steps.length,
+        publicDir,
+        onProgress: ({ copying, bundling }) => {
+            aggregate.bundling = bundling;
+            aggregate.copyingState = copying;
+            updateProgress(false);
+        },
+        indentOutput,
+        logLevel,
+        bundlingStep: steps.indexOf('bundling'),
+        onDirectoryCreated: (dir) => {
+            (0, cleanup_before_quit_1.registerCleanupJob)(() => {
+                renderer_1.RenderInternals.deleteDirectory(dir);
+            });
+        },
+        quietProgress: updatesDontOverwrite,
+    });
+    const server = renderer_1.RenderInternals.prepareServer({
+        concurrency: 1,
+        indent: indentOutput,
+        port,
+        remotionRoot,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        webpackConfigOrServeUrl: urlOrBundle,
+    });
+    addCleanupCallback(() => server.then((s) => s.closeServer(false)));
+    addCleanupCallback(() => cleanupBundle());
+    const puppeteerInstance = await browserInstance;
+    addCleanupCallback(() => puppeteerInstance.close(false));
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        height,
+        width,
+        args: remainingArgs,
+        compositionIdFromUi,
+        browserExecutable,
+        chromiumOptions,
+        envVariables,
+        indent: indentOutput,
+        inputProps,
+        port,
+        puppeteerInstance,
+        serveUrlOrWebpackUrl: urlOrBundle,
+        timeoutInMilliseconds: puppeteerTimeout,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
+        server: await server,
+    });
+    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalStillImageFormat)({
+        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
+        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredStillImageFormat()) !== null && _b !== void 0 ? _b : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition, outputLocationFromUi),
+        isLambda: false,
+        fromUi: imageFormatFromUi,
+    });
+    const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
+        compositionId,
+        defaultExtension: imageFormat,
+        args: argsAfterComposition,
+        type: 'asset',
+        outputLocationFromUi,
+    });
+    const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
+    const exists = (0, node_fs_1.existsSync)(absoluteOutputLocation);
+    (0, node_fs_1.mkdirSync)(node_path_1.default.join(absoluteOutputLocation, '..'), {
+        recursive: true,
+    });
+    log_1.Log.verboseAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Entry point = ${fullEntryPoint} (${entryPointReason})`));
+    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.gray(`Composition = ${compositionId} (${reason}), Format = ${imageFormat} (${source}), Output = ${relativeOutputLocation}`));
+    renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)({
+        quiet: (0, parse_command_line_1.quietFlagProvided)(),
+        cancelSignal,
+        updatesDontOverwrite: (0, should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger)({ logLevel }),
+        indent: indentOutput,
+    });
+    const renderStart = Date.now();
+    aggregate.rendering = {
+        frames: 0,
+        concurrency: 1,
+        doneIn: null,
+        steps,
+        totalFrames: 1,
+    };
+    updateProgress(false);
+    const onDownload = (src) => {
+        const id = Math.random();
+        const download = {
+            id,
+            name: src,
+            progress: 0,
+            downloaded: 0,
+            totalBytes: null,
+        };
+        downloads.push(download);
+        updateProgress(false);
+        return ({ percent }) => {
+            download.progress = percent;
+            updateProgress(false);
+        };
+    };
+    await renderer_1.RenderInternals.internalRenderStill({
+        composition: config,
+        frame: stillFrame,
+        output: absoluteOutputLocation,
+        serveUrl: urlOrBundle,
+        jpegQuality,
+        dumpBrowserLogs: verbose,
+        envVariables,
+        imageFormat,
+        inputProps,
+        chromiumOptions,
+        timeoutInMilliseconds: puppeteerTimeout,
+        scale,
+        browserExecutable,
+        overwrite,
+        onDownload,
+        port,
+        puppeteerInstance,
+        server: await server,
+        cancelSignal,
+        indent: indentOutput,
+        onBrowserLog: null,
+        verbose,
+    });
+    aggregate.rendering = {
+        frames: 1,
+        concurrency: 1,
+        doneIn: Date.now() - renderStart,
+        steps,
+        totalFrames: 1,
+    };
+    updateProgress(true);
+    log_1.Log.infoAdvanced({ indent: indentOutput, logLevel }, chalk_1.chalk.blue(`${exists ? '○' : '+'} ${absoluteOutputLocation}`));
+};
+exports.renderStillFlow = renderStillFlow;

package/dist/render.d.ts

@@ -1 +1 @@
-export declare const render: (remotionRoot: string) => Promise<void>;
+export declare const render: (remotionRoot: string, args: string[]) => Promise<void>;