@revideo/create 0.3.4 → 0.3.5-alpha.964

package/index.js

@@ -7,53 +7,21 @@ import {fileURLToPath} from 'node:url';
 import path from 'path';
 import prompts from 'prompts';
 
-const FILES_TO_MODIFY = {
-  gitignore: '.gitignore',
-  '.gitkeep': false,
-};
-
-const MANIFEST = JSON.parse(
-  fs.readFileSync(
-    path.resolve(fileURLToPath(import.meta.url), '../package.json'),
-    'utf-8',
-  ),
-);
-
-const PLUGINS = {
-  core: {
-    package: '@revideo/vite-plugin',
-    variable: 'motionCanvas',
-    options: response =>
-      response.language === 'js' ? `{project: './src/project.js'}` : '',
-  },
-};
-
-(async () => {
+const templates = [
+  'default',
+  'avatar-with-background',
+  'google-cloud-run',
+  'google-cloud-run-parallelized',
+  'stitching-videos',
+  'youtube-shorts',
+];
+
+async function run() {
   const options = minimist(process.argv.slice(2));
-  if (options.plugins !== undefined) {
-    if (typeof options.plugins === 'string') {
-      options.plugins = options.plugins.split(',');
-    }
-
-    if (!Array.isArray(options.plugins)) {
-      options.plugins = [options.plugins];
-    }
-
-    const plugins = ['core'];
-    for (const plugin of options.plugins) {
-      if (plugin === 'core') continue;
-      if (!(plugin in PLUGINS)) {
-        console.log(kleur.yellow(`! Unknown plugin "${plugin}".\n`));
-        continue;
-      }
-      plugins.push(plugin);
-    }
-
-    options.plugins = plugins;
-  }
 
   prompts.override(options);
   const response = await prompts([
+    // Prompt for project name
     {
       type: 'text',
       name: 'name',
@@ -64,6 +32,7 @@ const PLUGINS = {
           ? true
           : 'Project name must be a valid npm package name.',
     },
+    // Prompt for project path
     {
       type: 'text',
       name: 'path',
@@ -90,42 +59,46 @@ const PLUGINS = {
       },
       format: value => path.resolve(value),
     },
+    // Prompt for which example to scaffold
+    {
+      type: 'select',
+      name: 'starter',
+      message: 'Choose a starter template',
+
+      choices: [
+        ...templates.map(template => ({title: template, value: template})),
+      ],
+    },
   ]);
 
+  // Abort if the user didn't provide a project name
   if (!response.path) {
     console.log(kleur.red('× Scaffolding aborted by the user.\n'));
     return;
   }
 
-  const plugins = [PLUGINS.core];
+  console.log(`the response is ${JSON.stringify(response)}`);
+
+  // Clone files
   const templateDir = path.resolve(
     fileURLToPath(import.meta.url),
     '..',
-    `template-2d-ts`,
+    `examples/${response.starter}`,
   );
   copyDirectory(templateDir, response.path);
-  createConfig(response, plugins);
+  createConfig(response);
 
+  // Read package.json and modify name
   const manifest = JSON.parse(
     fs.readFileSync(path.join(templateDir, `package.json`), 'utf-8'),
   );
   manifest.name = response.name;
-  manifest.dependencies ??= {};
-  for (const data of plugins) {
-    if (data.version) {
-      manifest.dependencies[data.package] = data.version;
-    }
-  }
-  cloneVersions(manifest.dependencies);
-
-  if (manifest.devDependencies) {
-    cloneVersions(manifest.devDependencies);
-  }
   fs.writeFileSync(
     path.join(response.path, 'package.json'),
     JSON.stringify(manifest, undefined, 2),
   );
 
+  // Tell user that the process is complete
   const manager = getPackageManager();
   console.log(kleur.green('\n√ Scaffolding complete. You can now run:'));
   if (response.path !== process.cwd()) {
@@ -142,7 +115,7 @@ const PLUGINS = {
     console.log(`  ${boldManager} start`);
   }
   console.log();
-})();
+}
 
 function isValidPackageName(projectName) {
   return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(
@@ -153,13 +126,8 @@ function isValidPackageName(projectName) {
 function copyDirectory(src, dest) {
   fs.mkdirSync(dest, {recursive: true});
   for (const file of fs.readdirSync(src)) {
-    let target = file;
-    if (file in FILES_TO_MODIFY) {
-      if (FILES_TO_MODIFY[file] === false) continue;
-      target = FILES_TO_MODIFY[file];
-    }
     const srcFile = path.resolve(src, file);
-    const destFile = path.resolve(dest, target);
+    const destFile = path.resolve(dest, file);
     copy(srcFile, destFile);
   }
 }
@@ -173,27 +141,17 @@ function copy(src, dest) {
   }
 }
 
-function createConfig(response, selectedPlugins) {
-  const imports = [];
-  const plugins = [];
-  for (const data of selectedPlugins) {
-    imports.push(`import ${data.variable} from '${data.package}';\n`);
-    plugins.push(`${data.variable}(${data.options?.(response) ?? ''}),`);
-  }
-
+function createConfig(response) {
   const configFile = path.resolve(response.path, `vite.config.ts`);
 
   fs.writeFileSync(
     configFile,
-    `import {defineConfig} from 'vite';
-${imports.join('')}
-
-export default defineConfig({
-  plugins: [
-    ${plugins.join('\n    ')}
-  ],
-});
-`,
+    `import motionCanvas from '@revideo/vite-plugin';
+    import {defineConfig} from 'vite';
+    
+    export default defineConfig({
+      plugins: [motionCanvas()],
+    });`,
   );
 }
 
@@ -202,13 +160,4 @@ function getPackageManager() {
   return ua?.split(' ')[0].split('/')[0] ?? 'npm';
 }
 
-function cloneVersions(versions) {
-  for (const dependency in versions) {
-    if (
-      dependency.startsWith('@revideo') &&
-      MANIFEST.devDependencies[dependency]
-    ) {
-      versions[dependency] = MANIFEST.devDependencies[dependency];
-    }
-  }
-}
+void run();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/create",
-  "version": "0.3.4",
+  "version": "0.3.5-alpha.964+4f114fa",
   "description": "Quickly scaffold revideo projects",
   "main": "index.js",
   "author": "revideo",
@@ -20,16 +20,16 @@
     "url": "https://github.com/havenhq/revideo.git"
   },
   "devDependencies": {
-    "@revideo/2d": "0.3.4",
-    "@revideo/core": "0.3.4",
-    "@revideo/ffmpeg": "0.3.4",
-    "@revideo/renderer": "0.3.4",
-    "@revideo/ui": "0.3.4",
-    "@revideo/vite-plugin": "0.3.4"
+    "@revideo/2d": "^0.3.5-alpha.964+4f114fa",
+    "@revideo/core": "^0.3.5-alpha.964+4f114fa",
+    "@revideo/ffmpeg": "^0.3.5-alpha.964+4f114fa",
+    "@revideo/renderer": "^0.3.5-alpha.964+4f114fa",
+    "@revideo/ui": "^0.3.5-alpha.964+4f114fa",
+    "@revideo/vite-plugin": "^0.3.5-alpha.964+4f114fa"
   },
   "dependencies": {
     "minimist": "^1.2.8",
     "prompts": "^2.4.2"
   },
-  "gitHead": "dffb2ff7846d4f2481a5613a9a193ec81551ced5"
+  "gitHead": "4f114fa70b4973972ed0bf9ef99effc90941a339"
 }

package/template-2d-ts/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "2d-starter",
-  "private": true,
-  "version": "0.0.0",
-  "scripts": {
-    "start": "vite",
-    "serve": "vite",
-    "build": "tsc && vite build",
-    "render": "tsc && node dist/render.js"
-  },
-  "dependencies": {
-    "@revideo/core": "^0.3.4",
-    "@revideo/2d": "^0.3.4",
-    "@revideo/renderer": "^0.3.4",
-    "@revideo/vite-plugin": "^0.3.4",
-    "@revideo/ffmpeg": "^0.3.4"
-  },
-  "devDependencies": {
-    "@revideo/ui": "^0.3.4",
-    "@revideo/cli": "^0.3.4",
-    "typescript": "^5.2.2",
-    "vite": "^4.5"
-  }
-}

package/template-2d-ts/src/project.meta

@@ -1,31 +0,0 @@
-{
-  "version": 0,
-  "shared": {
-    "background": null,
-    "range": [
-      0,
-      null
-    ],
-    "size": {
-      "x": 1920,
-      "y": 1080
-    },
-    "audioOffset": 0
-  },
-  "preview": {
-    "fps": 30,
-    "resolutionScale": 1
-  },
-  "rendering": {
-    "fps": 30,
-    "resolutionScale": 1,
-    "colorSpace": "srgb",
-    "exporter": {
-      "name": "@revideo/ffmpeg",
-      "options": {
-        "fastStart": true,
-        "includeAudio": true
-      }
-    }
-  }
-}

package/template-2d-ts/src/project.ts

@@ -1,7 +0,0 @@
-import {makeProject} from '@revideo/core';
-
-import example from './scenes/example?scene';
-
-export default makeProject({
-  scenes: [example],
-});

package/template-2d-ts/src/render.ts

@@ -1,17 +0,0 @@
-import {renderVideo} from '@revideo/renderer';
-
-async function render() {
-  console.log('Rendering video...');
-
-  // This is the main function that renders the video
-  const file = await renderVideo(
-    './vite.config.ts',
-    {fill: 'orange'},
-    () => {},
-    {logProgress: true},
-  );
-
-  console.log(`Rendered video to ${file}`);
-}
-
-render();

package/template-2d-ts/src/revideo.d.ts

@@ -1 +0,0 @@
-/// <reference types="@revideo/core/project" />

package/template-2d-ts/src/scenes/example.tsx

@@ -1,38 +0,0 @@
-import {Audio, Img, Video, makeScene2D} from '@revideo/2d';
-import {all, chain, createRef, waitFor} from '@revideo/core';
-
-export default makeScene2D(function* (view) {
-  const logoRef = createRef<Img>();
-
-  yield view.add(
-    <>
-      <Video
-        src={'https://revideo-example-assets.s3.amazonaws.com/stars.mp4'}
-        size={['100%', '100%']}
-        play={true}
-      />
-      <Audio
-        src={'https://revideo-example-assets.s3.amazonaws.com/chill-beat.mp3'}
-        play={true}
-        time={17.0}
-      />
-    </>,
-  );
-
-  yield* waitFor(1);
-
-  view.add(
-    <Img
-      width={'1%'}
-      ref={logoRef}
-      src={
-        'https://revideo-example-assets.s3.amazonaws.com/revideo-logo-white.png'
-      }
-    />,
-  );
-
-  yield* chain(
-    all(logoRef().scale(40, 2), logoRef().rotation(360, 2)),
-    logoRef().scale(60, 1),
-  );
-});

package/template-2d-ts/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@revideo/2d/tsconfig.project.json",
-  "include": ["src"],
-  "compilerOptions": {
-    "noEmit": false,
-    "outDir": "dist",
-    "module": "CommonJS"
-  }
-}