create-video 4.0.407 → 4.0.409

package/dist/ask-skills.d.ts

@@ -0,0 +1 @@
+export declare const askSkills: () => Promise<boolean>;

package/dist/ask-skills.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.askSkills = void 0;
+const make_link_1 = require("./hyperlinks/make-link");
+const prompts_1 = __importDefault(require("./prompts"));
+const askSkills = async () => {
+    const link = (0, make_link_1.makeHyperlink)({
+        text: 'agent skills',
+        url: 'https://remotion.dev/docs/ai/skills',
+        fallback: 'agent skills',
+    });
+    const { answer } = await (0, prompts_1.default)({
+        type: 'toggle',
+        name: 'answer',
+        message: `Add ${link}?`,
+        initial: false,
+        active: 'Yes',
+        inactive: 'No',
+    });
+    return answer;
+};
+exports.askSkills = askSkills;

package/dist/esm/index.mjs

@@ -62,6 +62,7 @@ var listOfRemotionPackages = [
   "@remotion/streaming",
   "@remotion/serverless",
   "@remotion/serverless-client",
+  "@remotion/skills",
   "@remotion/studio-server",
   "@remotion/studio-shared",
   "@remotion/studio",

package/dist/init.js

@@ -9,18 +9,20 @@ const execa_1 = __importDefault(require("execa"));
 const node_path_1 = __importDefault(require("node:path"));
 const add_tailwind_1 = require("./add-tailwind");
 const add_yarn2_support_1 = require("./add-yarn2-support");
+const ask_skills_1 = require("./ask-skills");
 const ask_tailwind_1 = require("./ask-tailwind");
 const create_public_folder_1 = require("./create-public-folder");
 const degit_1 = require("./degit");
+const install_skills_1 = require("./install-skills");
 const latest_remotion_version_1 = require("./latest-remotion-version");
 const log_1 = require("./log");
 const open_in_editor_flow_1 = require("./open-in-editor-flow");
 const patch_package_json_1 = require("./patch-package-json");
 const patch_readme_1 = require("./patch-readme");
 const pkg_managers_1 = require("./pkg-managers");
+const prompts_1 = __importDefault(require("./prompts"));
 const resolve_project_root_1 = require("./resolve-project-root");
 const select_template_1 = require("./select-template");
-const yesno_1 = require("./yesno");
 const gitExists = (commandToCheck, argsToCheck) => {
     try {
         execa_1.default.sync(commandToCheck, argsToCheck);
@@ -73,7 +75,6 @@ const init = async () => {
     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)}.`);
     // If Editor Starter (paid) is selected, show purchase link and exit
     if (selectedTemplate.cliId === 'editor-starter') {
         log_1.Log.newLine();
@@ -86,18 +87,21 @@ const init = async () => {
         directoryArgument,
         selectedTemplate,
     });
-    log_1.Log.info();
     const result = await (0, exports.checkGitAvailability)(projectRoot, 'git', ['--version']);
     if (result.type === 'git-not-installed') {
         log_1.Log.error('Git is not installed or not in the path. Install Git to continue.');
         process.exit(1);
     }
     if (result.type === 'is-git-repo') {
-        const should = await (0, yesno_1.yesOrNo)({
-            defaultValue: false,
-            question: `You are already inside a Git repo (${node_path_1.default.resolve(result.location)}).\nThis might lead to a Git Submodule being created. Do you want to continue? (y/N):`,
+        const { shouldContinue } = await (0, prompts_1.default)({
+            type: 'toggle',
+            name: 'shouldContinue',
+            message: `You are already inside a Git repo (${node_path_1.default.resolve(result.location)}).\nThis might lead to a Git Submodule being created. Do you want to continue?`,
+            initial: false,
+            active: 'Yes',
+            inactive: 'No',
         });
-        if (!should) {
+        if (!shouldContinue) {
             process.exit(1);
         }
     }
@@ -105,6 +109,7 @@ const init = async () => {
     const shouldOverrideTailwind = selectedTemplate.allowEnableTailwind
         ? await (0, ask_tailwind_1.askTailwind)()
         : false;
+    const shouldInstallSkills = await (0, ask_skills_1.askSkills)();
     const pkgManager = (0, pkg_managers_1.selectPackageManager)();
     const pkgManagerVersion = await (0, pkg_managers_1.getPackageManagerVersionOrNull)(pkgManager);
     try {
@@ -140,6 +145,9 @@ const init = async () => {
         projectRoot,
     });
     await getGitStatus(projectRoot);
+    if (shouldInstallSkills) {
+        await (0, install_skills_1.installSkills)(projectRoot);
+    }
     const relativeToCurrent = node_path_1.default.relative(process.cwd(), projectRoot);
     const cdToFolder = relativeToCurrent.startsWith('.')
         ? projectRoot

package/dist/install-skills.d.ts

@@ -0,0 +1 @@
+export declare const installSkills: (projectRoot: string) => Promise<void>;

package/dist/install-skills.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installSkills = void 0;
+const execa_1 = __importDefault(require("execa"));
+const log_1 = require("./log");
+const installSkills = async (projectRoot) => {
+    try {
+        await (0, execa_1.default)('npx', [
+            '-y',
+            '--loglevel=error',
+            'add-skill@1.0.20',
+            'remotion-dev/skills',
+            '--yes',
+        ], {
+            cwd: projectRoot,
+            stdio: 'inherit',
+        });
+    }
+    catch (e) {
+        log_1.Log.error('Error installing skills:', e);
+        log_1.Log.error('You can install them manually by running:');
+        log_1.Log.error('  npx add-skill remotion-dev/skills');
+    }
+};
+exports.installSkills = installSkills;

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

@@ -65,6 +65,7 @@ exports.listOfRemotionPackages = [
     '@remotion/streaming',
     '@remotion/serverless',
     '@remotion/serverless-client',
+    '@remotion/skills',
     '@remotion/studio-server',
     '@remotion/studio-shared',
     '@remotion/studio',

package/dist/open-in-editor-flow.js

@@ -7,7 +7,7 @@ exports.openInEditorFlow = void 0;
 const node_path_1 = __importDefault(require("node:path"));
 const log_1 = require("./log");
 const open_in_editor_1 = require("./open-in-editor");
-const yesno_1 = require("./yesno");
+const prompts_1 = __importDefault(require("./prompts"));
 const openInEditorFlow = async (projectRoot) => {
     const editors = await (0, open_in_editor_1.guessEditor)();
     const [guiEditor] = editors.filter((e) => !(0, open_in_editor_1.isTerminalEditor)(e.command));
@@ -15,9 +15,13 @@ const openInEditorFlow = async (projectRoot) => {
         return;
     }
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(guiEditor.command);
-    const should = await (0, yesno_1.yesOrNo)({
-        defaultValue: true,
-        question: `💻 Open in ${displayName}? (Y/n):`,
+    const should = await (0, prompts_1.default)({
+        message: `💻 Open in ${displayName}?`,
+        initial: true,
+        type: 'toggle',
+        name: 'answer',
+        active: 'Yes',
+        inactive: 'No',
     });
     if (should) {
         await (0, open_in_editor_1.launchEditor)({

package/dist/pkg-managers.js

@@ -136,7 +136,7 @@ const getDevCommand = (manager, template) => {
 };
 exports.getDevCommand = getDevCommand;
 const getPackageManagerVersion = (manager) => {
-    const cmd = `${manager} -v`;
+    const cmd = manager === 'npm' ? 'npm -v --loglevel=error' : `${manager} -v`;
     return new Promise((resolve, reject) => {
         (0, node_child_process_1.exec)(cmd, (error, stdout, stderr) => {
             if (error) {

package/dist/resolve-project-root.js

@@ -49,9 +49,8 @@ const resolveProjectRoot = async (options) => {
     }
     else {
         // Print selected template info before prompting for directory
-        if (options === null || options === void 0 ? void 0 : options.selectedTemplate) {
+        if ((options === null || options === void 0 ? void 0 : options.selectedTemplate) && select_template_1.isFlagSelected) {
             log_1.Log.info(`Selected template: ${chalk_1.default.blue(options.selectedTemplate.shortName)}`);
-            log_1.Log.info();
         }
         try {
             const currentMs = Date.now();

package/dist/select-template.d.ts

@@ -2,6 +2,17 @@ import type { Template } from './templates';
 export declare const isTmpFlagSelected: () => boolean;
 export declare const getPositionalArguments: () => string[];
 export declare const getDirectoryArgument: () => string | null;
+export declare const isFlagSelected: Template | {
+    homePageLabel: string;
+    shortName: string;
+    org: string;
+    repoName: string;
+    description: string;
+    longerDescription: string;
+    cliId: "editor-starter";
+    defaultBranch: string;
+    previewURL: string;
+} | undefined;
 export declare const selectTemplate: () => Promise<Template | {
     homePageLabel: string;
     shortName: string;

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.getDirectoryArgument = exports.getPositionalArguments = exports.isTmpFlagSelected = void 0;
+exports.selectTemplate = exports.isFlagSelected = 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");
@@ -23,12 +23,12 @@ const getDirectoryArgument = () => {
     return positionalArgs.length > 0 ? positionalArgs[0] || null : null;
 };
 exports.getDirectoryArgument = getDirectoryArgument;
+exports.isFlagSelected = ALL_TEMPLATES.find((f) => {
+    return parsed[f.cliId];
+});
 const selectTemplate = async () => {
-    const isFlagSelected = ALL_TEMPLATES.find((f) => {
-        return parsed[f.cliId];
-    });
-    if (isFlagSelected) {
-        return isFlagSelected;
+    if (exports.isFlagSelected) {
+        return exports.isFlagSelected;
     }
     return (await (0, prompts_1.selectAsync)({
         message: 'Choose a template:',

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.407",
+	"version": "4.0.409",
 	"description": "Create a new Remotion project",
 	"main": "dist/index.js",
 	"bin": {
@@ -29,7 +29,7 @@
 		"@types/prompts": "^2.0.12",
 		"@types/tar": "6.1.1",
 		"react": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.407",
+		"@remotion/eslint-config-internal": "4.0.409",
 		"eslint": "9.19.0"
 	},
 	"exports": {