create-video 4.0.248 → 4.0.249

package/dist/add-tailwind.js

@@ -35,7 +35,7 @@ const addTailwindRootCss = (projectRoot) => {
         throw new Error('No Root file found');
     }
     const root = fs_1.default.readFileSync(rootFile, 'utf-8');
-    const newFile = `import './tailwind.css';\n${root}`;
+    const newFile = `import "./tailwind.css";\n${root}`;
     fs_1.default.writeFileSync(rootFile, newFile);
 };
 exports.addTailwindRootCss = addTailwindRootCss;

package/dist/esm/index.mjs

@@ -0,0 +1,412 @@
+// src/list-of-remotion-packages.ts
+var listOfRemotionPackages = [
+  "@remotion/svg-3d-engine",
+  "@remotion/layout-utils",
+  "@remotion/bundler",
+  "@remotion/cli",
+  "@remotion/cloudrun",
+  "@remotion/eslint-config",
+  "@remotion/eslint-plugin",
+  "@remotion/enable-scss",
+  "@remotion/renderer",
+  "@remotion/skia",
+  "@remotion/lottie",
+  "@remotion/media-utils",
+  "@remotion/motion-blur",
+  "@remotion/google-fonts",
+  "@remotion/noise",
+  "@remotion/paths",
+  "@remotion/babel-loader",
+  "@remotion/licensing",
+  "@remotion/lambda",
+  "@remotion/player",
+  "@remotion/preload",
+  "@remotion/three",
+  "@remotion/rive",
+  "@remotion/gif",
+  "@remotion/serverless",
+  "@remotion/shapes",
+  "@remotion/studio",
+  "@remotion/studio-server",
+  "@remotion/studio-shared",
+  "@remotion/zod-types",
+  "@remotion/tailwind",
+  "@remotion/transitions",
+  "@remotion/install-whisper-cpp",
+  "@remotion/openai-whisper",
+  "@remotion/captions",
+  "@remotion/animation-utils",
+  "@remotion/animated-emoji",
+  "@remotion/media-parser",
+  "remotion"
+];
+
+// src/templates.ts
+function truthy(value) {
+  return Boolean(value);
+}
+var FEATURED_TEMPLATES = [
+  {
+    homePageLabel: "Hello World",
+    shortName: "Hello World",
+    org: "remotion-dev",
+    repoName: "template-helloworld",
+    description: 'A "Hello World" starter template',
+    longerDescription: "A basic template with TypeScript, Prettier and ESLint preconfigured. Our recommended choice for beginners.",
+    promoVideo: {
+      muxId: "vKvV6aa7GXGlR01cmpc6J8Zz4Gkj9d2hBSnVYoef00900I",
+      height: 1080,
+      width: 1920
+    },
+    cliId: "hello-world",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: "Hello World",
+    previewURL: "https://remotion-helloworld.vercel.app/?/HelloWorld",
+    templateInMonorepo: "template-helloworld",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "Next.js (App dir)",
+    shortName: "Next.js (App dir)",
+    org: "remotion-dev",
+    repoName: "template-next-app-dir",
+    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",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: "Next.js",
+    previewURL: null,
+    templateInMonorepo: "template-next-app",
+    allowEnableTailwind: false
+  },
+  {
+    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,
+    previewURL: null,
+    templateInMonorepo: "template-next-app-tailwind",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Next.js (Pages dir)",
+    shortName: "Next.js (Pages dir)",
+    org: "remotion-dev",
+    repoName: "template-next-pages-dir",
+    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-pages-dir",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-next-pages",
+    allowEnableTailwind: false
+  },
+  {
+    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",
+    featuredOnHomePage: "Blank",
+    previewURL: "https://template-empty.vercel.app/?/MyComp",
+    templateInMonorepo: "template-blank",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "JavaScript",
+    shortName: "Hello World (JavaScript)",
+    org: "remotion-dev",
+    repoName: "template-helloworld-javascript",
+    description: "The default starter template in plain JS",
+    longerDescription: "The Hello World template, but in plain JavaScript. Recommended for people who detest TypeScript.",
+    promoVideo: {
+      muxId: "dRIuc00f8QWnKedM8GBGPqXJWqU01DPJFgPTHpJgixxas",
+      width: 1920,
+      height: 1080
+    },
+    cliId: "javascript",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: "JavaScript",
+    previewURL: "https://template-helloworld-javascript.vercel.app/?/HelloWorld",
+    templateInMonorepo: "template-javascript",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "Remix",
+    shortName: "Remix",
+    org: "remotion-dev",
+    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: "remix",
+    type: "image",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-remix",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "3D",
+    shortName: "React Three Fiber",
+    org: "remotion-dev",
+    repoName: "template-three",
+    description: "Remotion + React Three Fiber Starter Template",
+    longerDescription: "A template with a React Three Fiber scene to play around.",
+    promoVideo: {
+      muxId: "mN40242xogVDx023lCChyg8JJBLT02Mqu01Pp00rbbk00SL8M",
+      width: 1280,
+      height: 720
+    },
+    cliId: "three",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: "https://template-three-remotion.vercel.app/",
+    templateInMonorepo: "template-three",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Stills",
+    shortName: "Still images",
+    org: "remotion-dev",
+    repoName: "template-still",
+    description: "Dynamic PNG/JPEG template with built-in server",
+    longerDescription: "A template for creating still images. Includes a built-in HTTP server that can be deployed to Heroku.",
+    promoVideo: {
+      muxId: "admEY3QofSXUf01YbLKR8KqoZXhhprTvEZCM9onSo0001o",
+      height: 628,
+      width: 1200
+    },
+    cliId: "still",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: "https://template-still.vercel.app/?/PreviewCard",
+    templateInMonorepo: "template-still",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Text-To-Speech (Azure)",
+    shortName: "TTS (Azure)",
+    org: "FelippeChemello",
+    repoName: "Remotion-TTS-Example",
+    description: "Turns text into speech and makes a video",
+    longerDescription: "A template that turns text into a spoken video. Integrates with Azure Cloud for Speech synthesis.",
+    promoVideo: {
+      muxId: "8vJJ01lNuFmQCx7n59VILevqQGxRuQHp9a7VBR7B4C8k",
+      width: 1920,
+      height: 1080
+    },
+    cliId: "tts",
+    type: "video",
+    defaultBranch: "master",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-tts-azure",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Text-To-Speech (Google)",
+    shortName: "TTS (Google)",
+    org: "thecmdrunner",
+    repoName: "remotion-gtts-template",
+    description: "Turns text into speech and makes a video",
+    longerDescription: "A template that turns text into a spoken video. Integrates with Firebase for Storage, and Google Cloud for Speech synthesis.",
+    promoVideo: {
+      muxId: "82dzhGhv3bl3p8LW009cFGd8oltqt6UvxTWdP27202BAY",
+      width: 1920,
+      height: 1080
+    },
+    cliId: "google-tts",
+    type: "video",
+    defaultBranch: "master",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-tts-google",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Audiogram",
+    shortName: "Audiogram",
+    org: "remotion-dev",
+    repoName: "template-audiogram",
+    description: "Text and waveform visualization for podcasts",
+    longerDescription: "A template that turns podcast snippets into videos that can be posted on Social Media.",
+    promoVideo: {
+      muxId: "nqGuji1CJuoPoU3iprRRhiy3HXiQN0201HLyliOg44HOU",
+      height: 1080,
+      width: 1080
+    },
+    cliId: "audiogram",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: "https://template-audiogram-1nrh.vercel.app",
+    templateInMonorepo: "template-audiogram",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "Skia",
+    shortName: "Skia",
+    org: "remotion-dev",
+    repoName: "template-skia",
+    description: "React Native Skia starter",
+    longerDescription: "A template with React Native Skia already setup.",
+    promoVideo: {
+      muxId: "ecORcc01sP94IsTRGLwngxH4PC1r1kQq6iXpn00HqCIGI",
+      height: 1080,
+      width: 1920
+    },
+    cliId: "skia",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-skia",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Overlay",
+    shortName: "Overlay",
+    org: "remotion-dev",
+    repoName: "template-overlay",
+    description: "Overlays for video editing software",
+    longerDescription: `
+\t\t\t<span>
+\t\t\t\tA starter template to create overlays to use in conventional video
+\t\t\t\tediting software.{' '}
+\t\t\t\t<a href="/docs/overlay">Read more about creating overlays.</a>
+\t\t\t</span>
+\t\t\t`,
+    promoVideo: {
+      muxId: "zgy7XK01009y33Vfzhns02cZS00rOyeZ6WaanaxcrDysqmU",
+      height: 720,
+      width: 1280
+    },
+    cliId: "overlay",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-overlay",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "Code Hike",
+    shortName: "Code Hike",
+    org: "remotion-dev",
+    repoName: "template-code-hike",
+    description: "Beautiful code animations",
+    longerDescription: `\t\t\t
+\t\t\t\tAdd code snippets and animate between them using
+\t\t\t\t<a href="https://codehike.org/">Code Hike</a>. Supports many languages,
+\t\t\t\tTypeScript error annotations, and many themes.
+\t\t\t`,
+    promoVideo: {
+      muxId: "fKwnpTAOqvnZpu00fwEezi00cpF3927NumGcS1gGdUj8A",
+      width: 1080,
+      height: 1080
+    },
+    cliId: "code-hike",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: "https://template-code-hike.vercel.app/",
+    templateInMonorepo: "template-code-hike",
+    allowEnableTailwind: false
+  },
+  {
+    homePageLabel: "Stargazer",
+    shortName: "Stargazer",
+    org: "pomber",
+    repoName: "stargazer",
+    description: "Celebrate your repo stars with a video",
+    longerDescription: "Your repo reached a stars milestone? Celebrate with a video of your stargazers!",
+    promoVideo: {
+      muxId: "y9rC1DoQ7rCzzI9TGeUywyTliOVU8xhHTHHZZ2BhM014",
+      height: 540,
+      width: 960
+    },
+    cliId: "stargazer",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-stargazer",
+    allowEnableTailwind: true
+  },
+  {
+    homePageLabel: "TikTok",
+    shortName: "TikTok",
+    org: "remotion-dev",
+    repoName: "template-tiktok",
+    description: "Generate animated word-by-word captions",
+    longerDescription: "Caption a video of your choice locally with animated word-by-word captions. Automatically installs Whisper.cpp for you and allows you to customize the animation style.",
+    promoVideo: {
+      muxId: "BzwCAYgGPqNtLk301tsgWCDvuWVWfEvaO2bIo2lGEd300",
+      height: 1920,
+      width: 1080
+    },
+    cliId: "tiktok",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: null,
+    previewURL: null,
+    templateInMonorepo: "template-tiktok",
+    allowEnableTailwind: true
+  }
+].filter(truthy);
+
+// src/index.ts
+var CreateVideoInternals = {
+  FEATURED_TEMPLATES,
+  listOfRemotionPackages
+};
+var src_default = () => {
+  throw new Error("create-video is a CLI tool only. Run `npx create-video@latest`, `pnpm create video` or `yarn create video` instead!");
+};
+export {
+  src_default as default,
+  CreateVideoInternals
+};

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.listOfRemotionPackages = void 0;
 // Keep in sync with cli
 exports.listOfRemotionPackages = [
+    '@remotion/svg-3d-engine',
     '@remotion/layout-utils',
     '@remotion/bundler',
     '@remotion/cli',

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.248",
+  "version": "4.0.249",
   "description": "Create a new Remotion project",
   "main": "dist/index.js",
   "bin": {
@@ -27,13 +27,22 @@
     "@types/tar": "6.1.1",
     "react": "19.0.0",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.248"
+    "@remotion/eslint-config-internal": "4.0.249"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/index.js"
+    }
   },
   "homepage": "https://remotion.dev/templates",
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src",
     "test": "bun test src",
-    "make": "tsc -d"
+    "make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
   }
 }