create-video 4.0.127 → 4.0.129

package/dist/log.d.ts

@@ -6,7 +6,7 @@ export declare const Log: {
         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;
         };

package/dist/pkg-managers.js

@@ -110,6 +110,7 @@ exports.getRunCommand = getRunCommand;
 const getDevCommand = (manager, template) => {
     if (template.cliId === 'remix' ||
         template.cliId === 'next' ||
+        template.cliId === 'next-tailwind' ||
         template.cliId === 'next-pages-dir') {
         return `${(0, exports.getRunCommand)(manager)} dev`;
     }

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

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

package/dist/templates.d.ts

@@ -21,7 +21,7 @@ export type Template = {
     repoName: string;
     homePageLabel: string;
     longerDescription: React.ReactNode;
-    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'next-pages-dir' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay' | 'stargazer' | 'tiktok';
+    cliId: 'hello-world' | 'javascript' | 'blank' | 'next' | 'next-tailwind' | 'next-pages-dir' | 'remix' | 'three' | 'still' | 'tts' | 'google-tts' | 'audiogram' | 'skia' | 'tailwind' | 'overlay' | 'stargazer' | 'tiktok';
     defaultBranch: string;
     featuredOnHomePage: string | null;
 } & DynamicTemplate;

package/dist/templates.js

@@ -41,6 +41,23 @@ exports.FEATURED_TEMPLATES = [
         defaultBranch: 'main',
         featuredOnHomePage: 'Next.js',
     },
+    {
+        homePageLabel: 'Next.js (App dir + TailwindCSS)',
+        shortName: 'Next.js (App dir + TailwindCSS)',
+        org: 'remotion-dev',
+        repoName: 'template-next-app-dir-tailwind',
+        description: 'SaaS template for video generation apps',
+        longerDescription: 'A SaaS starter kit which has the Remotion Player and rendering via Remotion Lambda built-in. Our recommended choice for people who want to build an app that can generate videos.',
+        promoVideo: {
+            width: 1280,
+            height: 720,
+            muxId: 'RufnZIJZh6L1MAaeG02jnXuM9pK96tNuHRxmXHbWqCBI',
+        },
+        cliId: 'next-tailwind',
+        type: 'video',
+        defaultBranch: 'main',
+        featuredOnHomePage: null,
+    },
     {
         homePageLabel: 'Next.js (Pages dir)',
         shortName: 'Next.js (Pages dir)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-video",
-  "version": "4.0.127",
+  "version": "4.0.129",
   "description": "",
   "main": "dist/index.js",
   "bin": {

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

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

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

@@ -1,141 +0,0 @@
-"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}`;
-};
-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 };
-};
-(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('Next') &&
-                !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(/^\^?4/);
-            (0, vitest_1.expect)(body.dependencies['@remotion/cli']).toMatch(/^\^?4/);
-            (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.8/);
-            if (!template.shortName.includes('JavaScript')) {
-                (0, vitest_1.expect)(body.devDependencies.eslint).toMatch(/^\^?8.43/);
-                (0, vitest_1.expect)(body.devDependencies.typescript).toMatch(/^\^?4/);
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                const eitherPluginOrConfig = ((_a = body.devDependencies['@remotion/eslint-config']) === null || _a === void 0 ? void 0 : _a.match(/^\^?4/)) ||
-                    ((_b = body.devDependencies['@remotion/eslint-plugin']) === null || _b === void 0 ? void 0 : _b.match(/^\^?4/));
-                (0, vitest_1.expect)(eitherPluginOrConfig).toBeTruthy();
-            }
-        }, 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 bun.lockb', async () => {
-            const packageLockJson = getFileForTemplate(template, 'bun.lockb');
-            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');
-        }, 12000);
-        (0, vitest_1.it)(template.shortName + ' should use noUnusedLocals', async () => {
-            if (template.shortName.includes('JavaScript')) {
-                return;
-            }
-            const { contents } = await findFile([
-                getFileForTemplate(template, 'tsconfig.json'),
-            ]);
-            const json = JSON.parse(contents);
-            (0, vitest_1.expect)(json.compilerOptions.noUnusedLocals).toBe(true);
-        }, 12000);
-    }
-});