@remotion/cli 3.2.21 → 3.2.23-ensure-ffmpeg.123

package/dist/preview-server/start-server.d.ts

@@ -3,7 +3,7 @@ import type { LiveEventsServer } from './live-events';
 export declare const startServer: (entry: string, userDefinedComponent: string, options: {
     webpackOverride: WebpackOverrideFn;
     getCurrentInputProps: () => object;
-    envVariables?: Record<string, string>;
+    getEnvVariables: () => Record<string, string>;
     port: number | null;
     maxTimelineTracks?: number;
     remotionRoot: string;

package/dist/preview-server/start-server.js

@@ -12,6 +12,7 @@ const http_1 = __importDefault(require("http"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const config_1 = require("../config");
+const log_1 = require("../log");
 const dev_middleware_1 = require("./dev-middleware");
 const hot_middleware_1 = require("./hot-middleware");
 const live_events_1 = require("./live-events");
@@ -25,7 +26,7 @@ const startServer = async (entry, userDefinedComponent, options) => {
         outDir: tmpDir,
         environment: 'development',
         webpackOverride: (_a = options === null || options === void 0 ? void 0 : options.webpackOverride) !== null && _a !== void 0 ? _a : config_1.ConfigInternals.getWebpackOverrideFn(),
-        envVariables: (_b = options === null || options === void 0 ? void 0 : options.envVariables) !== null && _b !== void 0 ? _b : {},
+        envVariables: (_b = options === null || options === void 0 ? void 0 : options.getEnvVariables()) !== null && _b !== void 0 ? _b : {},
         maxTimelineTracks: (_c = options === null || options === void 0 ? void 0 : options.maxTimelineTracks) !== null && _c !== void 0 ? _c : 15,
         entryPoints: [
             require.resolve('./hot-middleware/client'),
@@ -61,16 +62,22 @@ const startServer = async (entry, userDefinedComponent, options) => {
                 response,
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,
+                getEnvVariables: options.getEnvVariables,
                 remotionRoot: options.remotionRoot,
                 userPassedPublicDir: options.userPassedPublicDir,
             });
         })
             .catch((err) => {
-            response.setHeader('content-type', 'application/json');
-            response.writeHead(500);
-            response.end(JSON.stringify({
-                err: err.message,
-            }));
+            log_1.Log.error(`Error while calling ${request.url}`, err);
+            if (!response.headersSent) {
+                response.setHeader('content-type', 'application/json');
+                response.writeHead(500);
+            }
+            if (!response.writableEnded) {
+                response.end(JSON.stringify({
+                    err: err.message,
+                }));
+            }
         });
     });
     const desiredPort = (_d = options === null || options === void 0 ? void 0 : options.port) !== null && _d !== void 0 ? _d : undefined;

package/dist/preview-server/update-available.js

@@ -9,7 +9,7 @@ const get_latest_remotion_version_1 = require("../get-latest-remotion-version");
 const get_package_manager_1 = require("./get-package-manager");
 const isUpdateAvailable = async ({ remotionRoot, currentVersion, }) => {
     const latest = await (0, get_latest_remotion_version_1.getLatestRemotionVersion)();
-    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+    const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
     return {
         updateAvailable: semver_1.default.lt(currentVersion, latest),
         currentVersion,
@@ -28,7 +28,7 @@ exports.getRemotionVersion = getRemotionVersion;
 const isUpdateAvailableWithTimeout = (remotionRoot) => {
     const version = (0, exports.getRemotionVersion)();
     const threeSecTimeout = new Promise((resolve) => {
-        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot);
+        const pkgManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
         setTimeout(() => {
             resolve({
                 currentVersion: version,

package/dist/preview.d.ts

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

package/dist/preview.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
 const better_opn_1 = __importDefault(require("better-opn"));
 const path_1 = __importDefault(require("path"));
+const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const entry_point_1 = require("./entry-point");
 const get_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
-const initialize_render_cli_1 = require("./initialize-render-cli");
+const get_network_address_1 = require("./get-network-address");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const start_server_1 = require("./preview-server/start-server");
@@ -30,17 +32,17 @@ const waitForLiveEventsListener = () => {
         });
     });
 };
-const previewCommand = async (remotionRoot) => {
-    const file = parse_command_line_1.parsedCli._[1];
+const previewCommand = async (remotionRoot, args) => {
+    const { file, reason } = (0, entry_point_1.findEntryPoint)(args, remotionRoot);
+    log_1.Log.verbose('Entry point:', file, 'reason:', reason);
     if (!file) {
         log_1.Log.error('The preview command requires you to specify a root file. For example');
-        log_1.Log.error('  npx remotion preview src/index.tsx');
+        log_1.Log.error('  npx remotion preview src/index.ts');
         log_1.Log.error('See https://www.remotion.dev/docs/register-root for more information.');
         process.exit(1);
     }
     const { port: desiredPort } = parse_command_line_1.parsedCli;
     const fullPath = path_1.default.join(process.cwd(), file);
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'preview');
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
         waitForLiveEventsListener().then((listener) => {
             inputProps = newProps;
@@ -50,10 +52,18 @@ const previewCommand = async (remotionRoot) => {
             });
         });
     });
-    const envVariables = await (0, get_env_1.getEnvironmentVariables)();
+    let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
+        waitForLiveEventsListener().then((listener) => {
+            envVariables = newEnvVariables;
+            listener.sendEventToClient({
+                type: 'new-env-variables',
+                newEnvVariables,
+            });
+        });
+    });
     const { port, liveEventsServer } = await (0, start_server_1.startServer)(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
         getCurrentInputProps: () => inputProps,
-        envVariables,
+        getEnvVariables: () => envVariables,
         port: desiredPort,
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,
@@ -62,7 +72,13 @@ const previewCommand = async (remotionRoot) => {
         webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
     });
     setLiveEventsListener(liveEventsServer);
-    log_1.Log.info(`Server running on http://localhost:${port}`);
+    const networkAddress = (0, get_network_address_1.getNetworkAddress)();
+    if (networkAddress) {
+        log_1.Log.info(`Server ready - Local: ${chalk_1.chalk.underline(`http://localhost:${port}`)}, Network: ${chalk_1.chalk.underline(`http://${networkAddress}:${port}`)}`);
+    }
+    else {
+        log_1.Log.info(`Running on http://localhost:${port}`);
+    }
     (0, better_opn_1.default)(`http://localhost:${port}`);
     await new Promise(noop);
 };

package/dist/print-help.js

@@ -11,7 +11,7 @@ const printFlags = (flags) => {
     });
 };
 const printHelp = () => {
-    log_1.Log.info(`@remotion/cli ${packagejson.version} © ${new Date().getFullYear()} Jonny Burger`);
+    log_1.Log.info(`@remotion/cli ${packagejson.version} © ${new Date().getFullYear()} The Remotion developers`);
     log_1.Log.info();
     log_1.Log.info('Available commands:');
     log_1.Log.info('');
@@ -19,7 +19,7 @@ const printHelp = () => {
     log_1.Log.info(chalk_1.chalk.gray('Start the preview server.'));
     printFlags([['--props', 'Pass input props as filename or as JSON']]);
     log_1.Log.info();
-    log_1.Log.info('remotion render <entry-point.ts> <comp-name> <output-file.mp4>');
+    log_1.Log.info('remotion render <entry-point.ts> <comp-id> <output-file.mp4>');
     log_1.Log.info(chalk_1.chalk.gray('Render video, audio or an image sequence.'));
     printFlags([
         ['--props', 'Pass input props as filename or as JSON'],
@@ -31,6 +31,8 @@ const printHelp = () => {
         ['--overwrite', 'Overwrite if file exists, default true'],
         ['--sequence', 'Output as an image sequence'],
         ['--codec', 'Video of audio codec'],
+        ['--audio-bitrate', 'Customize the output audio bitrate'],
+        ['--video-bitrate', 'Customize the output video bitrate'],
         ['--crf', 'FFMPEG CRF value, controls quality, see docs for info'],
         ['--browser-executable', 'Custom path for browser executable'],
         ['--frames', 'Render a portion or a still of a video'],
@@ -40,7 +42,7 @@ const printHelp = () => {
         ['--env-file', 'Specify a location for a dotenv file'],
     ]);
     log_1.Log.info();
-    log_1.Log.info('remotion still <entry-point.ts> <comp-name> <still.png>');
+    log_1.Log.info('remotion still <entry-point.ts> <comp-id> <still.png>');
     log_1.Log.info(chalk_1.chalk.gray('Render a still frame and save it as an image.'));
     printFlags([
         ['--frame', 'Which frame to render (default 0)'],
@@ -59,11 +61,20 @@ const printHelp = () => {
     log_1.Log.info('remotion compositions <index-file.ts>');
     log_1.Log.info(chalk_1.chalk.gray('Prints the available compositions.'));
     log_1.Log.info();
+    log_1.Log.info('remotion benchmark <index-file.ts> <list-of-compositions>');
+    log_1.Log.info(chalk_1.chalk.gray('Benchmarks rendering a composition. Same options as for render.'));
+    log_1.Log.info();
     log_1.Log.info('remotion ' + versions_1.VERSIONS_COMMAND);
     log_1.Log.info(chalk_1.chalk.gray('Prints and validates versions of all Remotion packages.'));
     log_1.Log.info();
     log_1.Log.info('remotion upgrade');
     log_1.Log.info(chalk_1.chalk.gray('Ensure Remotion is on the newest version.'));
+    printFlags([
+        [
+            '--package-manager',
+            'Force a specific package manager, defaults to use from lockfile',
+        ],
+    ]);
     log_1.Log.info();
     log_1.Log.info('Visit https://www.remotion.dev/docs/cli for browsable CLI documentation.');
 };

package/dist/progress-bar.js

@@ -34,7 +34,9 @@ const makeBundlingProgress = ({ progress, steps, doneIn, }) => [
     doneIn === null
         ? (progress * 100).toFixed(0) + '%'
         : chalk_1.chalk.gray(`${doneIn}ms`),
-].join(' ');
+]
+    .filter(truthy_1.truthy)
+    .join(' ');
 exports.makeBundlingProgress = makeBundlingProgress;
 const makeRenderingProgress = ({ frames, totalFrames, steps, concurrency, doneIn, }) => {
     const progress = frames / totalFrames;

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>;

package/dist/render.js

@@ -12,18 +12,20 @@ const path_1 = __importDefault(require("path"));
 const remotion_1 = require("remotion");
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
-const get_composition_id_1 = require("./get-composition-id");
+const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_filename_1 = require("./get-filename");
-const initialize_render_cli_1 = require("./initialize-render-cli");
+const get_render_media_options_1 = require("./get-render-media-options");
+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 validate_ffmpeg_version_1 = require("./validate-ffmpeg-version");
-const render = async (remotionRoot) => {
+const user_passed_output_location_1 = require("./user-passed-output-location");
+const render = async (remotionRoot, args) => {
     const startTime = Date.now();
-    const file = parse_command_line_1.parsedCli._[1];
+    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]');
@@ -34,25 +36,22 @@ const render = async (remotionRoot) => {
         ? file
         : path_1.default.join(process.cwd(), file);
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'sequence');
+    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);
+    }
     log_1.Log.verbose('Asset dirs', downloadMap.assetDir);
-    const { codec, proResProfile, concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, crf, pixelFormat, imageFormat, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, puppeteerTimeout, muted, enforceAudioTrack, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { concurrency, frameRange, shouldOutputImageSequence, overwrite, inputProps, envVariables, quality, browser, browserExecutable, ffmpegExecutable, ffprobeExecutable, scale, chromiumOptions, port, everyNthFrame, puppeteerTimeout, publicDir, height, width, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'series',
+        remotionRoot,
     });
-    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)({
+    const ffmpegVersion = await renderer_1.RenderInternals.getFfmpegVersion({
         ffmpegExecutable,
+        remotionRoot,
     });
+    log_1.Log.verbose('FFMPEG Version:', ffmpegVersion ? ffmpegVersion.join('.') : 'Built from source');
+    log_1.Log.verbose('Browser executable: ', browserExecutable);
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
@@ -93,21 +92,38 @@ const render = async (remotionRoot) => {
         inputProps,
         puppeteerInstance,
         envVariables,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        timeoutInMilliseconds: puppeteerTimeout,
         chromiumOptions,
         browserExecutable,
         downloadMap,
+        port,
     });
-    const config = comps.find((c) => c.id === compositionId);
-    if (!config) {
-        throw new Error(`Cannot find composition with ID ${compositionId}`);
-    }
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        validCompositions: comps,
+        height,
+        width,
+        args: remainingArgs,
+    });
+    const { codec, reason: codecReason } = (0, get_cli_options_1.getFinalCodec)({
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
+    });
+    (0, get_cli_options_1.validateFfmepgCanUseCodec)(codec, remotionRoot);
     renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
         width: config.width,
         height: config.height,
         codec,
         scale,
     });
+    const relativeOutputLocation = (0, get_filename_1.getOutputFilename)({
+        codec,
+        imageSequence: shouldOutputImageSequence,
+        compositionName: compositionId,
+        defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, 'final'),
+        args: argsAfterComposition,
+    });
+    log_1.Log.info(chalk_1.chalk.gray(`Entry point = ${file} (${entryPointReason}), Composition = ${compositionId} (${reason}), Codec = ${codec} (${codecReason}), Output = ${relativeOutputLocation}`));
+    const absoluteOutputFile = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
     const outputDir = shouldOutputImageSequence
         ? absoluteOutputFile
         : await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-render'));
@@ -146,6 +162,7 @@ const render = async (remotionRoot) => {
             downloads,
         }));
     };
+    const imageFormat = (0, image_formats_1.getImageFormat)(shouldOutputImageSequence ? undefined : codec);
     if (shouldOutputImageSequence) {
         fs_1.default.mkdirSync(absoluteOutputFile, {
             recursive: true,
@@ -195,19 +212,18 @@ const render = async (remotionRoot) => {
         log_1.Log.info();
         log_1.Log.info();
         log_1.Log.info(chalk_1.chalk.green('\nYour image sequence is ready!'));
+        log_1.Log.info(chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
         return;
     }
-    await (0, renderer_1.renderMedia)({
+    const options = await (0, get_render_media_options_1.getRenderMediaOptions)({
+        config,
         outputLocation: absoluteOutputFile,
+        serveUrl: urlOrBundle,
         codec,
-        composition: config,
-        crf,
-        envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        imageFormat,
-        inputProps,
+        remotionRoot,
+    });
+    await (0, renderer_1.renderMedia)({
+        ...options,
         onProgress: (update) => {
             encodedDoneIn = update.encodedDoneIn;
             encodedFrames = update.encodedFrames;
@@ -217,24 +233,15 @@ const render = async (remotionRoot) => {
             updateRenderProgress();
         },
         puppeteerInstance,
-        overwrite,
-        concurrency,
-        pixelFormat,
-        proResProfile,
-        quality,
-        serveUrl: urlOrBundle,
         onDownload,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
-        chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        scale,
-        port,
-        numberOfGifLoops,
-        everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         downloadMap,
-        muted,
-        enforceAudioTrack,
+        onSlowestFrames: (slowestFrames) => {
+            log_1.Log.verbose();
+            log_1.Log.verbose(`Slowest frames:`);
+            slowestFrames.forEach(({ frame, time }) => {
+                log_1.Log.verbose(`Frame ${frame} (${time.toFixed(3)}ms)`);
+            });
+        },
     });
     log_1.Log.info();
     log_1.Log.info();

package/dist/select-composition.d.ts

@@ -0,0 +1,7 @@
+import type { getCompositions } from '@remotion/renderer';
+export 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[]>;

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/still.d.ts

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

package/dist/still.js

@@ -9,65 +9,45 @@ const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("./chalk");
 const config_1 = require("./config");
+const determine_image_format_1 = require("./determine-image-format");
+const entry_point_1 = require("./entry-point");
 const get_cli_options_1 = require("./get-cli-options");
-const get_composition_id_1 = require("./get-composition-id");
-const initialize_render_cli_1 = require("./initialize-render-cli");
+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 setup_cache_1 = require("./setup-cache");
 const truthy_1 = require("./truthy");
 const user_passed_output_location_1 = require("./user-passed-output-location");
-const still = async (remotionRoot) => {
+const still = async (remotionRoot, args) => {
+    var _a, _b;
     const startTime = Date.now();
-    const file = parse_command_line_1.parsedCli._[1];
+    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);
-    await (0, initialize_render_cli_1.initializeRenderCli)(remotionRoot, 'still');
-    const userPassedOutput = (0, user_passed_output_location_1.getUserPassedOutputLocation)();
-    if ((userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpeg')) ||
-        (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.jpg'))) {
-        log_1.Log.verbose('Output file has a JPEG extension, setting the image format to JPEG.');
-        config_1.Config.Rendering.setImageFormat('jpeg');
-    }
-    if (userPassedOutput === null || userPassedOutput === void 0 ? void 0 : userPassedOutput.endsWith('.png')) {
-        log_1.Log.verbose('Output file has a PNG extension, setting the image format to PNG.');
-        config_1.Config.Rendering.setImageFormat('png');
+    if (parse_command_line_1.parsedCli.frames) {
+        log_1.Log.error('--frames flag was passed to the `still` command. This flag only works with the `render` command. Did you mean `--frame`? See reference: https://www.remotion.dev/docs/cli/');
+        process.exit(1);
     }
-    const { inputProps, envVariables, quality, browser, imageFormat, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, } = await (0, get_cli_options_1.getCliOptions)({
+    const { inputProps, envVariables, quality, browser, stillFrame, browserExecutable, chromiumOptions, scale, ffmpegExecutable, ffprobeExecutable, overwrite, puppeteerTimeout, port, publicDir, height, width, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
+        remotionRoot,
     });
     log_1.Log.verbose('Browser executable: ', browserExecutable);
-    const compositionId = (0, get_composition_id_1.getCompositionId)();
-    const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
-        compositionId,
-        defaultExtension: imageFormat,
-    });
-    const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
-    log_1.Log.info(chalk_1.chalk.gray(`Output = ${relativeOutputLocation}, Format = ${imageFormat}, Composition = ${compositionId}`));
-    if (imageFormat === 'none') {
-        log_1.Log.error('No image format was selected - this is probably an error in Remotion - please post your command on Github Issues for help.');
-        process.exit(1);
-    }
-    if (imageFormat === 'png' && !absoluteOutputLocation.endsWith('.png')) {
-        log_1.Log.warn(`Rendering a PNG, expected a .png extension but got ${absoluteOutputLocation}`);
-    }
-    if (imageFormat === 'jpeg' &&
-        !absoluteOutputLocation.endsWith('.jpg') &&
-        !absoluteOutputLocation.endsWith('.jpeg')) {
-        log_1.Log.warn(`Rendering a JPEG, expected a .jpg or .jpeg extension but got ${absoluteOutputLocation}`);
-    }
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
         browserExecutable,
         chromiumOptions,
         shouldDumpIo: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
         forceDeviceScaleFactor: scale,
     });
-    (0, fs_1.mkdirSync)(path_1.default.join(absoluteOutputLocation, '..'), {
-        recursive: true,
-    });
     const steps = [
         renderer_1.RenderInternals.isServeUrl(fullPath) ? null : 'bundling',
         'rendering',
@@ -87,10 +67,29 @@ const still = async (remotionRoot) => {
         ffprobeExecutable,
         downloadMap,
     });
-    const composition = comps.find((c) => c.id === compositionId);
-    if (!composition) {
-        throw new Error(`Cannot find composition with ID ${compositionId}`);
-    }
+    const { compositionId, config, reason, argsAfterComposition } = await (0, get_composition_with_dimension_override_1.getCompositionWithDimensionOverride)({
+        validCompositions: comps,
+        height,
+        width,
+        args: remainingArgs,
+    });
+    const { format: imageFormat, source } = (0, determine_image_format_1.determineFinalImageFormat)({
+        cliFlag: (_a = parse_command_line_1.parsedCli['image-format']) !== null && _a !== void 0 ? _a : null,
+        configImageFormat: (_b = config_1.ConfigInternals.getUserPreferredImageFormat()) !== null && _b !== void 0 ? _b : null,
+        downloadName: null,
+        outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
+        isLambda: false,
+    });
+    const relativeOutputLocation = (0, user_passed_output_location_1.getOutputLocation)({
+        compositionId,
+        defaultExtension: imageFormat,
+        args: argsAfterComposition,
+    });
+    const absoluteOutputLocation = (0, get_cli_options_1.getAndValidateAbsoluteOutputFile)(relativeOutputLocation, overwrite);
+    (0, fs_1.mkdirSync)(path_1.default.join(absoluteOutputLocation, '..'), {
+        recursive: true,
+    });
+    log_1.Log.info(chalk_1.chalk.gray(`Entry point = ${file} (${entryPointReason}), Output = ${relativeOutputLocation}, Format = ${imageFormat} (${source}), Composition = ${compositionId} (${reason})`));
     const renderProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
     const renderStart = Date.now();
     const downloads = [];
@@ -127,7 +126,7 @@ const still = async (remotionRoot) => {
         };
     };
     await (0, renderer_1.renderStill)({
-        composition,
+        composition: config,
         frame: stillFrame,
         output: absoluteOutputLocation,
         serveUrl: urlOrBundle,

package/dist/upgrade.d.ts

@@ -1 +1 @@
-export declare const upgrade: (remotionRoot: string) => Promise<void>;
+export declare const upgrade: (remotionRoot: string, packageManager: string | undefined) => Promise<void>;