create-video 3.2.44 → 3.3.1

package/dist/init.js

@@ -114,10 +114,10 @@ const init = async () => {
     await (0, open_in_editor_flow_1.openInEditorFlow)(projectRoot);
     log_1.Log.info('Get started by running');
     log_1.Log.info(chalk_1.default.blueBright(`cd ${folderName}`));
-    log_1.Log.info(chalk_1.default.blueBright((0, pkg_managers_1.getStartCommand)(pkgManager)));
+    log_1.Log.info(chalk_1.default.blueBright((0, pkg_managers_1.getDevCommand)(pkgManager, selectedTemplate)));
     log_1.Log.info('');
     log_1.Log.info('To render a video, run');
-    log_1.Log.info(chalk_1.default.blueBright((0, pkg_managers_1.getRenderCommand)(pkgManager)));
+    log_1.Log.info(chalk_1.default.blueBright((0, pkg_managers_1.getRenderCommandForTemplate)(pkgManager, selectedTemplate)));
     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('Enjoy Remotion!');

package/dist/pkg-managers.d.ts

@@ -1,6 +1,9 @@
+import type { Template } from './templates';
 export declare type PackageManager = 'npm' | 'yarn' | 'pnpm';
 export declare const selectPackageManager: () => PackageManager;
 export declare const getInstallCommand: (manager: PackageManager) => "yarn" | "npm i" | "pnpm i" | undefined;
+export declare const getDevCommand: (manager: PackageManager, template: Template) => string | undefined;
+export declare const getRenderCommandForTemplate: (manager: PackageManager, template: Template) => string | undefined;
 export declare const getStartCommand: (manager: PackageManager) => "npm start" | "yarn start" | "pnpm start" | undefined;
 export declare const getRenderCommand: (manager: PackageManager) => "npm run build" | "yarn build" | "pnpm build" | undefined;
 export declare const getRunCommand: (manager: PackageManager) => "npm run" | "yarn run" | "pnpm run";

package/dist/pkg-managers.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.getRunCommand = exports.getRenderCommand = exports.getStartCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
+exports.getRunCommand = exports.getRenderCommand = exports.getStartCommand = exports.getRenderCommandForTemplate = exports.getDevCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
 const path_1 = __importDefault(require("path"));
 const shouldUseYarn = () => {
     var _a, _b;
@@ -47,6 +47,23 @@ const getInstallCommand = (manager) => {
     }
 };
 exports.getInstallCommand = getInstallCommand;
+const getDevCommand = (manager, template) => {
+    if (template.cliId === 'remix') {
+        return `${(0, exports.getRunCommand)(manager)} dev`;
+    }
+    return (0, exports.getStartCommand)(manager);
+};
+exports.getDevCommand = getDevCommand;
+const getRenderCommandForTemplate = (manager, template) => {
+    if (template.cliId === 'remix') {
+        return `${(0, exports.getRunCommand)(manager)} remotion:render`;
+    }
+    if (template.cliId === 'still') {
+        return `${(0, exports.getRunCommand)(manager)} render`;
+    }
+    return (0, exports.getRenderCommand)(manager);
+};
+exports.getRenderCommandForTemplate = getRenderCommandForTemplate;
 const getStartCommand = (manager) => {
     if (manager === 'npm') {
         return `npm start`;

package/dist/templates.d.ts

@@ -20,7 +20,8 @@ export declare type Template = {
     repoName: string;
     homePageLabel: string;
     longerDescription: string;
-    cliId: string;
+    cliId: 'hello-world' | 'javascript' | 'blank' | 'remix' | 'three' | 'still' | 'tts' | 'audiogram' | 'skia' | 'tailwind';
+    defaultBranch: string;
 } & DynamicTemplate;
 export declare const FEATURED_TEMPLATES: Template[];
 export {};

package/dist/templates.js

@@ -16,10 +16,11 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'hello-world',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'JavaScript',
-        shortName: 'Hello World (Javascript)',
+        shortName: 'Hello World (JavaScript)',
         org: 'remotion-dev',
         repoName: 'template-helloworld-javascript',
         description: 'The default starter template in plain JS',
@@ -31,6 +32,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'javascript',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Blank',
@@ -46,6 +48,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'blank',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Remix',
@@ -61,6 +64,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'remix',
         type: 'image',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: '3D',
@@ -76,6 +80,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'three',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Stills',
@@ -91,6 +96,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'still',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'TTS',
@@ -106,6 +112,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'tts',
         type: 'video',
+        defaultBranch: 'master',
     },
     {
         homePageLabel: 'Audiogram',
@@ -121,6 +128,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'audiogram',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Skia',
@@ -136,6 +144,7 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'skia',
         type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Tailwind',
@@ -151,5 +160,6 @@ exports.FEATURED_TEMPLATES = [
         },
         cliId: 'tailwind',
         type: 'video',
+        defaultBranch: 'main',
     },
 ];

package/dist/test/validate-templates.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/validate-templates.test.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const got_1 = __importDefault(require("got"));
+const vitest_1 = require("vitest");
+const templates_1 = require("../templates");
+const getFileForTemplate = (template, file) => {
+    return `https://raw.githubusercontent.com/${template.org}/${template.repoName}/${template.defaultBranch}/${file}`;
+};
+for (const template of templates_1.FEATURED_TEMPLATES) {
+    (0, vitest_1.test)(template.shortName + ' should have a valid package.json', async () => {
+        var _a, _b;
+        const packageLockJson = getFileForTemplate(template, 'package.json');
+        const res = await (0, got_1.default)(packageLockJson, {
+            throwHttpErrors: false,
+        });
+        (0, vitest_1.expect)(res.statusCode).toBe(200);
+        const body = JSON.parse(res.body);
+        if (!template.shortName.includes('Remix')) {
+            (0, vitest_1.expect)(body.scripts.build).toMatch(/render/);
+            (0, vitest_1.expect)(body.scripts.build).not.toContain('index');
+        }
+        (0, vitest_1.expect)(body.dependencies.remotion).toMatch(/^\^3/);
+        (0, vitest_1.expect)(body.dependencies['@remotion/cli']).toMatch(/^\^3/);
+        (0, vitest_1.expect)(body.dependencies.react).toMatch(/^\^?18/);
+        (0, vitest_1.expect)(body.dependencies['react-dom']).toMatch(/^\^?18/);
+        (0, vitest_1.expect)(body.devDependencies.prettier).toMatch(/^\^?2/);
+        (0, vitest_1.expect)(body.devDependencies.eslint).toMatch(/^\^?8/);
+        const eitherPluginOrConfig = ((_a = body.devDependencies['@remotion/eslint-config']) === null || _a === void 0 ? void 0 : _a.match(/^\^3/)) ||
+            ((_b = body.devDependencies['@remotion/eslint-plugin']) === null || _b === void 0 ? void 0 : _b.match(/^\^3/));
+        (0, vitest_1.expect)(eitherPluginOrConfig).toBeTruthy();
+        if (!template.shortName.includes('JavaScript')) {
+            (0, vitest_1.expect)(body.devDependencies.typescript).toMatch(/^\^?4/);
+        }
+    });
+    (0, vitest_1.test)(template.shortName + ' should not have a package-lock.json', async () => {
+        const packageLockJson = getFileForTemplate(template, 'package-lock.json');
+        const res = await (0, got_1.default)(packageLockJson, {
+            throwHttpErrors: false,
+        });
+        (0, vitest_1.expect)(res.statusCode).toBe(404);
+    });
+    (0, vitest_1.test)(template.shortName + ' should not have a yarn.lock', async () => {
+        const packageLockJson = getFileForTemplate(template, 'yarn.lock');
+        const res = await (0, got_1.default)(packageLockJson, {
+            throwHttpErrors: false,
+        });
+        (0, vitest_1.expect)(res.statusCode).toBe(404);
+    });
+    (0, vitest_1.test)(template.shortName + ' should not have a pnpm-lock.yaml', async () => {
+        const packageLockJson = getFileForTemplate(template, 'pnpm-lock.yaml');
+        const res = await (0, got_1.default)(packageLockJson, {
+            throwHttpErrors: false,
+        });
+        (0, vitest_1.expect)(res.statusCode).toBe(404);
+    });
+    (0, vitest_1.test)(template.shortName + ' should not have a standard entry point', async () => {
+        const { contents, entryPoint } = await findFile([
+            getFileForTemplate(template, 'src/index.ts'),
+            getFileForTemplate(template, 'src/index.js'),
+            getFileForTemplate(template, 'remotion/index.ts'),
+            getFileForTemplate(template, 'app/remotion/index.ts'),
+        ]);
+        (0, vitest_1.expect)(entryPoint).toBeTruthy();
+        (0, vitest_1.expect)(contents).toMatch(/RemotionRoot/);
+    });
+    (0, vitest_1.test)(template.shortName + ' should not have a standard Root file', async () => {
+        const { contents, entryPoint } = await findFile([
+            getFileForTemplate(template, 'src/Root.tsx'),
+            getFileForTemplate(template, 'src/Root.jsx'),
+            getFileForTemplate(template, 'remotion/Root.tsx'),
+            getFileForTemplate(template, 'app/remotion/Root.tsx'),
+        ]);
+        (0, vitest_1.expect)(entryPoint).toBeTruthy();
+        (0, vitest_1.expect)(contents).toMatch(/export const RemotionRoot/);
+    });
+}
+const findFile = async (options) => {
+    let entryPoint = null;
+    let contents = null;
+    for (const point of options) {
+        const res = await (0, got_1.default)(point, {
+            throwHttpErrors: false,
+        });
+        if (res.statusCode === 200) {
+            entryPoint = point;
+            contents = res.body;
+            break;
+        }
+    }
+    return { entryPoint, contents };
+};

package/package.json

@@ -1,14 +1,13 @@
 {
 	"name": "create-video",
-	"version": "3.2.44",
+	"version": "3.3.1",
 	"description": "",
 	"main": "dist/index.js",
 	"bin": {
 		"create-video": "bin.js"
 	},
 	"files": [
-		"dist",
-		"_template"
+		"dist"
 	],
 	"scripts": {
 		"build": "tsc -d",
@@ -31,9 +30,11 @@
 		"@types/prompts": "^2.0.12",
 		"@types/tar": "6.1.1",
 		"eslint": "8.25.0",
+		"got": "^11",
 		"prettier": "2.6.2",
 		"prettier-plugin-organize-imports": "^2.3.4",
-		"typescript": "^4.7.0"
+		"typescript": "^4.7.0",
+		"vitest": "0.24.3"
 	},
-	"gitHead": "443b4b387b78905e747ebe69b3b91ee85966796d"
+	"gitHead": "f56a29f8ab19e279e1a9950d3a3ccbb3c8ae42e0"
 }