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

package/dist/preview-server/error-overlay/remotion-overlay/ShortcutHint.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShortcutHint = exports.cmdOrCtrlCharacter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
 exports.cmdOrCtrlCharacter = window.navigator.platform.startsWith('Mac')
     ? '⌘'
     : 'Ctrl';
@@ -11,21 +9,8 @@ const container = {
     display: 'inline-block',
     marginLeft: 6,
     opacity: 0.6,
-    verticalAlign: 'middle',
 };
 const ShortcutHint = ({ keyToPress, cmdOrCtrl }) => {
-    const style = (0, react_1.useMemo)(() => {
-        if (keyToPress === '↵') {
-            return {
-                display: 'inline-block',
-                transform: `translateY(2px)`,
-            };
-        }
-        return {};
-    }, [keyToPress]);
-    if ((0, use_keybinding_1.areKeyboardShortcutsDisabled)()) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}` : '', (0, jsx_runtime_1.jsx)("span", { style: style, children: keyToPress.toUpperCase() })] }));
+    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}+` : '', keyToPress.toUpperCase()] }));
 };
 exports.ShortcutHint = ShortcutHint;

package/dist/preview-server/hot-middleware/client.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * https://github.com/webpack-contrib/webpack-hot-middleware#readme
  * and rewritten in TypeScript. This file is MIT licensed
  */
-const ansi_split_1 = require("../../ansi/ansi-split");
 const process_update_1 = require("./process-update");
+const strip_ansi_1 = require("./strip-ansi");
 const types_1 = require("./types");
 if (typeof window === 'undefined') {
     // do nothing
@@ -107,7 +107,7 @@ function createReporter() {
         }
         const newProblems = obj[type]
             .map((msg) => {
-            return (0, ansi_split_1.stripAnsi)(msg);
+            return (0, strip_ansi_1.stripAnsi)(msg);
         })
             .join('\n');
         if (previousProblems === newProblems) {

package/dist/preview-server/live-events.d.ts

@@ -6,5 +6,3 @@ export declare type LiveEventsServer = {
     router: (request: IncomingMessage, response: ServerResponse) => void;
 };
 export declare const makeLiveEventsRouter: () => LiveEventsServer;
-export declare const waitForLiveEventsListener: () => Promise<LiveEventsServer>;
-export declare const setLiveEventsListener: (listener: LiveEventsServer) => void;

package/dist/preview-server/live-events.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setLiveEventsListener = exports.waitForLiveEventsListener = exports.makeLiveEventsRouter = void 0;
-const file_existence_watchers_1 = require("./file-existence-watchers");
+exports.makeLiveEventsRouter = void 0;
 const serializeMessage = (message) => {
     return `data: ${JSON.stringify(message)}\n\n`;
 };
@@ -18,15 +17,14 @@ const makeLiveEventsRouter = () => {
             response.end();
             return;
         }
+        response.write(serializeMessage({ type: 'init' }));
         const clientId = String(Math.random());
-        response.write(serializeMessage({ type: 'init', clientId }));
         const newClient = {
             id: clientId,
             response,
         };
         clients.push(newClient);
         request.on('close', () => {
-            (0, file_existence_watchers_1.unsubscribeClientFileExistenceWatchers)(clientId);
             clients = clients.filter((client) => client.id !== clientId);
         });
     };
@@ -41,21 +39,3 @@ const makeLiveEventsRouter = () => {
     };
 };
 exports.makeLiveEventsRouter = makeLiveEventsRouter;
-let liveEventsListener = null;
-const waiters = [];
-const waitForLiveEventsListener = () => {
-    if (liveEventsListener) {
-        return Promise.resolve(liveEventsListener);
-    }
-    return new Promise((resolve) => {
-        waiters.push((list) => {
-            resolve(list);
-        });
-    });
-};
-exports.waitForLiveEventsListener = waitForLiveEventsListener;
-const setLiveEventsListener = (listener) => {
-    liveEventsListener = listener;
-    waiters.forEach((w) => w(listener));
-};
-exports.setLiveEventsListener = setLiveEventsListener;

package/dist/preview-server/public-folder.d.ts

@@ -9,4 +9,9 @@ export declare const fetchFolder: ({ publicDir, staticHash, }: {
     publicDir: string;
     staticHash: string;
 }) => void;
+export declare const watchPublicFolder: ({ publicDir, onUpdate, staticHash, }: {
+    publicDir: string;
+    onUpdate: () => void;
+    staticHash: string;
+}) => void;
 export declare const getFiles: () => StaticFile[];

package/dist/preview-server/public-folder.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFiles = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
+exports.getFiles = exports.watchPublicFolder = exports.fetchFolder = exports.initPublicFolderWatch = void 0;
 const bundler_1 = require("@remotion/bundler");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
@@ -11,7 +11,7 @@ const env_supports_fs_recursive_1 = require("./env-supports-fs-recursive");
 let files = [];
 const initPublicFolderWatch = ({ publicDir, onUpdate, staticHash, }) => {
     (0, exports.fetchFolder)({ publicDir, staticHash });
-    watchPublicFolder({ publicDir, onUpdate, staticHash });
+    (0, exports.watchPublicFolder)({ publicDir, onUpdate, staticHash });
 };
 exports.initPublicFolderWatch = initPublicFolderWatch;
 const fetchFolder = ({ publicDir, staticHash, }) => {
@@ -33,7 +33,7 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
         const parentDir = path_1.default.dirname(publicDir);
         const onDirChange = () => {
             if ((0, fs_1.existsSync)(publicDir)) {
-                watchPublicFolder({
+                (0, exports.watchPublicFolder)({
                     publicDir,
                     onUpdate,
                     staticHash,
@@ -49,6 +49,7 @@ const watchPublicFolder = ({ publicDir, onUpdate, staticHash, }) => {
         onUpdate();
     });
 };
+exports.watchPublicFolder = watchPublicFolder;
 const getFiles = () => {
     return files;
 };

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

@@ -1,6 +1,6 @@
 import type { IncomingMessage, ServerResponse } from 'http';
 import type { LiveEventsServer } from './live-events';
-export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }: {
+export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, publicDir, }: {
     hash: string;
     hashPrefix: string;
     request: IncomingMessage;
@@ -9,6 +9,5 @@ export declare const handleRoutes: ({ hash, hashPrefix, request, response, liveE
     getCurrentInputProps: () => object;
     getEnvVariables: () => Record<string, string>;
     remotionRoot: string;
-    entryPoint: string;
     publicDir: string;
 }) => void | Promise<void>;

package/dist/preview-server/routes.js

@@ -5,22 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleRoutes = void 0;
 const bundler_1 = require("@remotion/bundler");
-const renderer_1 = require("@remotion/renderer");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const url_1 = require("url");
-const config_1 = require("../config");
 const number_of_shared_audio_tags_1 = require("../config/number-of-shared-audio-tags");
 const parse_command_line_1 = require("../parse-command-line");
-const api_routes_1 = require("./api-routes");
 const get_file_source_1 = require("./error-overlay/react-overlay/utils/get-file-source");
 const open_in_editor_1 = require("./error-overlay/react-overlay/utils/open-in-editor");
 const get_package_manager_1 = require("./get-package-manager");
-const handler_1 = require("./handler");
-const parse_body_1 = require("./parse-body");
 const project_info_1 = require("./project-info");
 const public_folder_1 = require("./public-folder");
-const queue_1 = require("./render-queue/queue");
 const serve_static_1 = require("./serve-static");
 const update_available_1 = require("./update-available");
 const handleUpdate = async (remotionRoot, _, response) => {
@@ -35,32 +29,9 @@ const static404 = (response) => {
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
 const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, }) => {
-    var _a, _b;
+    var _a;
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
-    const defaultJpegQuality = config_1.ConfigInternals.getJpegQuality();
-    const defaultScale = config_1.ConfigInternals.getScale();
-    const logLevel = config_1.ConfigInternals.Logging.getLogLevel();
-    const defaultCodec = config_1.ConfigInternals.getOutputCodecOrUndefined();
-    const concurrency = renderer_1.RenderInternals.getActualConcurrency(config_1.ConfigInternals.getConcurrency());
-    const muted = config_1.ConfigInternals.getMuted();
-    const enforceAudioTrack = config_1.ConfigInternals.getEnforceAudioTrack();
-    const pixelFormat = config_1.ConfigInternals.getPixelFormat();
-    const proResProfile = (_a = config_1.ConfigInternals.getProResProfile()) !== null && _a !== void 0 ? _a : 'hq';
-    const audioBitrate = config_1.ConfigInternals.getAudioBitrate();
-    const videoBitrate = config_1.ConfigInternals.getVideoBitrate();
-    const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
-    const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();
-    const delayRenderTimeout = config_1.ConfigInternals.getCurrentPuppeteerTimeout();
-    const audioCodec = config_1.ConfigInternals.getAudioCodec();
-    const stillImageFormat = config_1.ConfigInternals.getUserPreferredStillImageFormat();
-    const videoImageFormat = config_1.ConfigInternals.getUserPreferredVideoImageFormat();
-    const disableWebSecurity = config_1.ConfigInternals.getChromiumDisableWebSecurity();
-    const headless = config_1.ConfigInternals.getChromiumHeadlessMode();
-    const ignoreCertificateErrors = config_1.ConfigInternals.getIgnoreCertificateErrors();
-    const openGlRenderer = config_1.ConfigInternals.getChromiumOpenGlRenderer();
-    const maxConcurrency = renderer_1.RenderInternals.getMaxConcurrency();
-    const minConcurrency = renderer_1.RenderInternals.getMinConcurrency();
     response.setHeader('content-type', 'text/html');
     response.writeHead(200);
     const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
@@ -73,36 +44,10 @@ const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputPro
         inputProps: getCurrentInputProps(),
         remotionRoot,
         previewServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
-        renderQueue: (0, queue_1.getRenderQueue)(),
-        numberOfAudioTags: (_b = parse_command_line_1.parsedCli['number-of-shared-audio-tags']) !== null && _b !== void 0 ? _b : (0, number_of_shared_audio_tags_1.getNumberOfSharedAudioTags)(),
+        numberOfAudioTags: (_a = parse_command_line_1.parsedCli['number-of-shared-audio-tags']) !== null && _a !== void 0 ? _a : (0, number_of_shared_audio_tags_1.getNumberOfSharedAudioTags)(),
         publicFiles: (0, public_folder_1.getFiles)(),
         includeFavicon: true,
         title: 'Remotion Preview',
-        renderDefaults: {
-            jpegQuality: defaultJpegQuality !== null && defaultJpegQuality !== void 0 ? defaultJpegQuality : 80,
-            scale: defaultScale !== null && defaultScale !== void 0 ? defaultScale : 1,
-            logLevel,
-            codec: defaultCodec !== null && defaultCodec !== void 0 ? defaultCodec : 'h264',
-            concurrency,
-            maxConcurrency,
-            minConcurrency,
-            stillImageFormat: stillImageFormat !== null && stillImageFormat !== void 0 ? stillImageFormat : renderer_1.RenderInternals.DEFAULT_STILL_IMAGE_FORMAT,
-            videoImageFormat: videoImageFormat !== null && videoImageFormat !== void 0 ? videoImageFormat : renderer_1.RenderInternals.DEFAULT_VIDEO_IMAGE_FORMAT,
-            muted,
-            enforceAudioTrack,
-            proResProfile,
-            pixelFormat,
-            audioBitrate,
-            videoBitrate,
-            everyNthFrame,
-            numberOfGifLoops,
-            delayRenderTimeout,
-            audioCodec,
-            disableWebSecurity,
-            headless,
-            ignoreCertificateErrors,
-            openGlRenderer,
-        },
     }));
 };
 const handleProjectInfo = async (remotionRoot, _, response) => {
@@ -134,10 +79,18 @@ const handleOpenInEditor = async (remotionRoot, req, res) => {
     if (req.method === 'OPTIONS') {
         res.statusCode = 200;
         res.end();
-        return;
     }
     try {
-        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        const b = await new Promise((_resolve) => {
+            let data = '';
+            req.on('data', (chunk) => {
+                data += chunk;
+            });
+            req.on('end', () => {
+                _resolve(data.toString());
+            });
+        });
+        const body = JSON.parse(b);
         if (!('stack' in body)) {
             throw new TypeError('Need to pass stack');
         }
@@ -174,7 +127,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, }) => {
+const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, publicDir, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/update') {
         return handleUpdate(remotionRoot, request, response);
@@ -193,17 +146,6 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
     if (url.pathname === '/api/open-in-editor') {
         return handleOpenInEditor(remotionRoot, request, response);
     }
-    for (const [key, value] of Object.entries(api_routes_1.allApiRoutes)) {
-        if (url.pathname === key) {
-            return (0, handler_1.handleRequest)({
-                remotionRoot,
-                entryPoint,
-                handler: value,
-                request,
-                response,
-            });
-        }
-    }
     if (url.pathname === '/remotion.png') {
         return handleFavicon(request, response);
     }

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

@@ -58,7 +58,6 @@ const startServer = async (options) => {
                 getCurrentInputProps: options.getCurrentInputProps,
                 getEnvVariables: options.getEnvVariables,
                 remotionRoot: options.remotionRoot,
-                entryPoint: options.userDefinedComponent,
                 publicDir: options.publicDir,
             });
         })

package/dist/preview.js

@@ -9,7 +9,6 @@ const path_1 = __importDefault(require("path"));
 const better_opn_1 = require("./better-opn");
 const chalk_1 = require("./chalk");
 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_env_1 = require("./get-env");
 const get_input_props_1 = require("./get-input-props");
@@ -17,10 +16,25 @@ const get_network_address_1 = require("./get-network-address");
 const log_1 = require("./log");
 const parse_command_line_1 = require("./parse-command-line");
 const get_absolute_public_dir_1 = require("./preview-server/get-absolute-public-dir");
-const live_events_1 = require("./preview-server/live-events");
 const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const noop = () => undefined;
+let liveEventsListener = null;
+const waiters = [];
+const setLiveEventsListener = (listener) => {
+    liveEventsListener = listener;
+    waiters.forEach((w) => w(listener));
+};
+const waitForLiveEventsListener = () => {
+    if (liveEventsListener) {
+        return Promise.resolve(liveEventsListener);
+    }
+    return new Promise((resolve) => {
+        waiters.push((list) => {
+            resolve(list);
+        });
+    });
+};
 const getShouldOpenBrowser = () => {
     var _a;
     if (parse_command_line_1.parsedCli['no-open']) {
@@ -60,9 +74,8 @@ const previewCommand = async (remotionRoot, args) => {
         process.exit(1);
     }
     const desiredPort = getPort();
-    const fullEntryPath = (0, convert_entry_point_to_serve_url_1.convertEntryPointToServeUrl)(file);
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
-        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+        waitForLiveEventsListener().then((listener) => {
             inputProps = newProps;
             listener.sendEventToClient({
                 type: 'new-input-props',
@@ -71,7 +84,7 @@ const previewCommand = async (remotionRoot, args) => {
         });
     });
     let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
-        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+        waitForLiveEventsListener().then((listener) => {
             envVariables = newEnvVariables;
             listener.sendEventToClient({
                 type: 'new-env-variables',
@@ -89,7 +102,7 @@ const previewCommand = async (remotionRoot, args) => {
         publicDir,
         remotionRoot,
         onUpdate: () => {
-            (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            waitForLiveEventsListener().then((listener) => {
                 listener.sendEventToClient({
                     type: 'new-public-folder',
                     files: (0, public_folder_1.getFiles)(),
@@ -100,7 +113,7 @@ const previewCommand = async (remotionRoot, args) => {
     });
     const { port, liveEventsServer } = await (0, start_server_1.startServer)({
         entry: path_1.default.resolve(__dirname, 'previewEntry.js'),
-        userDefinedComponent: fullEntryPath,
+        userDefinedComponent: file,
         getCurrentInputProps: () => inputProps,
         getEnvVariables: () => envVariables,
         port: desiredPort,
@@ -114,7 +127,7 @@ const previewCommand = async (remotionRoot, args) => {
         hash: staticHash,
         hashPrefix,
     });
-    (0, live_events_1.setLiveEventsListener)(liveEventsServer);
+    setLiveEventsListener(liveEventsServer);
     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}`)}`);

package/dist/previewEntry.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_dom_1 = require("react-dom");
 const client_1 = __importDefault(require("react-dom/client"));
 const remotion_1 = require("remotion");
 require("../styles/styles.css");
@@ -16,11 +15,13 @@ remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaul
 const getServerDisconnectedDomElement = () => {
     return document.getElementById('server-disconnected-overlay');
 };
-const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { numberOfAudioTags: window.remotion_numberOfAudioTags, children: (0, jsx_runtime_1.jsxs)(EditorContexts_1.EditorContexts, { children: [(0, jsx_runtime_1.jsx)(Editor_1.Editor, {}), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement())] }) }));
+const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { numberOfAudioTags: window.remotion_numberOfAudioTags, children: (0, jsx_runtime_1.jsx)(EditorContexts_1.EditorContexts, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }) }));
 if (client_1.default.createRoot) {
     client_1.default.createRoot(remotion_1.Internals.getPreviewDomElement()).render(content);
+    client_1.default.createRoot(getServerDisconnectedDomElement()).render((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}));
 }
 else {
     client_1.default.render(content, remotion_1.Internals.getPreviewDomElement());
+    client_1.default.render((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement());
 }
 (0, event_source_1.openEventSource)();

package/dist/print-compositions.d.ts

@@ -1,2 +1,2 @@
-import type { AnyCompMetadata } from 'remotion';
-export declare const printCompositions: (compositions: AnyCompMetadata[]) => void;
+import type { TCompMetadata } from 'remotion';
+export declare const printCompositions: (compositions: TCompMetadata[]) => void;

package/dist/print-error.js

@@ -8,10 +8,7 @@ const log_1 = require("./log");
 const progress_bar_1 = require("./progress-bar");
 const printError = async (err) => {
     if (err instanceof renderer_1.RenderInternals.SymbolicateableError) {
-        const output = (0, progress_bar_1.createOverwriteableCliOutput)({
-            quiet: false,
-            cancelSignal: null,
-        });
+        const output = (0, progress_bar_1.createOverwriteableCliOutput)(false);
         output.update(chalk_1.chalk.red('Symbolicating minified error message...\n' + err.message));
         try {
             const symbolicated = await renderer_1.RenderInternals.symbolicateError(err);
@@ -30,6 +27,7 @@ const printError = async (err) => {
         }
         return;
     }
+    log_1.Log.error('An error occurred:');
     log_1.Log.error(err.stack || err);
 };
 exports.printError = printError;

package/dist/print-help.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printHelp = void 0;
 const chalk_1 = require("./chalk");
+const install_1 = require("./install");
 const log_1 = require("./log");
 const versions_1 = require("./versions");
 const packagejson = require('../package.json');
@@ -24,10 +25,10 @@ const printHelp = () => {
     printFlags([
         ['--props', 'Pass input props as filename or as JSON'],
         ['--concurrency', 'How many frames to render in parallel'],
-        ['--image-format', 'Format to render the video/still in'],
+        ['--image-format', 'Format to render the frames in, "jpeg" or "png"'],
         ['--pixel-format', 'Custom pixel format, see docs for available values'],
         ['--config', 'Custom location for a Remotion config file'],
-        ['--jpeg-quality', 'Quality for rendered frames, JPEG only, 0-100'],
+        ['--quality', 'Quality for rendered frames, JPEG only, 0-100'],
         ['--overwrite', 'Overwrite if file exists, default true'],
         ['--sequence', 'Output as an image sequence'],
         ['--codec', 'Video of audio codec'],
@@ -46,10 +47,10 @@ const printHelp = () => {
     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)'],
-        ['--image-format', 'Format to render the video/still in'],
+        ['--image-format', 'Format to render the frames in, "jpeg" or "png"'],
         ['--props', 'Pass input props as filename or as JSON'],
         ['--config', 'Custom location for a Remotion config file'],
-        ['--jpeg-quality', 'Quality for rendered frames, JPEG only, 0-100'],
+        ['--quality', 'Quality for rendered frames, JPEG only, 0-100'],
         ['--overwrite', 'Overwrite if file exists, default true'],
         ['--browser-executable', 'Custom path for browser executable'],
         ['--bundle-cache', 'Cache webpack bundle, boolean, default true'],
@@ -67,6 +68,9 @@ const printHelp = () => {
     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 ${install_1.INSTALL_COMMAND} <ffmpeg|ffprobe>`);
+    log_1.Log.info(chalk_1.chalk.gray('Installs dependencies of Remotion'));
+    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/dist/progress-bar.d.ts

@@ -1,18 +1,18 @@
-import type { CancelSignal } from '@remotion/renderer';
-import type { AggregateRenderProgress } from './progress-types';
-export declare type OverwriteableCliOutput = {
+import type { Codec, StitchingState } from '@remotion/renderer';
+import type { RenderStep } from './step';
+export declare const createProgressBar: (quiet: boolean) => {
+    update: (str: string) => boolean;
+};
+export declare const createOverwriteableCliOutput: (quiet: boolean) => {
     update: (up: string) => boolean;
 };
-export declare const createOverwriteableCliOutput: (options: {
-    quiet: boolean;
-    cancelSignal: CancelSignal | null;
-}) => OverwriteableCliOutput;
 export declare type CopyingState = {
     bytes: number;
     doneIn: number | null;
 };
 export declare type BundlingState = {
     progress: number;
+    steps: RenderStep[];
     doneIn: number | null;
 };
 export declare type SymbolicLinksState = {
@@ -22,14 +22,34 @@ export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks
     bundling: BundlingState;
     copying: CopyingState;
     symLinks: SymbolicLinksState;
-}, indent: boolean, bundlingStep: number, steps: number) => string;
-export declare const makeRenderingAndStitchingProgress: ({ prog, indent, steps, stitchingStep, }: {
-    prog: AggregateRenderProgress;
-    indent: boolean;
-    steps: number;
-    stitchingStep: number;
-}) => {
-    output: string;
-    progress: number;
-    message: string;
+}) => string;
+declare type RenderingProgressInput = {
+    frames: number;
+    totalFrames: number;
+    steps: RenderStep[];
+    concurrency: number;
+    doneIn: number | null;
+};
+export declare const makeRenderingProgress: ({ frames, totalFrames, steps, concurrency, doneIn, }: RenderingProgressInput) => string;
+declare type StitchingProgressInput = {
+    frames: number;
+    totalFrames: number;
+    steps: RenderStep[];
+    doneIn: number | null;
+    stage: StitchingState;
+    codec: Codec;
+};
+export declare const makeStitchingProgress: ({ frames, totalFrames, steps, doneIn, stage, codec, }: StitchingProgressInput) => string;
+export declare type DownloadProgress = {
+    name: string;
+    id: number;
+    progress: number | null;
+    totalBytes: number | null;
+    downloaded: number;
 };
+export declare const makeRenderingAndStitchingProgress: ({ rendering, stitching, downloads, }: {
+    rendering: RenderingProgressInput;
+    stitching: StitchingProgressInput | null;
+    downloads: DownloadProgress[];
+}) => string;
+export {};