@remotion/cli 4.0.367 → 4.0.368

package/dist/add.d.ts

@@ -0,0 +1,8 @@
+import { type LogLevel } from '@remotion/renderer';
+export declare const addCommand: ({ remotionRoot, packageManager, packageNames, logLevel, args, }: {
+    remotionRoot: string;
+    packageManager: string | undefined;
+    packageNames: string[];
+    logLevel: LogLevel;
+    args: string[];
+}) => Promise<void>;

package/dist/add.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCommand = void 0;
+const renderer_1 = require("@remotion/renderer");
+const studio_server_1 = require("@remotion/studio-server");
+const node_child_process_1 = require("node:child_process");
+const chalk_1 = require("./chalk");
+const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
+const log_1 = require("./log");
+const addCommand = async ({ remotionRoot, packageManager, packageNames, logLevel, args, }) => {
+    // Validate that all package names are Remotion packages
+    const invalidPackages = packageNames.filter((pkg) => !list_of_remotion_packages_1.listOfRemotionPackages.includes(pkg));
+    if (invalidPackages.length > 0) {
+        throw new Error(`The following packages are not Remotion packages: ${invalidPackages.join(', ')}. Must be one of the Remotion packages.`);
+    }
+    const { dependencies, devDependencies, optionalDependencies, peerDependencies, } = studio_server_1.StudioServerInternals.getInstalledDependencies(remotionRoot);
+    // Check if packages are already installed
+    const allDeps = [
+        ...dependencies,
+        ...devDependencies,
+        ...optionalDependencies,
+        ...peerDependencies,
+    ];
+    const alreadyInstalled = packageNames.filter((pkg) => allDeps.includes(pkg));
+    const toInstall = packageNames.filter((pkg) => !allDeps.includes(pkg));
+    // Log already installed packages
+    for (const pkg of alreadyInstalled) {
+        log_1.Log.info({ indent: false, logLevel }, `○ ${pkg} ${chalk_1.chalk.gray('(already installed)')}`);
+    }
+    // If nothing to install, return early
+    if (toInstall.length === 0) {
+        return;
+    }
+    // Find the version of installed Remotion packages
+    const installedRemotionPackages = list_of_remotion_packages_1.listOfRemotionPackages.filter((pkg) => allDeps.includes(pkg));
+    if (installedRemotionPackages.length === 0) {
+        throw new Error('No Remotion packages found in your project. Install Remotion first.');
+    }
+    // Get the version from the first installed Remotion package
+    const packageJsonPath = `${remotionRoot}/node_modules/${installedRemotionPackages[0]}/package.json`;
+    let targetVersion;
+    try {
+        const packageJson = require(packageJsonPath);
+        targetVersion = packageJson.version;
+        const packageList = toInstall.length === 1
+            ? toInstall[0]
+            : `${toInstall.length} packages (${toInstall.join(', ')})`;
+        log_1.Log.info({ indent: false, logLevel }, `Installing ${packageList}@${targetVersion} to match your other Remotion packages`);
+    }
+    catch (err) {
+        throw new Error(`Could not determine version of installed Remotion packages: ${err.message}`);
+    }
+    const manager = studio_server_1.StudioServerInternals.getPackageManager(remotionRoot, packageManager, 0);
+    if (manager === 'unknown') {
+        throw new Error(`No lockfile was found in your project (one of ${studio_server_1.StudioServerInternals.lockFilePaths
+            .map((p) => p.path)
+            .join(', ')}). Install dependencies using your favorite manager!`);
+    }
+    const command = studio_server_1.StudioServerInternals.getInstallCommand({
+        manager: manager.manager,
+        packages: toInstall,
+        version: targetVersion,
+        additionalArgs: args,
+    });
+    log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray(`$ ${manager.manager} ${command.join(' ')}`));
+    const task = (0, node_child_process_1.spawn)(manager.manager, command, {
+        env: {
+            ...process.env,
+            ADBLOCK: '1',
+            DISABLE_OPENCOLLECTIVE: '1',
+        },
+        stdio: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'info')
+            ? 'inherit'
+            : 'ignore',
+    });
+    await new Promise((resolve) => {
+        task.on('close', (code) => {
+            if (code === 0) {
+                resolve();
+            }
+            else if (renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'info')) {
+                throw new Error(`Failed to install packages, see logs above`);
+            }
+            else {
+                throw new Error(`Failed to install packages, run with --log=info to see logs`);
+            }
+        });
+    });
+    for (const pkg of alreadyInstalled) {
+        log_1.Log.info({ indent: false, logLevel }, `○ ${pkg}@${targetVersion} ${chalk_1.chalk.gray('(already installed)')}`);
+    }
+    for (const pkg of toInstall) {
+        log_1.Log.info({ indent: false, logLevel }, `+ ${pkg}@${targetVersion}`);
+    }
+};
+exports.addCommand = addCommand;

package/dist/index.js

@@ -7,6 +7,7 @@ exports.CliInternals = exports.cli = void 0;
 const renderer_1 = require("@remotion/renderer");
 const studio_server_1 = require("@remotion/studio-server");
 const minimist_1 = __importDefault(require("minimist"));
+const add_1 = require("./add");
 const benchmark_1 = require("./benchmark");
 const browser_1 = require("./browser");
 const browser_download_bar_1 = require("./browser-download-bar");
@@ -114,6 +115,22 @@ const cli = async () => {
                 args,
             });
         }
+        else if (command === 'add') {
+            if (args.length === 0) {
+                throw new Error('Please specify at least one package name. Example: npx remotion add @remotion/transitions');
+            }
+            // Find where additional flags start (arguments starting with -)
+            const flagIndex = args.findIndex((arg) => arg.startsWith('-'));
+            const packageNames = flagIndex === -1 ? args : args.slice(0, flagIndex);
+            const additionalArgs = flagIndex === -1 ? [] : args.slice(flagIndex);
+            await (0, add_1.addCommand)({
+                remotionRoot,
+                packageManager: parsed_cli_1.parsedCli['package-manager'],
+                packageNames,
+                logLevel,
+                args: additionalArgs,
+            });
+        }
         else if (command === versions_1.VERSIONS_COMMAND) {
             await (0, versions_1.versionsCommand)(remotionRoot, logLevel);
         }

package/dist/print-help.js

@@ -52,6 +52,10 @@ const printHelp = (logLevel) => {
     log_1.Log.info({ indent: false, logLevel }, 'Ensure Remotion is on the newest version.');
     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/upgrade'));
     log_1.Log.info({ indent: false, logLevel });
+    log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.blue('remotion add') + chalk_1.chalk.gray(' <package-name...>'));
+    log_1.Log.info({ indent: false, logLevel }, 'Add Remotion packages with the correct version.');
+    log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/add'));
+    log_1.Log.info({ indent: false, logLevel });
     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.blue(`remotion ${browser_1.BROWSER_COMMAND}`));
     log_1.Log.info({ indent: false, logLevel }, 'Ensure Remotion has a browser it can use for rendering.');
     log_1.Log.info({ indent: false, logLevel }, chalk_1.chalk.gray('https://www.remotion.dev/docs/cli/browser'));

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli"
 	},
 	"name": "@remotion/cli",
-	"version": "4.0.367",
+	"version": "4.0.368",
 	"description": "Control Remotion features using the `npx remotion` command",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -36,17 +36,17 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "4.0.367",
-		"@remotion/media-utils": "4.0.367",
-		"@remotion/player": "4.0.367",
-		"@remotion/renderer": "4.0.367",
-		"@remotion/studio-shared": "4.0.367",
-		"@remotion/studio-server": "4.0.367",
-		"@remotion/studio": "4.0.367",
+		"@remotion/bundler": "4.0.368",
+		"@remotion/media-utils": "4.0.368",
+		"@remotion/player": "4.0.368",
+		"@remotion/renderer": "4.0.368",
+		"@remotion/studio-shared": "4.0.368",
+		"@remotion/studio-server": "4.0.368",
+		"@remotion/studio": "4.0.368",
 		"dotenv": "9.0.2",
 		"minimist": "1.2.6",
 		"prompts": "2.4.2",
-		"remotion": "4.0.367"
+		"remotion": "4.0.368"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -57,14 +57,14 @@
 		"@types/prompts": "^2.4.1",
 		"@types/prettier": "^2.7.2",
 		"@types/node": "20.12.14",
-		"@remotion/zod-types": "4.0.367",
-		"@remotion/tailwind-v4": "4.0.367",
-		"@remotion/enable-scss": "4.0.367",
-		"@remotion/skia": "4.0.367",
+		"@remotion/zod-types": "4.0.368",
+		"@remotion/tailwind-v4": "4.0.368",
+		"@remotion/enable-scss": "4.0.368",
+		"@remotion/skia": "4.0.368",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.367",
+		"@remotion/eslint-config-internal": "4.0.368",
 		"eslint": "9.19.0"
 	},
 	"keywords": [