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

package/dist/preview-server/routes.js

@@ -8,9 +8,13 @@ const bundler_1 = require("@remotion/bundler");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const url_1 = require("url");
+const number_of_shared_audio_tags_1 = require("../config/number-of-shared-audio-tags");
+const parse_command_line_1 = require("../parse-command-line");
 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 project_info_1 = require("./project-info");
+const public_folder_1 = require("./public-folder");
 const serve_static_1 = require("./serve-static");
 const update_available_1 = require("./update-available");
 const handleUpdate = async (remotionRoot, _, response) => {
@@ -24,17 +28,26 @@ const static404 = (response) => {
     response.writeHead(404);
     response.end('The static/ prefix has been changed, this URL is no longer valid.');
 };
-const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, getCurrentInputProps, getEnvVariables, publicDir, }) => {
+    var _a;
     const [edit] = await editorGuess;
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(edit ? edit.command : null);
     response.setHeader('content-type', 'text/html');
     response.writeHead(200);
+    const packageManager = (0, get_package_manager_1.getPackageManager)(remotionRoot, undefined);
+    (0, public_folder_1.fetchFolder)({ publicDir, staticHash: hash });
     response.end(bundler_1.BundlerInternals.indexHtml({
         staticHash: hash,
         baseDir: '/',
         editorName: displayName,
+        envVariables: getEnvVariables(),
         inputProps: getCurrentInputProps(),
         remotionRoot,
+        previewServerCommand: packageManager === 'unknown' ? null : packageManager.startCommand,
+        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',
     }));
 };
 const handleProjectInfo = async (remotionRoot, _, response) => {
@@ -43,7 +56,12 @@ const handleProjectInfo = async (remotionRoot, _, response) => {
     response.writeHead(200);
     response.end(JSON.stringify(data));
 };
-const handleFileSource = async (remotionRoot, search, _, response) => {
+const handleFileSource = async ({ method, remotionRoot, search, response, }) => {
+    if (method === 'OPTIONS') {
+        response.writeHead(200);
+        response.end();
+        return;
+    }
     if (!search.startsWith('?')) {
         throw new Error('query must start with ?');
     }
@@ -58,6 +76,10 @@ const handleFileSource = async (remotionRoot, search, _, response) => {
     return response.end();
 };
 const handleOpenInEditor = async (remotionRoot, req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
     try {
         const b = await new Promise((_resolve) => {
             let data = '';
@@ -105,7 +127,7 @@ const handleFavicon = (_, response) => {
     const readStream = (0, fs_1.createReadStream)(filePath);
     readStream.pipe(response);
 };
-const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, getCurrentInputProps, remotionRoot, }) => {
+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);
@@ -114,7 +136,12 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         return handleProjectInfo(remotionRoot, request, response);
     }
     if (url.pathname === '/api/file-source') {
-        return handleFileSource(remotionRoot, url.search, request, response);
+        return handleFileSource({
+            remotionRoot,
+            search: url.search,
+            method: request.method,
+            response,
+        });
     }
     if (url.pathname === '/api/open-in-editor') {
         return handleOpenInEditor(remotionRoot, request, response);
@@ -126,8 +153,7 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         return liveEventsServer.router(request, response);
     }
     if (url.pathname.startsWith(hash)) {
-        const root = path_1.default.join(remotionRoot, 'public');
-        return (0, serve_static_1.serveStatic)(root, hash, request, response);
+        return (0, serve_static_1.serveStatic)(publicDir, hash, request, response);
     }
     if (url.pathname.startsWith(hashPrefix)) {
         return static404(response);
@@ -137,6 +163,8 @@ const handleRoutes = ({ hash, hashPrefix, request, response, liveEventsServer, g
         hash,
         response,
         getCurrentInputProps,
+        getEnvVariables,
+        publicDir,
     });
 };
 exports.handleRoutes = handleRoutes;

package/dist/preview-server/serve-static.js

@@ -22,7 +22,8 @@ const serveStatic = async function (root, hash, req, res) {
         res.end();
         return;
     }
-    const path = (0, path_1.join)(root, new URL(req.url, 'http://localhost').pathname.replace(new RegExp(`^${hash}`), ''));
+    const filename = new URL(req.url, 'http://localhost').pathname.replace(new RegExp(`^${hash}`), '');
+    const path = (0, path_1.join)(root, decodeURIComponent(filename));
     if (!renderer_1.RenderInternals.isPathInside(path, root)) {
         res.writeHead(500);
         res.write('Not allowed to read');

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

@@ -1,12 +1,20 @@
-import type { WebpackOverrideFn } from 'remotion';
+import type { WebpackOverrideFn } from '@remotion/bundler';
 import type { LiveEventsServer } from './live-events';
-export declare const startServer: (entry: string, userDefinedComponent: string, options: {
-    webpackOverride?: WebpackOverrideFn;
+export declare const startServer: (options: {
+    entry: string;
+    userDefinedComponent: string;
+    webpackOverride: WebpackOverrideFn;
     getCurrentInputProps: () => object;
-    envVariables?: Record<string, string>;
+    getEnvVariables: () => Record<string, string>;
     port: number | null;
     maxTimelineTracks?: number;
     remotionRoot: string;
+    keyboardShortcutsEnabled: boolean;
+    publicDir: string;
+    userPassedPublicDir: string | null;
+    poll: number | null;
+    hash: string;
+    hashPrefix: string;
 }) => Promise<{
     port: number;
     liveEventsServer: LiveEventsServer;

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

@@ -6,36 +6,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.startServer = void 0;
 const bundler_1 = require("@remotion/bundler");
 const renderer_1 = require("@remotion/renderer");
-const crypto_1 = __importDefault(require("crypto"));
-const fs_1 = __importDefault(require("fs"));
 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");
 const routes_1 = require("./routes");
-const startServer = async (entry, userDefinedComponent, options) => {
+const startServer = async (options) => {
     var _a, _b, _c, _d;
-    const tmpDir = await fs_1.default.promises.mkdtemp(path_1.default.join(os_1.default.tmpdir(), 'react-motion-graphics'));
     const [, config] = bundler_1.BundlerInternals.webpackConfig({
-        entry,
-        userDefinedComponent,
-        outDir: tmpDir,
+        entry: options.entry,
+        userDefinedComponent: options.userDefinedComponent,
+        outDir: null,
         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'),
             require.resolve('./error-overlay/entry-basic.js'),
         ],
         remotionRoot: options.remotionRoot,
+        keyboardShortcutsEnabled: options.keyboardShortcutsEnabled,
+        poll: options.poll,
     });
     const compiler = (0, bundler_1.webpack)(config);
-    const hashPrefix = '/static-';
-    const hash = `${hashPrefix}${crypto_1.default.randomBytes(6).toString('hex')}`;
     const wdmMiddleware = (0, dev_middleware_1.wdm)(compiler);
     const whm = (0, hot_middleware_1.webpackHotMiddleware)(compiler);
     const liveEventsServer = (0, live_events_1.makeLiveEventsRouter)();
@@ -53,27 +49,64 @@ const startServer = async (entry, userDefinedComponent, options) => {
             });
         })
             .then(() => {
-            (0, routes_1.handleRoutes)({
-                hash,
-                hashPrefix,
+            return (0, routes_1.handleRoutes)({
+                hash: options.hash,
+                hashPrefix: options.hashPrefix,
                 request,
                 response,
                 liveEventsServer,
                 getCurrentInputProps: options.getCurrentInputProps,
+                getEnvVariables: options.getEnvVariables,
                 remotionRoot: options.remotionRoot,
+                publicDir: options.publicDir,
             });
         })
             .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;
-    const port = await renderer_1.RenderInternals.getDesiredPort(desiredPort, 3000, 3100);
-    server.listen(port);
-    return { port, liveEventsServer };
+    const maxTries = 5;
+    for (let i = 0; i < maxTries; i++) {
+        try {
+            const selectedPort = await new Promise((resolve, reject) => {
+                renderer_1.RenderInternals.getDesiredPort(desiredPort, 3000, 3100)
+                    .then(({ port, didUsePort }) => {
+                    server.listen(port);
+                    server.on('listening', () => {
+                        resolve(port);
+                        return didUsePort();
+                    });
+                    server.on('error', (err) => {
+                        reject(err);
+                    });
+                })
+                    .catch((err) => reject(err));
+            });
+            return { port: selectedPort, liveEventsServer };
+        }
+        catch (err) {
+            if (!(err instanceof Error)) {
+                throw err;
+            }
+            const codedError = err;
+            if (codedError.code === 'EADDRINUSE') {
+                log_1.Log.error(`Port ${codedError.port} is already in use. Trying another port...`);
+            }
+            else {
+                throw err;
+            }
+        }
+    }
+    throw new Error(`Tried ${maxTries} times to find a free port. Giving up.`);
 };
 exports.startServer = startServer;

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

@@ -4,14 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.previewCommand = void 0;
-const better_opn_1 = __importDefault(require("better-opn"));
+const crypto_1 = __importDefault(require("crypto"));
 const path_1 = __importDefault(require("path"));
+const better_opn_1 = require("./better-opn");
+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 get_absolute_public_dir_1 = require("./preview-server/get-absolute-public-dir");
+const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const noop = () => undefined;
 let liveEventsListener = null;
@@ -30,17 +35,45 @@ const waitForLiveEventsListener = () => {
         });
     });
 };
-const previewCommand = async (remotionRoot) => {
-    const file = parse_command_line_1.parsedCli._[1];
+const getShouldOpenBrowser = () => {
+    var _a;
+    if (parse_command_line_1.parsedCli['no-open']) {
+        return {
+            shouldOpenBrowser: false,
+            reasonForBrowserDecision: '--no-open specified',
+        };
+    }
+    if (((_a = process.env.BROWSER) !== null && _a !== void 0 ? _a : '').toLowerCase() === 'none') {
+        return {
+            shouldOpenBrowser: false,
+            reasonForBrowserDecision: 'env BROWSER=none was set',
+        };
+    }
+    if (config_1.ConfigInternals.getShouldOpenBrowser() === false) {
+        return { shouldOpenBrowser: false, reasonForBrowserDecision: 'Config file' };
+    }
+    return { shouldOpenBrowser: true, reasonForBrowserDecision: 'default' };
+};
+const getPort = () => {
+    if (parse_command_line_1.parsedCli.port) {
+        return parse_command_line_1.parsedCli.port;
+    }
+    const serverPort = config_1.ConfigInternals.getServerPort();
+    if (serverPort) {
+        return serverPort;
+    }
+    return null;
+};
+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');
+    const desiredPort = getPort();
     let inputProps = (0, get_input_props_1.getInputProps)((newProps) => {
         waitForLiveEventsListener().then((listener) => {
             inputProps = newProps;
@@ -50,16 +83,69 @@ const previewCommand = async (remotionRoot) => {
             });
         });
     });
-    const envVariables = await (0, get_env_1.getEnvironmentVariables)();
-    const { port, liveEventsServer } = await (0, start_server_1.startServer)(path_1.default.resolve(__dirname, 'previewEntry.js'), fullPath, {
+    let envVariables = await (0, get_env_1.getEnvironmentVariables)((newEnvVariables) => {
+        waitForLiveEventsListener().then((listener) => {
+            envVariables = newEnvVariables;
+            listener.sendEventToClient({
+                type: 'new-env-variables',
+                newEnvVariables,
+            });
+        });
+    });
+    const publicDir = (0, get_absolute_public_dir_1.getAbsolutePublicDir)({
+        userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
+        remotionRoot,
+    });
+    const hashPrefix = '/static-';
+    const staticHash = `${hashPrefix}${crypto_1.default.randomBytes(6).toString('hex')}`;
+    (0, public_folder_1.initPublicFolderWatch)({
+        publicDir,
+        remotionRoot,
+        onUpdate: () => {
+            waitForLiveEventsListener().then((listener) => {
+                listener.sendEventToClient({
+                    type: 'new-public-folder',
+                    files: (0, public_folder_1.getFiles)(),
+                });
+            });
+        },
+        staticHash,
+    });
+    const { port, liveEventsServer } = await (0, start_server_1.startServer)({
+        entry: path_1.default.resolve(__dirname, 'previewEntry.js'),
+        userDefinedComponent: file,
         getCurrentInputProps: () => inputProps,
-        envVariables,
+        getEnvVariables: () => envVariables,
         port: desiredPort,
         maxTimelineTracks: config_1.ConfigInternals.getMaxTimelineTracks(),
         remotionRoot,
+        keyboardShortcutsEnabled: config_1.ConfigInternals.getKeyboardShortcutsEnabled(),
+        publicDir,
+        webpackOverride: config_1.ConfigInternals.getWebpackOverrideFn(),
+        poll: config_1.ConfigInternals.getWebpackPolling(),
+        userPassedPublicDir: config_1.ConfigInternals.getPublicDir(),
+        hash: staticHash,
+        hashPrefix,
     });
     setLiveEventsListener(liveEventsServer);
-    (0, better_opn_1.default)(`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}`);
+    }
+    const { reasonForBrowserDecision, shouldOpenBrowser } = getShouldOpenBrowser();
+    if (shouldOpenBrowser) {
+        await (0, better_opn_1.openBrowser)({
+            url: `http://localhost:${port}`,
+            browserArgs: parse_command_line_1.parsedCli['browser-args'],
+            browserFlag: parse_command_line_1.parsedCli.browser,
+        });
+    }
+    else {
+        log_1.Log.verbose(`Not opening browser, reason: ${reasonForBrowserDecision}`);
+    }
     await new Promise(noop);
 };
 exports.previewCommand = previewCommand;

package/dist/previewEntry.js

@@ -5,17 +5,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = __importDefault(require("react-dom/client"));
-// eslint-disable-next-line no-restricted-imports
 const remotion_1 = require("remotion");
 require("../styles/styles.css");
 const Editor_1 = require("./editor/components/Editor");
+const EditorContexts_1 = require("./editor/components/EditorContexts");
+const ServerDisconnected_1 = require("./editor/components/Notifications/ServerDisconnected");
 const event_source_1 = require("./event-source");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#1f2428'));
-const content = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }));
+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.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((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { children: (0, jsx_runtime_1.jsx)(Editor_1.Editor, {}) }), remotion_1.Internals.getPreviewDomElement());
+    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

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

package/dist/print-compositions.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printCompositions = void 0;
+const log_1 = require("./log");
+const parse_command_line_1 = require("./parse-command-line");
+const max = (arr) => {
+    if (arr.length === 0) {
+        throw new Error('Array of 0 length');
+    }
+    let biggest = arr[0];
+    for (let i = 0; i < arr.length; i++) {
+        const elem = arr[i];
+        if (elem > biggest) {
+            biggest = elem;
+        }
+    }
+    return biggest;
+};
+const printCompositions = (compositions) => {
+    if (!(0, parse_command_line_1.quietFlagProvided)()) {
+        log_1.Log.info();
+        log_1.Log.info('The following compositions are available:');
+        log_1.Log.info();
+    }
+    if ((0, parse_command_line_1.quietFlagProvided)()) {
+        log_1.Log.info(compositions.map((c) => c.id).join(' '));
+        return;
+    }
+    const firstColumnLength = max(compositions.map(({ id }) => id.length)) + 4;
+    const secondColumnLength = 8;
+    const thirdColumnLength = 15;
+    log_1.Log.info(compositions
+        .map((comp) => {
+        const isStill = comp.durationInFrames === 1;
+        const dimensions = `${comp.width}x${comp.height}`;
+        const fps = isStill ? '' : comp.fps.toString();
+        const durationInSeconds = (comp.durationInFrames / comp.fps).toFixed(2);
+        const formattedDuration = isStill
+            ? 'Still'
+            : `${comp.durationInFrames} (${durationInSeconds} sec)`;
+        return [
+            comp.id.padEnd(firstColumnLength, ' '),
+            fps.padEnd(secondColumnLength, ' '),
+            dimensions.padEnd(thirdColumnLength, ' '),
+            formattedDuration,
+        ].join('');
+    })
+        .join('\n'));
+};
+exports.printCompositions = printCompositions;

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');
@@ -11,7 +12,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 +20,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 +32,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 +43,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 +62,23 @@ 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 ${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-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.d.ts

@@ -6,10 +6,22 @@ export declare const createProgressBar: (quiet: boolean) => {
 export declare const createOverwriteableCliOutput: (quiet: boolean) => {
     update: (up: string) => boolean;
 };
-export declare const makeBundlingProgress: ({ progress, steps, doneIn, }: {
+export declare type CopyingState = {
+    bytes: number;
+    doneIn: number | null;
+};
+export declare type BundlingState = {
     progress: number;
     steps: RenderStep[];
     doneIn: number | null;
+};
+export declare type SymbolicLinksState = {
+    symlinks: string[];
+};
+export declare const makeBundlingAndCopyProgress: ({ bundling, copying, symLinks, }: {
+    bundling: BundlingState;
+    copying: CopyingState;
+    symLinks: SymbolicLinksState;
 }) => string;
 declare type RenderingProgressInput = {
     frames: number;