create-video 4.0.0-reorg.7 → 4.0.0-resetpath.13

package/LICENSE.md

@@ -1,34 +1,34 @@
 # Remotion License
 
-Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion create videos for free (even commercial), while a company license is required for for-profit organisations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
+Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
 - [Free license](#free-license)
 - [Company license](#company-license)
 
 ## Free license
 
-Copyright © 2022 [Jonny Burger](https://jonny.io)
+Copyright © 2023 [Remotion](https://www.remotion.dev/)
 
 ### Eligibility
 
 You are eligible to use Remotion for free if you are:
 
 - an individual
-- a for-profit organisation with up to 3 employees
-- a non-profit or not-for-profit organisation
+- a for-profit organization with up to 3 employees
+- a non-profit or not-for-profit organization
 - evaluating whether Remotion is a good fit, and are not yet using it in a commercial way
 
 ### Allowed use cases
 
-Permission is hereby granted, free of charge, to any person eligible for the "Free license", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify and the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
+Permission is hereby granted, free of charge, to any person eligible for the "Free license", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
 
 ### Disallowed use cases
 
-It is not allowed to copy or modify Remotion code for the purpose of selling, renting, licensing, relicensing, sublicensing your own derivate of Remotion.
+It is not allowed to copy or modify Remotion code for the purpose of selling, renting, licensing, relicensing, or sublicensing your own derivate of Remotion.
 
 ### Warranty notice
 
-The software is provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the author or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
+The software is provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose, and non-infringement. In no event shall the author or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
 
 ### Support
 
@@ -36,6 +36,6 @@ Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
 ## Company license
 
-You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support.
+You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](/docs/support)).
 
 Visit [companies.remotion.dev](https://companies.remotion.dev) for pricing and to buy a license.

package/dist/add-yarn2-support.d.ts

@@ -0,0 +1,6 @@
+import type { PackageManager } from './pkg-managers';
+export declare const createYarnYmlFile: ({ projectRoot, pkgManagerVersion, pkgManager, }: {
+    projectRoot: string;
+    pkgManagerVersion: string | null;
+    pkgManager: PackageManager;
+}) => void;

package/dist/add-yarn2-support.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createYarnYmlFile = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const log_1 = require("./log");
+const createYarnYmlFile = ({ projectRoot, pkgManagerVersion, pkgManager, }) => {
+    if (pkgManager !== 'yarn') {
+        return;
+    }
+    if (!pkgManagerVersion) {
+        return;
+    }
+    const majorVersion = pkgManagerVersion[0];
+    const majorVersionNumber = Number(majorVersion);
+    if (majorVersionNumber < 2) {
+        return;
+    }
+    log_1.Log.info('Remotion has no support for automatically installing the Yarn PnP modules yet.');
+    log_1.Log.info('Creating .yarnrc.yml file to disable Yarn PnP.');
+    const yarnrcYml = `nodeLinker: node-modules\n`;
+    (0, fs_1.writeFileSync)(path_1.default.join(projectRoot, '.yarnrc.yml'), yarnrcYml);
+};
+exports.createYarnYmlFile = createYarnYmlFile;

package/dist/index.js

@@ -6,5 +6,5 @@ exports.CreateVideoInternals = {
     FEATURED_TEMPLATES: templates_1.FEATURED_TEMPLATES,
 };
 exports.default = () => {
-    throw new Error('create-video is a CLI tool only. Run `yarn create video` or `npm init video` instead!');
+    throw new Error('create-video is a CLI tool only. Run `npm init video`, `pnpm create video` or `yarn create video` instead!');
 };

package/dist/init.d.ts

@@ -1 +1,9 @@
+export declare const checkGitAvailability: (cwd: string, command: string) => Promise<{
+    type: 'no-git-repo';
+} | {
+    type: 'is-git-repo';
+    location: string;
+} | {
+    type: 'git-not-installed';
+}>;
 export declare const init: () => Promise<void>;

package/dist/init.js

@@ -3,10 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.init = void 0;
+exports.init = exports.checkGitAvailability = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const execa_1 = __importDefault(require("execa"));
+const os_1 = __importDefault(require("os"));
+const add_yarn2_support_1 = require("./add-yarn2-support");
 const degit_1 = require("./degit");
+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");
@@ -14,19 +17,36 @@ const patch_readme_1 = require("./patch-readme");
 const pkg_managers_1 = require("./pkg-managers");
 const resolve_project_root_1 = require("./resolve-project-root");
 const select_template_1 = require("./select-template");
-const isGitExecutableAvailable = async () => {
+const yesno_1 = require("./yesno");
+const binaryExists = (name) => {
+    const isWin = os_1.default.platform() === 'win32';
+    const where = isWin ? 'where' : 'which';
     try {
-        await (0, execa_1.default)('git', ['--version']);
+        execa_1.default.sync(where, [name]);
         return true;
     }
+    catch (err) {
+        return false;
+    }
+};
+const checkGitAvailability = async (cwd, command) => {
+    if (!binaryExists(command)) {
+        return { type: 'git-not-installed' };
+    }
+    try {
+        const result = await (0, execa_1.default)(command, ['rev-parse', '--show-toplevel'], {
+            cwd,
+        });
+        return { type: 'is-git-repo', location: result.stdout };
+    }
     catch (e) {
-        if (e.errno === 'ENOENT') {
-            log_1.Log.warn('Unable to find `git` command. `git` not in PATH.');
-            return false;
-        }
+        return {
+            type: 'no-git-repo',
+        };
     }
 };
-const initGitRepoAsync = async (root) => {
+exports.checkGitAvailability = checkGitAvailability;
+const getGitStatus = async (root) => {
     // not in git tree, so let's init
     try {
         await (0, execa_1.default)('git', ['init'], { cwd: root });
@@ -48,18 +68,42 @@ const initGitRepoAsync = async (root) => {
 };
 const init = async () => {
     var _a, _b, _c, _d, _e, _f;
+    const result = await (0, exports.checkGitAvailability)(process.cwd(), 'git');
+    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 (${result.location}).\nThis might lead to a Git Submodule being created. Do you want to continue? (y/N):`,
+        });
+        if (!should) {
+            log_1.Log.error('Aborting.');
+            process.exit(1);
+        }
+    }
     const [projectRoot, folderName] = await (0, resolve_project_root_1.resolveProjectRoot)();
-    await isGitExecutableAvailable();
+    const latestRemotionVersionPromise = (0, latest_remotion_version_1.getLatestRemotionVersion)();
     const selectedTemplate = await (0, select_template_1.selectTemplate)();
     const pkgManager = (0, pkg_managers_1.selectPackageManager)();
+    const pkgManagerVersion = await (0, pkg_managers_1.getPackageManagerVersionOrNull)(pkgManager);
     try {
         await (0, degit_1.degit)({
             repoOrg: selectedTemplate.org,
             repoName: selectedTemplate.repoName,
             dest: projectRoot,
         });
-        (0, patch_readme_1.patchReadmeMd)(projectRoot, pkgManager);
-        (0, patch_package_json_1.patchPackageJson)(projectRoot, folderName);
+        (0, patch_readme_1.patchReadmeMd)(projectRoot, pkgManager, selectedTemplate);
+        const latestVersion = await latestRemotionVersionPromise;
+        (0, patch_package_json_1.patchPackageJson)({
+            projectRoot,
+            projectName: folderName,
+            latestRemotionVersion: latestVersion,
+            packageManager: pkgManagerVersion
+                ? `${pkgManager}@${pkgManagerVersion}`
+                : null,
+        });
     }
     catch (e) {
         log_1.Log.error(e);
@@ -67,6 +111,11 @@ const init = async () => {
         process.exit(1);
     }
     log_1.Log.info(`Copied ${chalk_1.default.blueBright(selectedTemplate.shortName)} to ${chalk_1.default.blueBright(folderName)}. Installing dependencies...`);
+    (0, add_yarn2_support_1.createYarnYmlFile)({
+        pkgManager,
+        pkgManagerVersion,
+        projectRoot,
+    });
     if (pkgManager === 'yarn') {
         log_1.Log.info('> yarn');
         const promise = (0, execa_1.default)('yarn', [], {
@@ -100,17 +149,17 @@ const init = async () => {
         (_f = promise.stdout) === null || _f === void 0 ? void 0 : _f.pipe(process.stdout);
         await promise;
     }
-    await initGitRepoAsync(projectRoot);
+    await getGitStatus(projectRoot);
     log_1.Log.info();
     log_1.Log.info(`Welcome to ${chalk_1.default.blueBright('Remotion')}!`);
     log_1.Log.info(`✨ Your video has been created at ${chalk_1.default.blueBright(folderName)}.`);
     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/latest-remotion-version.d.ts

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

package/dist/latest-remotion-version.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLatestRemotionVersion = void 0;
+const https_1 = __importDefault(require("https"));
+const getPackageJsonForRemotion = () => {
+    return new Promise((resolve, reject) => {
+        const req = https_1.default.get('https://registry.npmjs.org/remotion', {
+            headers: {
+                accept: 'application/vnd.npm.install-v1+json; q=1.0, application/json; q=0.8, */*',
+            },
+        }, (res) => {
+            let data = '';
+            res.on('data', (d) => {
+                data += d;
+            });
+            res.on('end', () => resolve(data));
+        });
+        req.on('error', (error) => {
+            reject(error);
+        });
+        req.end();
+    });
+};
+const getLatestRemotionVersion = async () => {
+    const pkgJson = await getPackageJsonForRemotion();
+    return JSON.parse(pkgJson)['dist-tags'].latest;
+};
+exports.getLatestRemotionVersion = getLatestRemotionVersion;

package/dist/patch-package-json.d.ts

@@ -1 +1,11 @@
-export declare const patchPackageJson: (projectRoot: string, projectName: string) => void;
+import type { PackageManager } from './pkg-managers';
+export declare const listOfRemotionPackages: string[];
+export declare const patchPackageJson: ({ projectRoot, projectName, latestRemotionVersion, packageManager, }: {
+    projectRoot: string;
+    projectName: string;
+    latestRemotionVersion: string;
+    packageManager: `${PackageManager}@${string}` | null;
+}, { getPackageJson, setPackageJson, }?: {
+    getPackageJson?: ((filename: string) => string) | undefined;
+    setPackageJson?: ((filename: string, content: string) => void) | undefined;
+}) => void;

package/dist/patch-package-json.js

@@ -3,17 +3,50 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.patchPackageJson = void 0;
+exports.patchPackageJson = exports.listOfRemotionPackages = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-const patchPackageJson = (projectRoot, projectName) => {
+exports.listOfRemotionPackages = [
+    '@remotion/bundler',
+    '@remotion/cli',
+    '@remotion/eslint-config',
+    '@remotion/renderer',
+    '@remotion/skia',
+    '@remotion/lottie',
+    '@remotion/media-utils',
+    '@remotion/motion-blur',
+    '@remotion/google-fonts',
+    '@remotion/noise',
+    '@remotion/paths',
+    '@remotion/babel-loader',
+    '@remotion/lambda',
+    '@remotion/player',
+    '@remotion/preload',
+    '@remotion/three',
+    '@remotion/gif',
+    'remotion',
+];
+const patchPackageJson = ({ projectRoot, projectName, latestRemotionVersion, packageManager, }, { getPackageJson = (filename) => fs_1.default.readFileSync(filename, 'utf-8'), setPackageJson = (filename, content) => fs_1.default.writeFileSync(filename, content), } = {}) => {
     const fileName = path_1.default.join(projectRoot, 'package.json');
-    const contents = fs_1.default.readFileSync(fileName, 'utf-8');
+    const contents = getPackageJson(fileName);
     const packageJson = JSON.parse(contents);
+    const { name, dependencies, ...others } = packageJson;
+    const newDependencies = Object.keys(dependencies)
+        .map((d) => {
+        if (exports.listOfRemotionPackages.includes(d)) {
+            return [d, latestRemotionVersion];
+        }
+        return [d, dependencies[d]];
+    })
+        .reduce((a, b) => {
+        return { ...a, [b[0]]: b[1] };
+    }, {});
     const newPackageJson = JSON.stringify({
-        ...packageJson,
         name: projectName,
+        ...others,
+        dependencies: newDependencies,
+        ...(packageManager ? { packageManager } : {}),
     }, undefined, 2);
-    fs_1.default.writeFileSync(fileName, newPackageJson);
+    setPackageJson(fileName, newPackageJson);
 };
 exports.patchPackageJson = patchPackageJson;

package/dist/patch-readme.d.ts

@@ -1,2 +1,3 @@
 import type { PackageManager } from './pkg-managers';
-export declare const patchReadmeMd: (projectRoot: string, packageManager: PackageManager) => void;
+import type { Template } from './templates';
+export declare const patchReadmeMd: (projectRoot: string, packageManager: PackageManager, template: Template) => void;

package/dist/patch-readme.js

@@ -7,7 +7,7 @@ exports.patchReadmeMd = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const pkg_managers_1 = require("./pkg-managers");
-const patchReadmeMd = (projectRoot, packageManager) => {
+const patchReadmeMd = (projectRoot, packageManager, template) => {
     const fileName = path_1.default.join(projectRoot, 'README.md');
     const contents = fs_1.default.readFileSync(fileName, 'utf8');
     const newContents = contents
@@ -17,13 +17,13 @@ const patchReadmeMd = (projectRoot, packageManager) => {
             return (0, pkg_managers_1.getInstallCommand)(packageManager);
         }
         if (c.startsWith('npm start')) {
-            return (0, pkg_managers_1.getStartCommand)(packageManager);
+            return (0, pkg_managers_1.getDevCommand)(packageManager, template);
         }
         if (c.startsWith('npm run build')) {
             return (0, pkg_managers_1.getRenderCommand)(packageManager);
         }
-        if (c.startsWith('npm run upgrade')) {
-            return (0, pkg_managers_1.getUpgradeCommand)(packageManager);
+        if (c.startsWith('npm run ')) {
+            return (0, pkg_managers_1.getRunCommand)(packageManager) + c.replace('npm run', '');
         }
         return c;
     })

package/dist/pkg-managers.d.ts

@@ -1,6 +1,10 @@
+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 getStartCommand: (manager: PackageManager) => "npm start" | "yarn start" | "pnpm start" | undefined;
+export declare const getDevCommand: (manager: PackageManager, template: Template) => string | undefined;
+export declare const getRenderCommandForTemplate: (manager: PackageManager, template: Template) => string | undefined;
 export declare const getRenderCommand: (manager: PackageManager) => "npm run build" | "yarn build" | "pnpm build" | undefined;
-export declare const getUpgradeCommand: (manager: PackageManager) => "npm run upgrade" | "yarn run upgrade" | "pnpm run upgrade" | undefined;
+export declare const getRunCommand: (manager: PackageManager) => "npm run" | "yarn run" | "pnpm run";
+export declare const getPackageManagerVersion: (manager: PackageManager) => Promise<string>;
+export declare const getPackageManagerVersionOrNull: (manager: PackageManager) => Promise<string | null>;

package/dist/pkg-managers.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUpgradeCommand = exports.getRenderCommand = exports.getStartCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
+exports.getPackageManagerVersionOrNull = exports.getPackageManagerVersion = exports.getRunCommand = exports.getRenderCommand = exports.getRenderCommandForTemplate = exports.getDevCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
+const child_process_1 = require("child_process");
 const path_1 = __importDefault(require("path"));
 const shouldUseYarn = () => {
     var _a, _b;
@@ -47,6 +48,23 @@ const getInstallCommand = (manager) => {
     }
 };
 exports.getInstallCommand = getInstallCommand;
+const getDevCommand = (manager, template) => {
+    if (template.cliId === 'remix' || template.cliId === 'next') {
+        return `${(0, exports.getRunCommand)(manager)} dev`;
+    }
+    return getStartCommand(manager);
+};
+exports.getDevCommand = getDevCommand;
+const getRenderCommandForTemplate = (manager, template) => {
+    if (template.cliId === 'remix' || template.cliId === 'next') {
+        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`;
@@ -58,7 +76,6 @@ const getStartCommand = (manager) => {
         return `pnpm start`;
     }
 };
-exports.getStartCommand = getStartCommand;
 const getRenderCommand = (manager) => {
     if (manager === 'npm') {
         return `npm run build`;
@@ -71,15 +88,44 @@ const getRenderCommand = (manager) => {
     }
 };
 exports.getRenderCommand = getRenderCommand;
-const getUpgradeCommand = (manager) => {
+const getRunCommand = (manager) => {
     if (manager === 'npm') {
-        return `npm run upgrade`;
+        return `npm run`;
     }
     if (manager === 'yarn') {
-        return `yarn run upgrade`;
+        return `yarn run`;
     }
     if (manager === 'pnpm') {
-        return `pnpm run upgrade`;
+        return `pnpm run`;
+    }
+    throw new TypeError('unknown package manager');
+};
+exports.getRunCommand = getRunCommand;
+const getPackageManagerVersion = (manager) => {
+    const cmd = `${manager} -v`;
+    return new Promise((resolve, reject) => {
+        (0, child_process_1.exec)(cmd, (error, stdout, stderr) => {
+            if (error) {
+                reject(error);
+                return;
+            }
+            if (stderr) {
+                reject(stderr);
+                return;
+            }
+            resolve(stdout.trim());
+        });
+    });
+};
+exports.getPackageManagerVersion = getPackageManagerVersion;
+const getPackageManagerVersionOrNull = async (manager) => {
+    try {
+        const version = await (0, exports.getPackageManagerVersion)(manager);
+        return version;
+    }
+    catch (err) {
+        console.warn(`Could not determine the version of ${manager}.`);
+        return null;
     }
 };
-exports.getUpgradeCommand = getUpgradeCommand;
+exports.getPackageManagerVersionOrNull = getPackageManagerVersionOrNull;

package/dist/templates.d.ts

@@ -1,15 +1,28 @@
-export declare type Template = {
-    shortName: string;
-    description: string;
-    org: string;
-    repoName: string;
-    homePageLabel: string;
-    longerDescription: string;
+import React from 'react';
+declare type DynamicTemplate = {
+    type: 'video';
     promoVideo: {
         muxId: string;
         width: number;
         height: number;
     };
-    cliId: string;
+} | {
+    type: 'image';
+    promoBanner: {
+        src: string;
+        width: number;
+        height: number;
+    };
 };
+export declare type Template = {
+    shortName: string;
+    description: string;
+    org: string;
+    repoName: string;
+    homePageLabel: string;
+    longerDescription: React.ReactNode;
+    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'remix' | 'three' | 'still' | 'tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay';
+    defaultBranch: string;
+} & DynamicTemplate;
 export declare const FEATURED_TEMPLATES: Template[];
+export {};

package/dist/templates.js

@@ -1,13 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FEATURED_TEMPLATES = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function truthy(value) {
+    return Boolean(value);
+}
+const ENABLE_NEXT = false;
+const nextTemplate = {
+    homePageLabel: 'Next.js',
+    shortName: 'Next.js',
+    org: 'remotion-dev',
+    repoName: 'template-next',
+    description: 'SaaS template for video generation apps',
+    longerDescription: 'A software-as-a-service starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Our recommended choice for people who want to build a video generation app.',
+    promoBanner: {
+        width: 1280,
+        height: 720,
+        // TODO: Update this image
+        src: '/img/remix-template.png',
+    },
+    cliId: 'next',
+    type: 'image',
+    defaultBranch: 'main',
+};
+// Note that this page is statically analyzed by extract-articles.mjs
 exports.FEATURED_TEMPLATES = [
     {
-        homePageLabel: 'TypeScript',
+        homePageLabel: 'Hello World',
         shortName: 'Hello World',
         org: 'remotion-dev',
         repoName: 'template-helloworld',
-        description: 'The default starter template (recommended)',
+        description: 'A "Hello World" starter template',
         longerDescription: 'A basic template with TypeScript, Prettier and ESLint preconfigured. Our recommended choice for beginners.',
         promoVideo: {
             muxId: 'vKvV6aa7GXGlR01cmpc6J8Zz4Gkj9d2hBSnVYoef00900I',
@@ -15,10 +38,29 @@ exports.FEATURED_TEMPLATES = [
             width: 1920,
         },
         cliId: 'hello-world',
+        type: 'video',
+        defaultBranch: 'main',
+    },
+    ENABLE_NEXT ? nextTemplate : null,
+    {
+        homePageLabel: 'Blank',
+        shortName: 'Blank',
+        description: 'Nothing except an empty canvas',
+        org: 'remotion-dev',
+        repoName: 'template-empty',
+        longerDescription: 'A template containing nothing but an empty canvas. Recommended for people who already worked with Remotion.',
+        promoVideo: {
+            muxId: 'JD00x15y859GjqO7C9hpILkrSddGzd55K4lfj02dv8gU4',
+            width: 1280,
+            height: 720,
+        },
+        cliId: 'blank',
+        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',
@@ -29,20 +71,24 @@ exports.FEATURED_TEMPLATES = [
             height: 1080,
         },
         cliId: 'javascript',
+        type: 'video',
+        defaultBranch: 'main',
     },
     {
-        homePageLabel: 'Blank',
-        shortName: 'Blank',
-        description: 'Nothing except an empty canvas',
+        homePageLabel: 'Remix',
+        shortName: 'Remix',
         org: 'remotion-dev',
-        repoName: 'template-empty',
-        longerDescription: 'A template containing nothing but an empty canvas. Recommended for people who already worked with Remotion.',
-        promoVideo: {
-            muxId: 'JD00x15y859GjqO7C9hpILkrSddGzd55K4lfj02dv8gU4',
+        repoName: 'template-remix',
+        description: 'Remotion + Remix Starter Kit',
+        longerDescription: 'A software-as-a-service starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Built with remix.run.',
+        promoBanner: {
             width: 1280,
             height: 720,
+            src: '/img/remix-template.png',
         },
-        cliId: 'blank',
+        cliId: 'remix',
+        type: 'image',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: '3D',
@@ -57,6 +103,8 @@ exports.FEATURED_TEMPLATES = [
             height: 720,
         },
         cliId: 'three',
+        type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Stills',
@@ -71,9 +119,11 @@ exports.FEATURED_TEMPLATES = [
             width: 1200,
         },
         cliId: 'still',
+        type: 'video',
+        defaultBranch: 'main',
     },
     {
-        homePageLabel: 'TTS',
+        homePageLabel: 'Text-To-Speech',
         shortName: 'Text To Speech',
         org: 'FelippeChemello',
         repoName: 'Remotion-TTS-Example',
@@ -85,6 +135,8 @@ exports.FEATURED_TEMPLATES = [
             height: 1080,
         },
         cliId: 'tts',
+        type: 'video',
+        defaultBranch: 'master',
     },
     {
         homePageLabel: 'Audiogram',
@@ -99,6 +151,8 @@ exports.FEATURED_TEMPLATES = [
             width: 1080,
         },
         cliId: 'audiogram',
+        type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Skia',
@@ -113,6 +167,8 @@ exports.FEATURED_TEMPLATES = [
             width: 1920,
         },
         cliId: 'skia',
+        type: 'video',
+        defaultBranch: 'main',
     },
     {
         homePageLabel: 'Tailwind',
@@ -127,5 +183,23 @@ exports.FEATURED_TEMPLATES = [
             width: 1280,
         },
         cliId: 'tailwind',
+        type: 'video',
+        defaultBranch: 'main',
+    },
+    {
+        homePageLabel: 'Overlay',
+        shortName: 'Overlay',
+        org: 'remotion-dev',
+        repoName: 'template-overlay',
+        description: 'Overlays for video editing software',
+        longerDescription: ((0, jsx_runtime_1.jsxs)("span", { children: ["A starter template to create overlays to use in conventional video editing software.", ' ', (0, jsx_runtime_1.jsx)("a", { href: "/docs/overlay", children: "Read more about creating overlays." })] })),
+        promoVideo: {
+            muxId: 'zgy7XK01009y33Vfzhns02cZS00rOyeZ6WaanaxcrDysqmU',
+            height: 720,
+            width: 1280,
+        },
+        cliId: 'overlay',
+        type: 'video',
+        defaultBranch: 'main',
     },
-];
+].filter(truthy);

package/dist/test/git-status.test.d.ts

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

package/dist/test/git-status.test.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const vitest_1 = require("vitest");
+const init_1 = require("../init");
+(0, vitest_1.test)('Get git status', async () => {
+    const status = await (0, init_1.checkGitAvailability)(process.cwd(), 'git');
+    (0, vitest_1.expect)(status).toEqual({
+        type: 'is-git-repo',
+        location: path_1.default.posix
+            .join(__dirname, '..', '..', '..', '..')
+            .replace(/\\/g, '/'),
+    });
+    if (status.type !== 'is-git-repo') {
+        throw new Error('is git repo');
+    }
+    const status2 = await (0, init_1.checkGitAvailability)(path_1.default.dirname(status.location), 'git');
+    (0, vitest_1.expect)(status2).toEqual({ type: 'no-git-repo' });
+    const status3 = await (0, init_1.checkGitAvailability)(path_1.default.dirname(status.location), 'wronggitbinary');
+    (0, vitest_1.expect)(status3).toEqual({ type: 'git-not-installed' });
+});

package/dist/test/patch-package-json.test.d.ts

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

package/dist/test/patch-package-json.test.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const patch_package_json_1 = require("../patch-package-json");
+const packageManagers = ['npm', 'pnpm', 'yarn'];
+for (const packageManager of packageManagers) {
+    (0, vitest_1.test)(`Using ${packageManager} package manager provides the correct "packageManager" entry in package.json`, () => {
+        const latestRemotionVersion = '1.0.0';
+        const packageManagerVersion = '1.22.19';
+        const packageJson = {
+            name: 'my-video',
+            version: '1.0.0',
+            description: 'My Remotion video',
+            scripts: {
+                start: 'remotion preview',
+            },
+            dependencies: {
+                '@remotion/cli': 'stale-remotion-version',
+                react: '^18.0.0',
+                remotion: 'stale-remotion-version',
+            },
+            devDependencies: {
+                '@types/react': '^18.0.6',
+            },
+        };
+        let newPackageJson = null;
+        (0, patch_package_json_1.patchPackageJson)({
+            projectRoot: '/path/to/project',
+            latestRemotionVersion,
+            packageManager: `${packageManager}@${packageManagerVersion}`,
+            projectName: 'my-video',
+        }, {
+            getPackageJson: () => JSON.stringify(packageJson),
+            setPackageJson: (_, content) => {
+                newPackageJson = JSON.parse(content);
+            },
+        });
+        (0, vitest_1.expect)(newPackageJson).to.deep.equal({
+            ...packageJson,
+            dependencies: {
+                ...packageJson.dependencies,
+                '@remotion/cli': latestRemotionVersion,
+                remotion: latestRemotionVersion,
+            },
+            packageManager: `${packageManager}@${packageManagerVersion}`
+        });
+    });
+}

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

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

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

@@ -0,0 +1,122 @@
+"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://github.com/${template.org}/${template.repoName}/raw/${template.defaultBranch}/${file}`;
+};
+(0, vitest_1.describe)('Templates should be valid', () => {
+    for (const template of templates_1.FEATURED_TEMPLATES) {
+        (0, vitest_1.it)(template.shortName + ' should have a valid package.json', async () => {
+            var _a, _b;
+            const packageJson = getFileForTemplate(template, 'package.json');
+            const res = await (0, got_1.default)(packageJson, {
+                throwHttpErrors: false,
+                cache: false,
+                followRedirect: true,
+            });
+            (0, vitest_1.expect)(res.statusCode).toBe(200);
+            const body = JSON.parse(res.body);
+            if (!template.shortName.includes('Remix') &&
+                !template.shortName.includes('Still')) {
+                (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.8.1/);
+            (0, vitest_1.expect)(body.devDependencies.eslint).toMatch(/^\^?8.30/);
+            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/);
+            }
+        }, 12000);
+        (0, vitest_1.it)(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);
+        }, 12000);
+        (0, vitest_1.it)(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);
+        }, 12000);
+        (0, vitest_1.it)(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);
+        }, 12000);
+        (0, vitest_1.it)(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/);
+        }, 12000);
+        (0, vitest_1.it)(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/);
+        }, 12000);
+        (0, vitest_1.it)(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/);
+        }, 12000);
+        (0, vitest_1.it)(template.shortName + 'should use the new config file format', async () => {
+            const { contents, entryPoint } = await findFile([
+                getFileForTemplate(template, 'remotion.config.ts'),
+                getFileForTemplate(template, 'remotion.config.js'),
+            ]);
+            (0, vitest_1.expect)(entryPoint).toBeTruthy();
+            (0, vitest_1.expect)(contents).not.toContain('Config.Rendering');
+            (0, vitest_1.expect)(contents).not.toContain('Config.Bundling');
+            (0, vitest_1.expect)(contents).not.toContain('Config.Log');
+            (0, vitest_1.expect)(contents).not.toContain('Config.Puppeteer');
+            (0, vitest_1.expect)(contents).not.toContain('Config.Output');
+            (0, vitest_1.expect)(contents).not.toContain('Config.Preview');
+        });
+    }
+});
+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,19 +1,19 @@
 {
 	"name": "create-video",
-	"version": "4.0.0-reorg.7+ac7863933",
+	"version": "4.0.0-resetpath.13+40cc970bd",
 	"description": "",
 	"main": "dist/index.js",
 	"bin": {
 		"create-video": "bin.js"
 	},
 	"files": [
-		"dist",
-		"_template"
+		"dist"
 	],
 	"scripts": {
 		"build": "tsc -d",
 		"watch": "tsc -w",
-		"lint": "eslint src --ext ts,tsx"
+		"lint": "eslint src --ext ts,tsx",
+		"test": "vitest --run"
 	},
 	"author": "",
 	"license": "SEE LICENSE IN LICENSE.md",
@@ -22,6 +22,7 @@
 		"execa": "5.1.1",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
+		"react": "18.0.0",
 		"tar": "6.1.11"
 	},
 	"devDependencies": {
@@ -29,11 +30,14 @@
 		"@types/minimist": "1.2.2",
 		"@types/node": "^16.7.5",
 		"@types/prompts": "^2.0.12",
+		"@types/react": "18.0.26",
 		"@types/tar": "6.1.1",
-		"eslint": "8.13.0",
+		"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": "ac7863933e3e016e3db0b979b6a8a3a380888d64"
+	"gitHead": "40cc970bd20f2c9fde0c1644f1c9f33cd47f3dc7"
 }