@remotion/cli 4.0.0-alpha.217 → 4.0.0-alpha10

package/dist/get-cli-options.d.ts

@@ -9,7 +9,7 @@ export declare const getCliOptions: (options: {
     concurrency: string | number | null;
     frameRange: FrameRange | null;
     shouldOutputImageSequence: boolean;
-    inputProps: object;
+    inputProps: Record<string, unknown>;
     envVariables: Record<string, string>;
     jpegQuality: number | undefined;
     browser: import("@remotion/renderer").Browser;
@@ -20,7 +20,7 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "verbose" | "info" | "warn" | "error";
+    logLevel: "error" | "verbose" | "info" | "warn";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;
@@ -33,5 +33,5 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
 }>;

package/dist/get-cli-options.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCliOptions = exports.getAndValidateAbsoluteOutputFile = void 0;
 const renderer_1 = require("@remotion/renderer");
-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 config_1 = require("./config");
 const get_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
@@ -22,8 +22,8 @@ const getAndValidateFrameRange = () => {
 };
 const getBrowser = () => { var _a; return (_a = config_1.ConfigInternals.getBrowser()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_BROWSER; };
 const getAndValidateAbsoluteOutputFile = (relativeOutputLocation, overwrite) => {
-    const absoluteOutputFile = path_1.default.resolve(process.cwd(), relativeOutputLocation);
-    if (fs_1.default.existsSync(absoluteOutputFile) && !overwrite) {
+    const absoluteOutputFile = node_path_1.default.resolve(process.cwd(), relativeOutputLocation);
+    if (node_fs_1.default.existsSync(absoluteOutputFile) && !overwrite) {
         log_1.Log.error(`File at ${absoluteOutputFile} already exists. Use --overwrite to overwrite.`);
         process.exit(1);
     }

package/dist/get-composition-id.d.ts

@@ -1,8 +1,20 @@
+import type { BrowserExecutable, BrowserLog, ChromiumOptions, DownloadMap, HeadlessBrowser } from '@remotion/renderer';
 import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionId: ({ validCompositions, args, compositionIdFromUi, }: {
-    validCompositions: AnyCompMetadata[];
+export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, downloadMap, serveUrlOrWebpackUrl, verbose, onBrowserLog, indent, }: {
     args: string[];
     compositionIdFromUi: string | null;
+    inputProps?: Record<string, unknown> | null | undefined;
+    puppeteerInstance?: HeadlessBrowser | undefined;
+    envVariables?: Record<string, string> | undefined;
+    timeoutInMilliseconds?: number | undefined;
+    chromiumOptions?: ChromiumOptions | undefined;
+    port?: number | null | undefined;
+    browserExecutable?: BrowserExecutable | undefined;
+    downloadMap?: DownloadMap | undefined;
+    serveUrlOrWebpackUrl: string;
+    verbose: boolean;
+    onBrowserLog?: ((log: BrowserLog) => void) | undefined;
+    indent: boolean;
 }) => Promise<{
     compositionId: string;
     reason: string;

package/dist/get-composition-id.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionId = void 0;
+const renderer_1 = require("@remotion/renderer");
 const log_1 = require("./log");
-const select_composition_1 = require("./select-composition");
+const show_compositions_picker_1 = require("./show-compositions-picker");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     if (compositionIdFromUi) {
         return {
@@ -14,17 +15,27 @@ const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     const [compName, ...remainingArgs] = cliArgs;
     return { compName, remainingArgs, reason: 'Passed as argument' };
 };
-const getCompositionId = async ({ validCompositions, args, compositionIdFromUi, }) => {
+const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, downloadMap, serveUrlOrWebpackUrl, verbose, onBrowserLog, indent, }) => {
     const { compName, remainingArgs, reason: compReason, } = getCompName({
         cliArgs: args,
         compositionIdFromUi,
     });
     if (compName) {
-        const config = validCompositions.find((c) => c.id === compName);
+        const config = await (0, renderer_1.selectComposition)({
+            id: compName,
+            inputProps,
+            puppeteerInstance,
+            envVariables,
+            timeoutInMilliseconds,
+            serveUrl: serveUrlOrWebpackUrl,
+            browserExecutable,
+            chromiumOptions,
+            onBrowserLog,
+            port,
+            verbose,
+        });
         if (!config) {
-            throw new Error(`Cannot find composition with ID "${compName}". Available composition: ${validCompositions
-                .map((c) => c.id)
-                .join(', ')}`);
+            throw new Error(`Cannot find composition with ID "${compName}"`);
         }
         return {
             compositionId: compName,
@@ -34,12 +45,25 @@ const getCompositionId = async ({ validCompositions, args, compositionIdFromUi,
         };
     }
     if (!process.env.CI) {
-        const { compositionId, reason } = await (0, select_composition_1.selectComposition)(validCompositions);
+        const comps = await (0, renderer_1.getCompositions)(serveUrlOrWebpackUrl, {
+            inputProps,
+            puppeteerInstance,
+            envVariables,
+            timeoutInMilliseconds,
+            chromiumOptions,
+            port,
+            browserExecutable,
+            downloadMap,
+            onBrowserLog,
+            verbose,
+            indent,
+        });
+        const { compositionId, reason } = await (0, show_compositions_picker_1.showSingleCompositionsPicker)(comps);
         if (compositionId && typeof compositionId === 'string') {
             return {
                 compositionId,
                 reason,
-                config: validCompositions.find((c) => c.id === compositionId),
+                config: comps.find((c) => c.id === compositionId),
                 argsAfterComposition: args,
             };
         }

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,10 +1,21 @@
+import type { BrowserExecutable, ChromiumOptions, DownloadMap, HeadlessBrowser } from '@remotion/renderer';
 import type { AnyCompMetadata } from 'remotion';
-export declare const getCompositionWithDimensionOverride: ({ validCompositions, height, width, args, compositionIdFromUi, }: {
-    validCompositions: AnyCompMetadata[];
+export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, downloadMap, serveUrlOrWebpackUrl, indent, inputProps, verbose, }: {
     height: number | null;
     width: number | null;
     args: string[];
     compositionIdFromUi: string | null;
+    timeoutInMilliseconds: number;
+    puppeteerInstance: HeadlessBrowser | undefined;
+    envVariables: Record<string, string>;
+    chromiumOptions: ChromiumOptions;
+    port: number | null;
+    browserExecutable: BrowserExecutable | null;
+    downloadMap: DownloadMap | undefined;
+    serveUrlOrWebpackUrl: string;
+    indent: boolean;
+    verbose: boolean;
+    inputProps: Record<string, unknown> | null;
 }) => Promise<{
     compositionId: string;
     reason: string;

package/dist/get-composition-with-dimension-override.js

@@ -2,11 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCompositionWithDimensionOverride = void 0;
 const get_composition_id_1 = require("./get-composition-id");
-const getCompositionWithDimensionOverride = async ({ validCompositions, height, width, args, compositionIdFromUi, }) => {
+const getCompositionWithDimensionOverride = async ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, downloadMap, serveUrlOrWebpackUrl, indent, inputProps, verbose, }) => {
     const returnValue = await (0, get_composition_id_1.getCompositionId)({
-        validCompositions,
         args,
         compositionIdFromUi,
+        indent,
+        serveUrlOrWebpackUrl,
+        verbose,
+        browserExecutable,
+        chromiumOptions,
+        downloadMap,
+        envVariables,
+        inputProps,
+        port,
+        puppeteerInstance,
+        timeoutInMilliseconds,
     });
     return {
         ...returnValue,

package/dist/get-config-file-name.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadConfig = void 0;
-const fs_1 = require("fs");
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
 const load_config_1 = require("./load-config");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
@@ -13,8 +13,8 @@ const defaultConfigFileJavascript = 'remotion.config.js';
 const defaultConfigFileTypescript = 'remotion.config.ts';
 const loadConfig = (remotionRoot) => {
     if (parse_command_line_1.parsedCli.config) {
-        const fullPath = path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli.config);
-        if (!(0, fs_1.existsSync)(fullPath)) {
+        const fullPath = node_path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli.config);
+        if (!(0, node_fs_1.existsSync)(fullPath)) {
             log_1.Log.error(`You specified a config file location of "${parse_command_line_1.parsedCli.config}" but no file under ${fullPath} was found.`);
             process.exit(1);
         }
@@ -23,10 +23,10 @@ const loadConfig = (remotionRoot) => {
     if (remotionRoot === null) {
         return Promise.resolve(null);
     }
-    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, defaultConfigFileTypescript))) {
+    if ((0, node_fs_1.existsSync)(node_path_1.default.resolve(remotionRoot, defaultConfigFileTypescript))) {
         return (0, load_config_1.loadConfigFile)(remotionRoot, defaultConfigFileTypescript, false);
     }
-    if ((0, fs_1.existsSync)(path_1.default.resolve(remotionRoot, defaultConfigFileJavascript))) {
+    if ((0, node_fs_1.existsSync)(node_path_1.default.resolve(remotionRoot, defaultConfigFileJavascript))) {
         return (0, load_config_1.loadConfigFile)(remotionRoot, defaultConfigFileJavascript, true);
     }
     return Promise.resolve(null);

package/dist/get-env.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEnvironmentVariables = void 0;
 const renderer_1 = require("@remotion/renderer");
 const dotenv_1 = __importDefault(require("dotenv"));
-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 chalk_1 = require("./chalk");
 const config_1 = require("./config");
 const file_watcher_1 = require("./file-watcher");
@@ -23,7 +23,7 @@ function getProcessEnv() {
 }
 const watchEnvFile = ({ processEnv, envFile, onUpdate, }) => {
     const updateFile = async () => {
-        const file = await fs_1.default.promises.readFile(envFile, 'utf-8');
+        const file = await node_fs_1.default.promises.readFile(envFile, 'utf-8');
         onUpdate({
             ...processEnv,
             ...dotenv_1.default.parse(file),
@@ -54,7 +54,7 @@ const watchEnvFile = ({ processEnv, envFile, onUpdate, }) => {
 };
 const getEnvForEnvFile = async (processEnv, envFile, onUpdate) => {
     try {
-        const envFileData = await fs_1.default.promises.readFile(envFile);
+        const envFileData = await node_fs_1.default.promises.readFile(envFile);
         if (onUpdate) {
             watchEnvFile({ processEnv, envFile, onUpdate });
         }
@@ -72,8 +72,8 @@ const getEnvForEnvFile = async (processEnv, envFile, onUpdate) => {
 const getEnvironmentVariables = (onUpdate) => {
     const processEnv = getProcessEnv();
     if (parse_command_line_1.parsedCli['env-file']) {
-        const envFile = path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli['env-file']);
-        if (!fs_1.default.existsSync(envFile)) {
+        const envFile = node_path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli['env-file']);
+        if (!node_fs_1.default.existsSync(envFile)) {
             log_1.Log.error('You passed a --env-file but it could not be found.');
             log_1.Log.error('We looked for the file at:', envFile);
             log_1.Log.error('Check that your path is correct and try again.');
@@ -84,8 +84,8 @@ const getEnvironmentVariables = (onUpdate) => {
     const remotionRoot = renderer_1.RenderInternals.findRemotionRoot();
     const configFileSetting = config_1.ConfigInternals.getDotEnvLocation();
     if (configFileSetting) {
-        const envFile = path_1.default.resolve(remotionRoot, configFileSetting);
-        if (!fs_1.default.existsSync(envFile)) {
+        const envFile = node_path_1.default.resolve(remotionRoot, configFileSetting);
+        if (!node_fs_1.default.existsSync(envFile)) {
             log_1.Log.error('You specified a custom .env file using `Config.setDotEnvLocation()` in the config file but it could not be found');
             log_1.Log.error('We looked for the file at:', envFile);
             log_1.Log.error('Check that your path is correct and try again.');
@@ -93,8 +93,8 @@ const getEnvironmentVariables = (onUpdate) => {
         }
         return getEnvForEnvFile(processEnv, envFile, onUpdate);
     }
-    const defaultEnvFile = path_1.default.resolve(remotionRoot, '.env');
-    if (!fs_1.default.existsSync(defaultEnvFile)) {
+    const defaultEnvFile = node_path_1.default.resolve(remotionRoot, '.env');
+    if (!node_fs_1.default.existsSync(defaultEnvFile)) {
         if (onUpdate) {
             watchEnvFile({
                 processEnv,

package/dist/get-filename.js

@@ -13,6 +13,7 @@ const getOutputFilename = ({ imageSequence, compositionName, defaultExtension, a
         defaultExtension,
         args,
         type: imageSequence ? 'sequence' : 'asset',
+        outputLocationFromUi: null,
     });
     const extension = renderer_1.RenderInternals.getExtensionOfFilename(filename);
     if (imageSequence) {

package/dist/get-input-props.d.ts

@@ -1 +1 @@
-export declare const getInputProps: (onUpdate: ((newProps: object) => void) | null) => object;
+export declare const getInputProps: (onUpdate: ((newProps: Record<string, unknown>) => void) | null) => Record<string, unknown>;

package/dist/get-input-props.js

@@ -4,23 +4,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputProps = void 0;
-const fs_1 = __importDefault(require("fs"));
-const os_1 = __importDefault(require("os"));
-const path_1 = __importDefault(require("path"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_os_1 = __importDefault(require("node:os"));
+const node_path_1 = __importDefault(require("node:path"));
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const getInputProps = (onUpdate) => {
     if (!parse_command_line_1.parsedCli.props) {
         return {};
     }
-    const jsonFile = path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli.props);
+    const jsonFile = node_path_1.default.resolve(process.cwd(), parse_command_line_1.parsedCli.props);
     try {
-        if (fs_1.default.existsSync(jsonFile)) {
-            const rawJsonData = fs_1.default.readFileSync(jsonFile, 'utf-8');
+        if (node_fs_1.default.existsSync(jsonFile)) {
+            const rawJsonData = node_fs_1.default.readFileSync(jsonFile, 'utf-8');
             if (onUpdate) {
-                fs_1.default.watchFile(jsonFile, { interval: 100 }, () => {
+                node_fs_1.default.watchFile(jsonFile, { interval: 100 }, () => {
                     try {
-                        onUpdate(JSON.parse(fs_1.default.readFileSync(jsonFile, 'utf-8')));
+                        onUpdate(JSON.parse(node_fs_1.default.readFileSync(jsonFile, 'utf-8')));
                         log_1.Log.info(`Updated input props from ${jsonFile}.`);
                     }
                     catch (err) {
@@ -36,7 +36,7 @@ const getInputProps = (onUpdate) => {
         log_1.Log.error('You passed --props but it was neither valid JSON nor a file path to a valid JSON file.');
         log_1.Log.info('Got the following value:', parse_command_line_1.parsedCli.props);
         log_1.Log.error('Check that your input is parseable using `JSON.parse` and try again.');
-        if (os_1.default.platform() === 'win32') {
+        if (node_os_1.default.platform() === 'win32') {
             log_1.Log.warn('Note: Windows handles escaping of quotes very weirdly in the command line.');
             log_1.Log.warn('This might have led to you having this problem.');
             log_1.Log.warn('Consider using the alternative API for --props which is to pass');

package/dist/get-network-address.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNetworkAddress = void 0;
-const os_1 = require("os");
+const node_os_1 = require("node:os");
 const getNetworkAddress = () => {
-    for (const interfaceDetails of Object.values((0, os_1.networkInterfaces)())) {
+    for (const interfaceDetails of Object.values((0, node_os_1.networkInterfaces)())) {
         if (!interfaceDetails)
             continue;
         for (const details of interfaceDetails) {

package/dist/handle-common-errors.d.ts

@@ -1 +1,2 @@
-export declare const handleCommonError: (err: Error) => Promise<void>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const handleCommonError: (err: Error, logLevel: LogLevel) => Promise<void>;

package/dist/handle-common-errors.js

@@ -5,9 +5,9 @@ const chalk_1 = require("./chalk");
 const log_1 = require("./log");
 const print_error_1 = require("./print-error");
 const truthy_1 = require("./truthy");
-const handleCommonError = async (err) => {
+const handleCommonError = async (err, logLevel) => {
     var _a;
-    await (0, print_error_1.printError)(err);
+    await (0, print_error_1.printError)(err, logLevel);
     if (err.message.includes('Could not play video with')) {
         log_1.Log.info();
         log_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');

package/dist/index.d.ts

@@ -5,6 +5,8 @@ export declare const CliInternals: {
     createOverwriteableCliOutput: (options: {
         quiet: boolean;
         cancelSignal: import("@remotion/renderer").CancelSignal | null;
+        updatesDontOverwrite: boolean;
+        indent: boolean;
     }) => import("./progress-bar").OverwriteableCliOutput;
     chalk: {
         enabled: boolean;
@@ -31,7 +33,6 @@ export declare const CliInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
-        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -40,7 +41,6 @@ export declare const CliInternals: {
         bgYellow: (str: string) => string;
         bgBlue: (str: string) => string;
         bgMagenta: (str: string) => string;
-        bgCyan: (str: string) => string;
         bgWhite: (str: string) => string;
         blackBright: (str: string) => string;
         redBright: (str: string) => string;
@@ -48,7 +48,6 @@ export declare const CliInternals: {
         yellowBright: (str: string) => string;
         blueBright: (str: string) => string;
         magentaBright: (str: string) => string;
-        cyanBright: (str: string) => string;
         whiteBright: (str: string) => string;
         bgBlackBright: (str: string) => string;
         bgRedBright: (str: string) => string;
@@ -56,7 +55,6 @@ export declare const CliInternals: {
         bgYellowBright: (str: string) => string;
         bgBlueBright: (str: string) => string;
         bgMagentaBright: (str: string) => string;
-        bgCyanBright: (str: string) => string;
         bgWhiteBright: (str: string) => string;
     };
     makeProgressBar: (percentage: number) => string;
@@ -64,17 +62,19 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
+        } & {
+            tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "verbose" | "info" | "warn" | "error";
+            logLevel: "error" | "verbose" | "info" | "warn";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
@@ -87,7 +87,7 @@ export declare const CliInternals: {
         concurrency: string | number | null;
         frameRange: import("@remotion/renderer").FrameRange | null;
         shouldOutputImageSequence: boolean;
-        inputProps: object;
+        inputProps: Record<string, unknown>;
         envVariables: Record<string, string>;
         jpegQuality: number | undefined;
         browser: import("@remotion/renderer").Browser;
@@ -98,7 +98,7 @@ export declare const CliInternals: {
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "verbose" | "info" | "warn" | "error";
+        logLevel: "error" | "verbose" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -111,7 +111,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
+        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -120,7 +120,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
+        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "bundle-cache": string;
         "env-file": string;
@@ -139,6 +139,7 @@ export declare const CliInternals: {
         "audio-codec": "mp3" | "aac" | "pcm-16" | "opus";
         crf: number;
         force: boolean;
+        output: string;
         overwrite: boolean;
         png: boolean;
         props: string;
@@ -171,7 +172,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    handleCommonError: (err: Error) => Promise<void>;
+    handleCommonError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -183,7 +184,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
+        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -191,10 +192,6 @@ export declare const CliInternals: {
         source: string;
     };
     minimist: typeof minimist;
-    selectComposition: (validCompositions: import("remotion").AnyCompMetadata[]) => Promise<{
-        compositionId: string;
-        reason: string;
-    }>;
     findEntryPoint: (args: string[], remotionRoot: string) => {
         file: string | null;
         remainingArgs: string[];
@@ -202,8 +199,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "png" | "jpeg" | "none" | null;
-    }) => "png" | "jpeg" | "none";
+        uiImageFormat: "none" | "png" | "jpeg" | null;
+    }) => "none" | "png" | "jpeg";
     printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
@@ -216,4 +213,29 @@ export declare const CliInternals: {
         reason: string;
     };
     listOfRemotionPackages: string[];
+    shouldUseNonOverlayingLogger: ({ logLevel, }: {
+        logLevel: "error" | "verbose" | "info" | "warn";
+    }) => boolean;
+    getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, downloadMap, serveUrlOrWebpackUrl, indent, inputProps, verbose, }: {
+        height: number | null;
+        width: number | null;
+        args: string[];
+        compositionIdFromUi: string | null;
+        timeoutInMilliseconds: number;
+        puppeteerInstance: import("@remotion/renderer").HeadlessBrowser | undefined;
+        envVariables: Record<string, string>;
+        chromiumOptions: import("@remotion/renderer").ChromiumOptions;
+        port: number | null;
+        browserExecutable: import("@remotion/renderer").BrowserExecutable;
+        downloadMap: import("@remotion/renderer").DownloadMap | undefined;
+        serveUrlOrWebpackUrl: string;
+        indent: boolean;
+        verbose: boolean;
+        inputProps: Record<string, unknown> | null;
+    }) => Promise<{
+        compositionId: string;
+        reason: string;
+        config: import("remotion").AnyCompMetadata;
+        argsAfterComposition: string[];
+    }>;
 };

package/dist/index.js

@@ -24,12 +24,14 @@ const benchmark_1 = require("./benchmark");
 const chalk_1 = require("./chalk");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const compositions_1 = require("./compositions");
+const config_1 = require("./config");
 const determine_image_format_1 = require("./determine-image-format");
 const download_progress_1 = require("./download-progress");
 const entry_point_1 = require("./entry-point");
 const ffmpeg_1 = require("./ffmpeg");
 const format_bytes_1 = require("./format-bytes");
 const get_cli_options_1 = require("./get-cli-options");
+const get_composition_with_dimension_override_1 = require("./get-composition-with-dimension-override");
 const get_config_file_name_1 = require("./get-config-file-name");
 const get_final_output_codec_1 = require("./get-final-output-codec");
 const handle_common_errors_1 = require("./handle-common-errors");
@@ -40,13 +42,13 @@ const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
 const log_1 = require("./log");
 const make_progress_bar_1 = require("./make-progress-bar");
 const parse_command_line_1 = require("./parse-command-line");
-const preview_1 = require("./preview");
 const print_compositions_1 = require("./print-compositions");
 const print_help_1 = require("./print-help");
 const progress_bar_1 = require("./progress-bar");
 const render_1 = require("./render");
-const select_composition_1 = require("./select-composition");
+const should_use_non_overlaying_logger_1 = require("./should-use-non-overlaying-logger");
 const still_1 = require("./still");
+const studio_1 = require("./studio");
 const upgrade_1 = require("./upgrade");
 const versions_1 = require("./versions");
 const cli = async () => {
@@ -66,8 +68,8 @@ const cli = async () => {
         if (command === 'compositions') {
             await (0, compositions_1.listCompositionsCommand)(remotionRoot, args);
         }
-        else if (command === 'preview') {
-            await (0, preview_1.previewCommand)(remotionRoot, args);
+        else if (command === 'preview' || command === 'studio') {
+            await (0, studio_1.studioCommand)(remotionRoot, args);
         }
         else if (command === 'lambda') {
             await (0, lambda_command_1.lambdaCommand)(remotionRoot, args);
@@ -107,7 +109,7 @@ const cli = async () => {
     }
     catch (err) {
         log_1.Log.info();
-        await (0, handle_common_errors_1.handleCommonError)(err);
+        await (0, handle_common_errors_1.handleCommonError)(err, config_1.ConfigInternals.Logging.getLogLevel());
         (0, cleanup_before_quit_1.cleanupBeforeQuit)();
         process.exit(1);
     }
@@ -134,10 +136,11 @@ exports.CliInternals = {
     getFileSizeDownloadBar: download_progress_1.getFileSizeDownloadBar,
     determineFinalStillImageFormat: determine_image_format_1.determineFinalStillImageFormat,
     minimist: minimist_1.default,
-    selectComposition: select_composition_1.selectComposition,
     findEntryPoint: entry_point_1.findEntryPoint,
     getVideoImageFormat: image_formats_1.getVideoImageFormat,
     printCompositions: print_compositions_1.printCompositions,
     getFinalOutputCodec: get_final_output_codec_1.getFinalOutputCodec,
     listOfRemotionPackages: list_of_remotion_packages_1.listOfRemotionPackages,
+    shouldUseNonOverlayingLogger: should_use_non_overlaying_logger_1.shouldUseNonOverlayingLogger,
+    getCompositionWithDimensionOverride: get_composition_with_dimension_override_1.getCompositionWithDimensionOverride,
 };

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

@@ -23,6 +23,7 @@ exports.listOfRemotionPackages = [
     '@remotion/rive',
     '@remotion/gif',
     '@remotion/shapes',
-    '@remotion/z-color',
+    '@remotion/zod-types',
+    '@remotion/tailwind',
     'remotion',
 ];