create-video 4.0.213 → 4.0.215

package/dist/add-tailwind.d.ts

@@ -0,0 +1,4 @@
+export declare const addTailwindStyleCss: (projectRoot: string) => void;
+export declare const addTailwindConfigJs: (projectRoot: string) => void;
+export declare const addTailwindRootCss: (projectRoot: string) => void;
+export declare const addTailwindToConfig: (projectRoot: string) => void;

package/dist/add-tailwind.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTailwindToConfig = exports.addTailwindRootCss = exports.addTailwindConfigJs = exports.addTailwindStyleCss = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const addTailwindStyleCss = (projectRoot) => {
+    const styleFile = path_1.default.join(projectRoot, 'src', 'tailwind.css');
+    fs_1.default.writeFileSync(styleFile, `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`);
+};
+exports.addTailwindStyleCss = addTailwindStyleCss;
+const addTailwindConfigJs = (projectRoot) => {
+    const tailwindConfigFile = path_1.default.join(projectRoot, 'tailwind.config.js');
+    fs_1.default.writeFileSync(tailwindConfigFile, `/* eslint-env node */
+module.exports = {
+  content: ["./src/**/*.{ts,tsx,js,jsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+`);
+};
+exports.addTailwindConfigJs = addTailwindConfigJs;
+const addTailwindRootCss = (projectRoot) => {
+    const rootFileTsx = path_1.default.join(projectRoot, 'src', 'Root.tsx');
+    const rootFileJsx = path_1.default.join(projectRoot, 'src', 'Root.jsx');
+    const rootFile = fs_1.default.existsSync(rootFileTsx) ? rootFileTsx : rootFileJsx;
+    if (!fs_1.default.existsSync(rootFile)) {
+        throw new Error('No Root file found');
+    }
+    const root = fs_1.default.readFileSync(rootFile, 'utf-8');
+    const newFile = `import './tailwind.css';\n${root}`;
+    fs_1.default.writeFileSync(rootFile, newFile);
+};
+exports.addTailwindRootCss = addTailwindRootCss;
+const addTailwindToConfig = (projectRoot) => {
+    const configFileTs = path_1.default.join(projectRoot, 'remotion.config.ts');
+    const configFileJs = path_1.default.join(projectRoot, 'remotion.config.js');
+    const configFile = fs_1.default.existsSync(configFileTs) ? configFileTs : configFileJs;
+    if (!fs_1.default.existsSync(configFile)) {
+        throw new Error('No remotion.config.ts file found');
+    }
+    const config = fs_1.default.readFileSync(configFile, 'utf-8');
+    const lines = config.trim().split('\n');
+    let lineNo = 0;
+    let lastImportLine = 0;
+    for (const line of lines) {
+        if (line.startsWith('import ')) {
+            lastImportLine = lineNo;
+        }
+        lineNo++;
+    }
+    const headerLines = lines.slice(0, lastImportLine + 1);
+    const tailLines = lines.slice(lastImportLine + 1);
+    const newLines = [
+        ...headerLines,
+        `import { enableTailwind } from '@remotion/tailwind';`,
+        ...tailLines,
+        'Config.overrideWebpackConfig(enableTailwind);',
+    ];
+    fs_1.default.writeFileSync(configFile, newLines.join('\n') + '\n');
+};
+exports.addTailwindToConfig = addTailwindToConfig;

package/dist/ask-tailwind.d.ts

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

package/dist/ask-tailwind.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.askTailwind = void 0;
+const prompts_1 = __importDefault(require("./prompts"));
+const askTailwind = async () => {
+    const { answer } = await (0, prompts_1.default)({
+        type: 'toggle',
+        name: 'answer',
+        message: 'Add TailwindCSS?',
+        initial: true,
+        active: 'Yes',
+        inactive: 'No',
+    });
+    return answer;
+};
+exports.askTailwind = askTailwind;

package/dist/degit.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.degit = exports.fetch = void 0;
+exports.degit = void 0;
+exports.fetch = fetch;
 const https_1 = __importDefault(require("https"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_os_1 = require("node:os");
@@ -33,7 +34,6 @@ function fetch(url, dest) {
             .on('error', reject);
     });
 }
-exports.fetch = fetch;
 function untar(file, dest) {
     return tar_1.default.extract({
         file,

package/dist/hyperlinks/is-supported.js

@@ -1,7 +1,7 @@
 "use strict";
 // From https://github.com/jamestalmage/supports-hyperlinks/blob/master/index.js
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.supportsHyperlink = void 0;
+exports.supportsHyperlink = supportsHyperlink;
 // MIT License
 // Copyright (c) James Talmage <james@talmage.io> (github.com/jamestalmage)
 // Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
@@ -72,4 +72,3 @@ function supportsHyperlink() {
     }
     return false;
 }
-exports.supportsHyperlink = supportsHyperlink;

package/dist/init.d.ts

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

package/dist/init.js

@@ -7,7 +7,9 @@ exports.init = exports.checkGitAvailability = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 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_tailwind_1 = require("./ask-tailwind");
 const degit_1 = require("./degit");
 const latest_remotion_version_1 = require("./latest-remotion-version");
 const log_1 = require("./log");
@@ -65,10 +67,10 @@ const getGitStatus = async (root) => {
     }
 };
 const init = async () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const result = await (0, exports.checkGitAvailability)(process.cwd(), 'git', [
-        '--version',
-    ]);
+    log_1.Log.info(`Welcome to ${chalk_1.default.blue('Remotion')}!`);
+    const { projectRoot, folderName } = await (0, resolve_project_root_1.resolveProjectRoot)();
+    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);
@@ -79,13 +81,12 @@ const init = async () => {
             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):`,
         });
         if (!should) {
-            log_1.Log.error('Aborting.');
             process.exit(1);
         }
     }
-    const [projectRoot, folderName] = await (0, resolve_project_root_1.resolveProjectRoot)();
     const latestRemotionVersionPromise = (0, latest_remotion_version_1.getLatestRemotionVersion)();
     const selectedTemplate = await (0, select_template_1.selectTemplate)();
+    const shouldOverrideTailwind = selectedTemplate ? await (0, ask_tailwind_1.askTailwind)() : false;
     const pkgManager = (0, pkg_managers_1.selectPackageManager)();
     const pkgManagerVersion = await (0, pkg_managers_1.getPackageManagerVersionOrNull)(pkgManager);
     try {
@@ -95,14 +96,19 @@ const init = async () => {
             dest: projectRoot,
         });
         (0, patch_readme_1.patchReadmeMd)(projectRoot, pkgManager, selectedTemplate);
+        if (shouldOverrideTailwind) {
+            (0, add_tailwind_1.addTailwindStyleCss)(projectRoot);
+            (0, add_tailwind_1.addTailwindToConfig)(projectRoot);
+            (0, add_tailwind_1.addTailwindConfigJs)(projectRoot);
+            (0, add_tailwind_1.addTailwindRootCss)(projectRoot);
+        }
         const latestVersion = await latestRemotionVersionPromise;
         (0, patch_package_json_1.patchPackageJson)({
             projectRoot,
             projectName: folderName,
             latestRemotionVersion: latestVersion,
-            packageManager: pkgManagerVersion
-                ? `${pkgManager}@${pkgManagerVersion}`
-                : null,
+            packageManager: pkgManager,
+            addTailwind: shouldOverrideTailwind,
         });
     }
     catch (e) {
@@ -110,69 +116,30 @@ const init = async () => {
         log_1.Log.error('Error with template cloning. Aborting');
         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', [], {
-            cwd: projectRoot,
-            stdio: 'inherit',
-            env: { ...process.env, ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' },
-        });
-        (_a = promise.stderr) === null || _a === void 0 ? void 0 : _a.pipe(process.stderr);
-        (_b = promise.stdout) === null || _b === void 0 ? void 0 : _b.pipe(process.stdout);
-        await promise;
-    }
-    else if (pkgManager === 'pnpm') {
-        log_1.Log.info('> pnpm i');
-        const promise = (0, execa_1.default)('pnpm', ['i'], {
-            cwd: projectRoot,
-            stdio: 'inherit',
-            env: { ...process.env, ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' },
-        });
-        (_c = promise.stderr) === null || _c === void 0 ? void 0 : _c.pipe(process.stderr);
-        (_d = promise.stdout) === null || _d === void 0 ? void 0 : _d.pipe(process.stdout);
-        await promise;
-    }
-    else if (pkgManager === 'bun') {
-        log_1.Log.info('> bun install');
-        const promise = (0, execa_1.default)('bun', ['install'], {
-            cwd: projectRoot,
-            stdio: 'inherit',
-            env: { ...process.env, ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' },
-        });
-        (_e = promise.stderr) === null || _e === void 0 ? void 0 : _e.pipe(process.stderr);
-        (_f = promise.stdout) === null || _f === void 0 ? void 0 : _f.pipe(process.stdout);
-        await promise;
-    }
-    else {
-        log_1.Log.info('> npm install');
-        const promise = (0, execa_1.default)('npm', ['install', '--no-fund', '--no-audit'], {
-            stdio: 'inherit',
-            cwd: projectRoot,
-            env: { ...process.env, ADBLOCK: '1', DISABLE_OPENCOLLECTIVE: '1' },
-        });
-        (_g = promise.stderr) === null || _g === void 0 ? void 0 : _g.pipe(process.stderr);
-        (_h = promise.stdout) === null || _h === void 0 ? void 0 : _h.pipe(process.stdout);
-        await promise;
-    }
     await getGitStatus(projectRoot);
+    const relativeToCurrent = node_path_1.default.relative(process.cwd(), projectRoot);
+    const cdToFolder = relativeToCurrent.startsWith('.')
+        ? projectRoot
+        : relativeToCurrent;
     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.getDevCommand)(pkgManager, selectedTemplate)));
+    log_1.Log.info(`Copied ${chalk_1.default.blue(selectedTemplate.shortName)} 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}`));
+    log_1.Log.info(' ' + chalk_1.default.blue((0, pkg_managers_1.getInstallCommand)(pkgManager)));
+    log_1.Log.info(' ' + chalk_1.default.blue((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.getRenderCommandForTemplate)(pkgManager, selectedTemplate)));
+    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('Enjoy Remotion!');
 };
 exports.init = init;

package/dist/log.d.ts

@@ -1,14 +1,14 @@
 import chalk from 'chalk';
 export declare const Log: {
     chalk: chalk.Chalk & chalk.ChalkFunction & {
-        supportsColor: false | chalk.ColorSupport;
+        supportsColor: chalk.ColorSupport | false;
         Level: chalk.Level;
         Color: ("black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan" | "white" | "gray" | "grey" | "blackBright" | "redBright" | "greenBright" | "yellowBright" | "blueBright" | "magentaBright" | "cyanBright" | "whiteBright") | ("bgBlack" | "bgRed" | "bgGreen" | "bgYellow" | "bgBlue" | "bgMagenta" | "bgCyan" | "bgWhite" | "bgGray" | "bgGrey" | "bgBlackBright" | "bgRedBright" | "bgGreenBright" | "bgYellowBright" | "bgBlueBright" | "bgMagentaBright" | "bgCyanBright" | "bgWhiteBright");
         ForegroundColor: "black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan" | "white" | "gray" | "grey" | "blackBright" | "redBright" | "greenBright" | "yellowBright" | "blueBright" | "magentaBright" | "cyanBright" | "whiteBright";
         BackgroundColor: "bgBlack" | "bgRed" | "bgGreen" | "bgYellow" | "bgBlue" | "bgMagenta" | "bgCyan" | "bgWhite" | "bgGray" | "bgGrey" | "bgBlackBright" | "bgRedBright" | "bgGreenBright" | "bgYellowBright" | "bgBlueBright" | "bgMagentaBright" | "bgCyanBright" | "bgWhiteBright";
-        Modifiers: "reset" | "bold" | "dim" | "italic" | "underline" | "inverse" | "hidden" | "strikethrough" | "visible";
+        Modifiers: "bold" | "reset" | "dim" | "italic" | "underline" | "inverse" | "hidden" | "strikethrough" | "visible";
         stderr: chalk.Chalk & {
-            supportsColor: false | chalk.ColorSupport;
+            supportsColor: chalk.ColorSupport | false;
         };
     };
     verbose: (...args: Parameters<typeof console.log>) => void;

package/dist/log.js

@@ -9,7 +9,7 @@ const chalk_1 = __importDefault(require("chalk"));
 exports.Log = {
     chalk: chalk_1.default,
     verbose: (...args) => {
-        return console.log(chalk_1.default.blueBright(...args));
+        return console.log(chalk_1.default.blue(...args));
     },
     info: (...args) => {
         return console.log(...args);

package/dist/mkdirp.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.mkdirp = void 0;
+exports.mkdirp = mkdirp;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 function mkdirp(dir) {
@@ -19,4 +19,3 @@ function mkdirp(dir) {
             throw err;
     }
 }
-exports.mkdirp = mkdirp;

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

@@ -17,7 +17,7 @@ const openInEditorFlow = async (projectRoot) => {
     const displayName = (0, open_in_editor_1.getDisplayNameForEditor)(guiEditor.command);
     const should = await (0, yesno_1.yesOrNo)({
         defaultValue: true,
-        question: `💻 Do you want to open the project in ${displayName}? (Y/n):`,
+        question: `💻 Open in ${displayName}? (Y/n):`,
     });
     if (should) {
         await (0, open_in_editor_1.launchEditor)({
@@ -39,7 +39,6 @@ const openInEditorFlow = async (projectRoot) => {
                 lineNumber: 1,
             });
         }
-        log_1.Log.info(`Opened in ${displayName}.`);
     }
     log_1.Log.info();
 };

package/dist/open-in-editor.d.ts

@@ -1,4 +1,4 @@
-export declare const isVsCodeDerivative: (editor: Editor) => boolean;
+export declare const isVsCodeDerivative: (editor: Editor) => editor is "code" | "code-insiders" | "vscodium" | "Code.exe" | "Code - Insiders.exe" | "VSCodium.exe";
 export declare function isTerminalEditor(editor: Editor): boolean;
 declare const editorNames: readonly ["atom", "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta", "brackets", "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl", "code", "code-insiders", "vscodium", "/Applications/AppCode.app/Contents/MacOS/appcode", "/Applications/CLion.app/Contents/MacOS/clion", "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea", "/Applications/PhpStorm.app/Contents/MacOS/phpstorm", "/Applications/PyCharm.app/Contents/MacOS/pycharm", "/Applications/PyCharm CE.app/Contents/MacOS/pycharm", "/Applications/RubyMine.app/Contents/MacOS/rubymine", "/Applications/WebStorm.app/Contents/MacOS/webstorm", "/Applications/GoLand.app/Contents/MacOS/goland", "/Applications/Rider.app/Contents/MacOS/rider", "mvim", "emacs", "gvim", "idea", "phpstorm", "pycharm", "rubymine", "sublime_text", "vim", "webstorm", "goland", "rider", "Brackets.exe", "Code.exe", "Code - Insiders.exe", "VSCodium.exe", "atom.exe", "sublime_text.exe", "notepad++.exe", "clion.exe", "clion64.exe", "idea.exe", "idea64.exe", "phpstorm.exe", "phpstorm64.exe", "pycharm.exe", "pycharm64.exe", "rubymine.exe", "rubymine64.exe", "webstorm.exe", "webstorm64.exe", "goland.exe", "goland64.exe", "rider.exe", "rider64.exe", "nano"];
 export declare const getDisplayNameForEditor: (editor: Editor) => string;

package/dist/open-in-editor.js

@@ -27,7 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.launchEditor = exports.guessEditor = exports.getDisplayNameForEditor = exports.isTerminalEditor = exports.isVsCodeDerivative = void 0;
+exports.getDisplayNameForEditor = exports.isVsCodeDerivative = void 0;
+exports.isTerminalEditor = isTerminalEditor;
+exports.guessEditor = guessEditor;
+exports.launchEditor = launchEditor;
 const node_child_process_1 = __importStar(require("node:child_process"));
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
@@ -53,7 +56,6 @@ function isTerminalEditor(editor) {
             return false;
     }
 }
-exports.isTerminalEditor = isTerminalEditor;
 const editorNames = [
     'atom',
     '/Applications/Atom Beta.app/Contents/MacOS/Atom Beta',
@@ -384,7 +386,6 @@ async function guessEditor() {
     }
     return [];
 }
-exports.guessEditor = guessEditor;
 let _childProcess = null;
 async function launchEditor({ colNumber, editor, fileName, lineNumber, vsCodeNewWindow, }) {
     if (!node_fs_1.default.existsSync(fileName)) {
@@ -478,4 +479,3 @@ async function launchEditor({ colNumber, editor, fileName, lineNumber, vsCodeNew
     });
     return true;
 }
-exports.launchEditor = launchEditor;

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

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

package/dist/patch-package-json.js

@@ -7,7 +7,7 @@ exports.patchPackageJson = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const list_of_remotion_packages_1 = require("./list-of-remotion-packages");
-const patchPackageJson = ({ projectRoot, projectName, latestRemotionVersion, packageManager, }, { getPackageJson = (filename) => node_fs_1.default.readFileSync(filename, 'utf-8'), setPackageJson = (filename, content) => node_fs_1.default.writeFileSync(filename, content), } = {}) => {
+const patchPackageJson = ({ projectRoot, projectName, latestRemotionVersion, packageManager, addTailwind, }, { getPackageJson = (filename) => node_fs_1.default.readFileSync(filename, 'utf-8'), setPackageJson = (filename, content) => node_fs_1.default.writeFileSync(filename, content), } = {}) => {
     const fileName = node_path_1.default.join(projectRoot, 'package.json');
     const contents = getPackageJson(fileName);
     const packageJson = JSON.parse(contents);
@@ -35,16 +35,22 @@ const patchPackageJson = ({ projectRoot, projectName, latestRemotionVersion, pac
     };
     // update scripts to use "remotionb" instead of "remotion" if Bun is used
     // matching '@' as well to prevent conflicts with similarly named packages.
-    const newScripts = (packageManager === null || packageManager === void 0 ? void 0 : packageManager.startsWith('bun@'))
+    const newScripts = packageManager.startsWith('bun')
         ? updateScripts(scripts)
         : scripts;
+    const newDependenciesWithTailwind = addTailwind
+        ? {
+            ...newDependencies,
+            '@remotion/tailwind': latestRemotionVersion,
+        }
+        : newDependencies;
     const newPackageJson = JSON.stringify({
         name: projectName,
         ...others,
-        dependencies: newDependencies,
+        dependencies: newDependenciesWithTailwind,
         devDependencies: newDevDependencies,
         scripts: newScripts,
-        ...(packageManager ? { packageManager } : {}),
+        ...(addTailwind ? { sideEffects: ['*.css'] } : {}),
     }, undefined, 2);
     setPackageJson(fileName, newPackageJson);
 };

package/dist/pkg-managers.d.ts

@@ -2,9 +2,8 @@ import type { Template } from './templates';
 export type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun';
 export declare const selectPackageManager: () => PackageManager;
 export declare const getInstallCommand: (manager: PackageManager) => "yarn" | "npm i" | "pnpm i" | "bun install" | undefined;
-export declare const getRenderCommand: (manager: PackageManager) => "npm run build" | "yarn build" | "pnpm build" | "bun run build" | undefined;
 export declare const getRunCommand: (manager: PackageManager) => "npm run" | "yarn run" | "pnpm run" | "bun run";
+export declare const getRenderCommand: (manager: PackageManager) => "npx remotion render" | "yarn remotion render" | "pnpm exec remotion render" | "bunx remotion render";
 export declare const getDevCommand: (manager: PackageManager, template: Template) => string | undefined;
-export declare const getRenderCommandForTemplate: (manager: PackageManager, template: Template) => string | undefined;
 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,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPackageManagerVersionOrNull = exports.getPackageManagerVersion = exports.getRenderCommandForTemplate = exports.getDevCommand = exports.getRunCommand = exports.getRenderCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
+exports.getPackageManagerVersionOrNull = exports.getPackageManagerVersion = exports.getDevCommand = exports.getRenderCommand = exports.getRunCommand = exports.getInstallCommand = exports.selectPackageManager = void 0;
 const node_child_process_1 = require("node:child_process");
 const node_path_1 = __importDefault(require("node:path"));
 const shouldUseBun = () => {
@@ -76,37 +76,38 @@ const getStartCommand = (manager) => {
         return `bun start`;
     }
 };
-const getRenderCommand = (manager) => {
+const getRunCommand = (manager) => {
     if (manager === 'npm') {
-        return `npm run build`;
+        return `npm run`;
     }
     if (manager === 'yarn') {
-        return `yarn build`;
+        return `yarn run`;
     }
     if (manager === 'pnpm') {
-        return `pnpm build`;
+        return `pnpm run`;
     }
     if (manager === 'bun') {
-        return `bun run build`;
+        return `bun run`;
     }
+    throw new TypeError('unknown package manager');
 };
-exports.getRenderCommand = getRenderCommand;
-const getRunCommand = (manager) => {
+exports.getRunCommand = getRunCommand;
+const getRenderCommand = (manager) => {
     if (manager === 'npm') {
-        return `npm run`;
+        return `npx remotion render`;
     }
     if (manager === 'yarn') {
-        return `yarn run`;
+        return `yarn remotion render`;
     }
     if (manager === 'pnpm') {
-        return `pnpm run`;
+        return `pnpm exec remotion render`;
     }
     if (manager === 'bun') {
-        return `bun run`;
+        return `bunx remotion render`;
     }
     throw new TypeError('unknown package manager');
 };
-exports.getRunCommand = getRunCommand;
+exports.getRenderCommand = getRenderCommand;
 const getDevCommand = (manager, template) => {
     if (template.cliId === 'remix' ||
         template.cliId === 'next' ||
@@ -117,16 +118,6 @@ const getDevCommand = (manager, template) => {
     return 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 getPackageManagerVersion = (manager) => {
     const cmd = `${manager} -v`;
     return new Promise((resolve, reject) => {

package/dist/prompts.d.ts

@@ -7,13 +7,6 @@ export type NamelessQuestion = Omit<Question<'value'>, 'name' | 'type'>;
 type PromptOptions = {
     nonInteractiveHelp?: string;
 } & Options;
-declare function prompt(questions: Question | Question[], { nonInteractiveHelp, ...options }?: PromptOptions): Promise<prompts.Answers<string>>;
-declare namespace prompt {
-    var separator: (title: string) => {
-        title: string;
-        disabled: boolean;
-        value: undefined;
-    };
-}
-export default prompt;
-export declare function selectAsync(questions: NamelessQuestion, options?: PromptOptions): Promise<unknown>;
+export default function prompt(questions: Question, { nonInteractiveHelp, ...options }?: PromptOptions): Promise<prompts.Answers<string>>;
+export declare function selectAsync(questions: NamelessQuestion): Promise<unknown>;
+export {};

package/dist/prompts.js

@@ -3,24 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectAsync = void 0;
+exports.default = prompt;
+exports.selectAsync = selectAsync;
 const prompts_1 = __importDefault(require("prompts"));
 function prompt(questions, { nonInteractiveHelp, ...options } = {}) {
-    questions = Array.isArray(questions) ? questions : [questions];
-    return (0, prompts_1.default)(questions, {
+    return (0, prompts_1.default)([questions], {
         onCancel() {
             throw new Error();
         },
         ...options,
     });
 }
-exports.default = prompt;
-prompt.separator = (title) => ({
-    title,
-    disabled: true,
-    value: undefined,
-});
-async function selectAsync(questions, options) {
+async function selectAsync(questions) {
     const { value } = await prompt({
         limit: 11,
         ...questions,
@@ -100,7 +94,6 @@ async function selectAsync(questions, options) {
         },
         name: 'value',
         type: 'select',
-    }, options);
+    });
     return value !== null && value !== void 0 ? value : null;
 }
-exports.selectAsync = selectAsync;

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

@@ -1,4 +1,4 @@
-export declare const resolveProjectRoot: () => Promise<[
-    string,
-    string
-]>;
+export declare const resolveProjectRoot: () => Promise<{
+    projectRoot: string;
+    folderName: string;
+}>;

package/dist/resolve-project-root.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveProjectRoot = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const node_fs_1 = __importDefault(require("node:fs"));
+const node_os_1 = require("node:os");
 const node_path_1 = __importDefault(require("node:path"));
 const log_1 = require("./log");
 const mkdirp_1 = require("./mkdirp");
 const prompts_1 = __importDefault(require("./prompts"));
+const select_template_1 = require("./select-template");
 const validate_name_1 = require("./validate-name");
 function assertValidName(folderName) {
     const validation = (0, validate_name_1.validateName)(folderName);
@@ -31,6 +33,13 @@ function assertFolderEmptyAsync(projectRoot) {
     return { exists: false };
 }
 const resolveProjectRoot = async () => {
+    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)}`;
+        const randomRoot = node_path_1.default.join((0, node_os_1.tmpdir)(), randomName);
+        (0, mkdirp_1.mkdirp)(randomRoot);
+        return { projectRoot: randomRoot, folderName: randomName };
+    }
     let projectName = '';
     try {
         const { answer } = await (0, prompts_1.default)({
@@ -63,6 +72,6 @@ const resolveProjectRoot = async () => {
     if (assertFolderEmptyAsync(projectRoot).exists) {
         return (0, exports.resolveProjectRoot)();
     }
-    return [projectRoot, folderName];
+    return { projectRoot, folderName };
 };
 exports.resolveProjectRoot = resolveProjectRoot;

package/dist/select-template.d.ts

@@ -1,2 +1,3 @@
 import type { Template } from './templates';
+export declare const isTmpFlagSelected: () => boolean;
 export declare const selectTemplate: () => Promise<Template>;

package/dist/select-template.js

@@ -1,47 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectTemplate = void 0;
+exports.selectTemplate = exports.isTmpFlagSelected = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const minimist_1 = __importDefault(require("minimist"));
 const make_link_1 = require("./hyperlinks/make-link");
-const prompts_1 = __importStar(require("./prompts"));
-const strip_ansi_1 = require("./strip-ansi");
+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),
+    boolean: [...templates_1.FEATURED_TEMPLATES.map((f) => f.cliId), 'tmp'],
 });
-function padEnd(str, width) {
-    // Pulled from commander for overriding
-    const len = Math.max(0, width - (0, strip_ansi_1.stripAnsi)(str).length);
-    return str + Array(len + 1).join(' ');
-}
-const descriptionColumn = Math.max(...templates_1.FEATURED_TEMPLATES.map((t) => typeof t === 'object' ? t.shortName.length : 0)) + 2;
+const isTmpFlagSelected = () => parsed.tmp;
+exports.isTmpFlagSelected = isTmpFlagSelected;
 const selectTemplate = async () => {
     const isFlagSelected = templates_1.FEATURED_TEMPLATES.find((f) => {
         return parsed[f.cliId];
@@ -49,23 +21,19 @@ const selectTemplate = async () => {
     if (isFlagSelected) {
         return isFlagSelected;
     }
-    const selectedTemplate = (await (0, prompts_1.selectAsync)({
+    return (await (0, prompts_1.selectAsync)({
         message: 'Choose a template:',
         optionsPerPage: 20,
         choices: templates_1.FEATURED_TEMPLATES.map((template) => {
-            if (typeof template === 'string') {
-                return prompts_1.default.separator(template);
-            }
             return {
                 value: template,
-                title: chalk_1.default.bold(padEnd((0, make_link_1.makeHyperlink)({
-                    text: template.shortName,
+                title: `${chalk_1.default.blue(template.shortName)}${chalk_1.default.reset(` ${chalk_1.default.gray(template.description.trim())} ${chalk_1.default.gray((0, make_link_1.makeHyperlink)({
+                    text: '(?)',
                     url: `https://remotion.dev/templates/${template.cliId}`,
-                    fallback: template.shortName,
-                }), descriptionColumn)) + template.description.trim(),
+                    fallback: '',
+                }))}`)}`,
             };
         }),
-    }, {}));
-    return selectedTemplate;
+    }));
 };
 exports.selectTemplate = selectTemplate;

package/dist/templates.d.ts

@@ -21,10 +21,12 @@ export type Template = {
     repoName: string;
     homePageLabel: string;
     longerDescription: React.ReactNode;
-    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'next-tailwind' | 'next-pages-dir' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay' | 'stargazer' | 'tiktok' | 'code-hike';
+    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'next-tailwind' | 'next-pages-dir' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'overlay' | 'stargazer' | 'tiktok' | 'code-hike';
     defaultBranch: string;
     featuredOnHomePage: string | null;
-    previewURL?: string | null;
+    previewURL: string | null;
+    templateInMonorepo: string;
+    allowEnableTailwind: boolean;
 } & DynamicTemplate;
 export declare const FEATURED_TEMPLATES: Template[];
 export {};

package/dist/templates.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 function truthy(value) {
     return Boolean(value);
 }
-// Note that this page is statically analyzed by extract-articles.mjs
 exports.FEATURED_TEMPLATES = [
     {
         homePageLabel: 'Hello World',
@@ -24,6 +23,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: 'Hello World',
         previewURL: 'https://remotion-helloworld.vercel.app/?/HelloWorld',
+        templateInMonorepo: 'template-helloworld',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'Next.js (App dir)',
@@ -41,6 +42,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: 'Next.js',
+        previewURL: null,
+        templateInMonorepo: 'template-next-app',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Next.js (App dir + TailwindCSS)',
@@ -58,6 +62,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-next-app-tailwind',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Next.js (Pages dir)',
@@ -75,6 +82,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-next-pages',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Blank',
@@ -93,6 +103,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: 'Blank',
         previewURL: 'https://template-empty.vercel.app/?/MyComp',
+        templateInMonorepo: 'template-blank',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'JavaScript',
@@ -111,6 +123,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: 'JavaScript',
         previewURL: 'https://template-helloworld-javascript.vercel.app/?/HelloWorld',
+        templateInMonorepo: 'template-javascript',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'Remix',
@@ -128,6 +142,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'image',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-remix',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: '3D',
@@ -146,6 +163,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: null,
         previewURL: 'https://template-three-remotion.vercel.app/',
+        templateInMonorepo: 'template-three',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Stills',
@@ -164,6 +183,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: null,
         previewURL: 'https://template-still.vercel.app/?/PreviewCard',
+        templateInMonorepo: 'template-still',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Text-To-Speech (Azure)',
@@ -181,6 +202,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'master',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-tts-azure',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Text-To-Speech (Google)',
@@ -198,6 +222,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'master',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-tts-google',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Audiogram',
@@ -215,6 +242,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-audiogram',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'Skia',
@@ -232,24 +262,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
-    },
-    {
-        homePageLabel: 'Tailwind',
-        shortName: 'Tailwind',
-        org: 'remotion-dev',
-        repoName: 'template-tailwind',
-        description: 'TypeScript and Tailwind starter',
-        longerDescription: 'A starter template with TypeScript and Tailwind already set up.',
-        promoVideo: {
-            muxId: 'OAe00WUpvsAyqAVSd4gehDCeWI81cI024RhTs9l2eB48w',
-            height: 720,
-            width: 1280,
-        },
-        cliId: 'tailwind',
-        type: 'video',
-        defaultBranch: 'main',
-        featuredOnHomePage: null,
-        previewURL: 'https://template-tailwind-remotion.vercel.app/?/MyComp',
+        previewURL: null,
+        templateInMonorepo: 'template-skia',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Overlay',
@@ -267,6 +282,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-overlay',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'Code Hike',
@@ -285,6 +303,8 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: null,
         previewURL: 'https://template-code-hike.vercel.app/',
+        templateInMonorepo: 'template-code-hike',
+        allowEnableTailwind: false,
     },
     {
         homePageLabel: 'Stargazer',
@@ -302,6 +322,9 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-stargazer',
+        allowEnableTailwind: true,
     },
     {
         homePageLabel: 'TikTok',
@@ -319,5 +342,8 @@ exports.FEATURED_TEMPLATES = [
         type: 'video',
         defaultBranch: 'main',
         featuredOnHomePage: null,
+        previewURL: null,
+        templateInMonorepo: 'template-tiktok',
+        allowEnableTailwind: true,
     },
 ].filter(truthy);

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

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

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
+const bun_test_1 = require("bun:test");
 const patch_package_json_1 = require("../patch-package-json");
 const packageManagers = ['npm', 'pnpm', 'yarn', 'bun'];
 for (const packageManager of packageManagers) {
-    (0, vitest_1.test)(`Using ${packageManager} package manager provides the correct "packageManager" entry in package.json`, () => {
+    (0, bun_test_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',
@@ -28,8 +27,9 @@ for (const packageManager of packageManagers) {
         (0, patch_package_json_1.patchPackageJson)({
             projectRoot: '/path/to/project',
             latestRemotionVersion,
-            packageManager: `${packageManager}@${packageManagerVersion}`,
+            packageManager,
             projectName: 'my-video',
+            addTailwind: true,
         }, {
             getPackageJson: () => JSON.stringify(packageJson),
             setPackageJson: (_, content) => {
@@ -37,7 +37,7 @@ for (const packageManager of packageManagers) {
             },
         });
         const expectedStartScript = packageManager === 'bun' ? 'remotionb studio' : 'remotion studio';
-        (0, vitest_1.expect)(newPackageJson).to.deep.equal({
+        (0, bun_test_1.expect)(newPackageJson).toEqual({
             ...packageJson,
             scripts: {
                 start: expectedStartScript,
@@ -45,13 +45,14 @@ for (const packageManager of packageManagers) {
             dependencies: {
                 ...packageJson.dependencies,
                 '@remotion/cli': latestRemotionVersion,
+                '@remotion/tailwind': latestRemotionVersion,
                 remotion: latestRemotionVersion,
             },
+            sideEffects: ['*.css'],
             devDependencies: {
                 ...packageJson.devDependencies,
                 '@remotion/eslint-config': latestRemotionVersion,
             },
-            packageManager: `${packageManager}@${packageManagerVersion}`,
         });
     });
 }

package/dist/validate-name.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateName = void 0;
+exports.validateName = validateName;
 function validateName(name) {
     if (typeof name !== 'string' || name === '') {
         return 'The project name can not be empty.';
@@ -10,4 +10,3 @@ function validateName(name) {
     }
     return true;
 }
-exports.validateName = validateName;

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.213",
+  "version": "4.0.215",
   "description": "Create a new Remotion project",
   "main": "dist/index.js",
   "bin": {
@@ -25,13 +25,12 @@
   "devDependencies": {
     "@types/minimist": "1.2.2",
     "@types/prompts": "^2.0.12",
-    "@types/tar": "6.1.1",
-    "vitest": "0.31.1"
+    "@types/tar": "6.1.1"
   },
   "homepage": "https://remotion.dev/templates",
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
-    "test": "vitest --run"
+    "test": "bun test src"
   }
 }