create-video 4.0.321 → 4.0.323

package/dist/init.js

@@ -69,7 +69,16 @@ const getGitStatus = async (root) => {
 };
 const init = async () => {
     log_1.Log.info(`Welcome to ${chalk_1.default.blue('Remotion')}!`);
-    const { projectRoot, folderName } = await (0, resolve_project_root_1.resolveProjectRoot)();
+    // Get directory argument if provided
+    const directoryArgument = (0, select_template_1.getDirectoryArgument)();
+    // Select template first
+    const selectedTemplate = await (0, select_template_1.selectTemplate)();
+    log_1.Log.info(`Selected ${chalk_1.default.blue(selectedTemplate.shortName)}.`);
+    // Then resolve project root with template info and directory argument
+    const { projectRoot, folderName } = await (0, resolve_project_root_1.resolveProjectRoot)({
+        directoryArgument,
+        selectedTemplate,
+    });
     log_1.Log.info();
     const result = await (0, exports.checkGitAvailability)(projectRoot, 'git', ['--version']);
     if (result.type === 'git-not-installed') {
@@ -86,7 +95,6 @@ const init = async () => {
         }
     }
     const latestRemotionVersionPromise = (0, latest_remotion_version_1.getLatestRemotionVersion)();
-    const selectedTemplate = await (0, select_template_1.selectTemplate)();
     const shouldOverrideTailwind = selectedTemplate.allowEnableTailwind
         ? await (0, ask_tailwind_1.askTailwind)()
         : false;
@@ -130,7 +138,7 @@ const init = async () => {
         ? projectRoot
         : relativeToCurrent;
     log_1.Log.info();
-    log_1.Log.info(`Copied ${chalk_1.default.blue(selectedTemplate.shortName)} to ${chalk_1.default.blue(cdToFolder)}.`);
+    log_1.Log.info(`Copied to ${chalk_1.default.blue(cdToFolder)}.`);
     log_1.Log.info();
     log_1.Log.info('Get started by running:');
     log_1.Log.info(' ' + chalk_1.default.blue(`cd ${cdToFolder}`));
@@ -140,9 +148,9 @@ const init = async () => {
     log_1.Log.info('To render a video, run:');
     log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getRenderCommand)(pkgManager)));
     log_1.Log.info('');
-    log_1.Log.info('Docs to get you started:', chalk_1.default.underline('https://www.remotion.dev/docs/the-fundamentals'));
     log_1.Log.info();
     await (0, open_in_editor_flow_1.openInEditorFlow)(projectRoot);
+    log_1.Log.info('Docs to get you started:', chalk_1.default.underline('https://www.remotion.dev/docs/the-fundamentals'));
     log_1.Log.info('Enjoy Remotion!');
 };
 exports.init = init;

package/dist/resolve-project-root.d.ts

@@ -1,4 +1,8 @@
-export declare const resolveProjectRoot: () => Promise<{
+import type { Template } from './templates';
+export declare const resolveProjectRoot: (options?: {
+    directoryArgument?: string | null;
+    selectedTemplate?: Template;
+}) => Promise<{
     projectRoot: string;
     folderName: string;
 }>;

package/dist/resolve-project-root.js

@@ -32,7 +32,7 @@ function assertFolderEmptyAsync(projectRoot) {
     }
     return { exists: false };
 }
-const resolveProjectRoot = async () => {
+const resolveProjectRoot = async (options) => {
     if ((0, select_template_1.isTmpFlagSelected)()) {
         log_1.Log.info('Creating the video in a temporary directory.');
         const randomName = `remotion-video-${Math.random().toString(36).slice(2)}`;
@@ -41,28 +41,39 @@ const resolveProjectRoot = async () => {
         return { projectRoot: randomRoot, folderName: randomName };
     }
     let projectName = '';
-    try {
-        const { answer } = await (0, prompts_1.default)({
-            type: 'text',
-            name: 'answer',
-            message: 'What would you like to name your video?',
-            initial: 'my-video',
-            validate: (name) => {
-                const validation = (0, validate_name_1.validateName)(node_path_1.default.basename(node_path_1.default.resolve(name)));
-                if (typeof validation === 'string') {
-                    return 'Invalid project name: ' + validation;
-                }
-                return true;
-            },
-        });
-        if (typeof answer === 'string') {
-            projectName = answer.trim();
-        }
+    // If a directory argument was provided, use it directly
+    if (options === null || options === void 0 ? void 0 : options.directoryArgument) {
+        projectName = options.directoryArgument;
     }
-    catch (error) {
-        // Handle the aborted message in a custom way.
-        if (error.code !== 'ABORTED') {
-            throw error;
+    else {
+        // Print selected template info before prompting for directory
+        if (options === null || options === void 0 ? void 0 : options.selectedTemplate) {
+            log_1.Log.info(`Selected template: ${chalk_1.default.blue(options.selectedTemplate.shortName)}`);
+            log_1.Log.info();
+        }
+        try {
+            const { answer } = await (0, prompts_1.default)({
+                type: 'text',
+                name: 'answer',
+                message: 'Directory to create your project',
+                initial: 'my-video',
+                validate: (name) => {
+                    const validation = (0, validate_name_1.validateName)(node_path_1.default.basename(node_path_1.default.resolve(name)));
+                    if (typeof validation === 'string') {
+                        return 'Invalid project name: ' + validation;
+                    }
+                    return true;
+                },
+            });
+            if (typeof answer === 'string') {
+                projectName = answer.trim();
+            }
+        }
+        catch (error) {
+            // Handle the aborted message in a custom way.
+            if (error.code !== 'ABORTED') {
+                throw error;
+            }
         }
     }
     const projectRoot = node_path_1.default.resolve(projectName);
@@ -70,7 +81,7 @@ const resolveProjectRoot = async () => {
     assertValidName(folderName);
     (0, mkdirp_1.mkdirp)(projectRoot);
     if (assertFolderEmptyAsync(projectRoot).exists) {
-        return (0, exports.resolveProjectRoot)();
+        return (0, exports.resolveProjectRoot)(options);
     }
     return { projectRoot, folderName };
 };

package/dist/select-template.d.ts

@@ -1,3 +1,5 @@
 import type { Template } from './templates';
 export declare const isTmpFlagSelected: () => boolean;
+export declare const getPositionalArguments: () => string[];
+export declare const getDirectoryArgument: () => string | null;
 export declare const selectTemplate: () => Promise<Template>;

package/dist/select-template.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.selectTemplate = exports.isTmpFlagSelected = void 0;
+exports.selectTemplate = exports.getDirectoryArgument = exports.getPositionalArguments = exports.isTmpFlagSelected = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const minimist_1 = __importDefault(require("minimist"));
 const make_link_1 = require("./hyperlinks/make-link");
@@ -11,9 +11,17 @@ const prompts_1 = require("./prompts");
 const templates_1 = require("./templates");
 const parsed = (0, minimist_1.default)(process.argv.slice(2), {
     boolean: [...templates_1.FEATURED_TEMPLATES.map((f) => f.cliId), 'tmp'],
+    string: ['_'],
 });
 const isTmpFlagSelected = () => parsed.tmp;
 exports.isTmpFlagSelected = isTmpFlagSelected;
+const getPositionalArguments = () => parsed._;
+exports.getPositionalArguments = getPositionalArguments;
+const getDirectoryArgument = () => {
+    const positionalArgs = (0, exports.getPositionalArguments)();
+    return positionalArgs.length > 0 ? positionalArgs[0] || null : null;
+};
+exports.getDirectoryArgument = getDirectoryArgument;
 const selectTemplate = async () => {
     const isFlagSelected = templates_1.FEATURED_TEMPLATES.find((f) => {
         return parsed[f.cliId];

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/create-video"
   },
   "name": "create-video",
-  "version": "4.0.321",
+  "version": "4.0.323",
   "description": "Create a new Remotion project",
   "main": "dist/index.js",
   "bin": {
@@ -27,7 +27,7 @@
     "@types/tar": "6.1.1",
     "react": "19.0.0",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.321"
+    "@remotion/eslint-config-internal": "4.0.323"
   },
   "exports": {
     "./package.json": "./package.json",