@revideo/create 0.1.4-alpha.876 → 0.1.4-alpha.878

package/index.js

@@ -63,7 +63,7 @@ const PLUGINS = {
       type: 'text',
       name: 'name',
       message: 'Project name',
-      initial: 'my-video',
+      initial: 'my-revideo-project',
       validate: value =>
         isValidPackageName(value)
           ? true
@@ -102,24 +102,21 @@ const PLUGINS = {
     return;
   }
 
-  const plugins = ['core', 'ffmpeg'];
-  const language = 'ts';
-
+  const plugins = [PLUGINS.core, PLUGINS.ffmpeg];
   const templateDir = path.resolve(
     fileURLToPath(import.meta.url),
     '..',
-    `template-2d-${language}`,
+    `template-2d-ts`,
   );
   copyDirectory(templateDir, response.path);
-  createConfig(response, PLUGINS, language);
+  createConfig(response, plugins);
 
   const manifest = JSON.parse(
     fs.readFileSync(path.join(templateDir, `package.json`), 'utf-8'),
   );
   manifest.name = response.name;
   manifest.dependencies ??= {};
-  for (const plugin of plugins) {
-    const data = PLUGINS[plugin];
+  for (const data of plugins) {
     if (data.version) {
       manifest.dependencies[data.package] = data.version;
     }
@@ -181,14 +178,15 @@ function copy(src, dest) {
   }
 }
 
-function createConfig(response, plugins, language) {
+function createConfig(response, selectedPlugins) {
   const imports = [];
-  for (const data of plugins) {
+  const plugins = [];
+  for (const data of selectedPlugins) {
     imports.push(`import ${data.variable} from '${data.package}';\n`);
     plugins.push(`${data.variable}(${data.options?.(response) ?? ''}),`);
   }
 
-  const configFile = path.resolve(response.path, `vite.config.${language}`);
+  const configFile = path.resolve(response.path, `vite.config.ts`);
 
   fs.writeFileSync(
     configFile,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/create",
-  "version": "0.1.4-alpha.876+062cccb",
+  "version": "0.1.4-alpha.878+9cd8b9f",
   "description": "Quickly scaffold revideo projects",
   "main": "index.js",
   "author": "revideo",
@@ -20,14 +20,14 @@
     "url": "https://github.com/havenhq/revideo.git"
   },
   "devDependencies": {
-    "@revideo/2d": "^0.1.0",
-    "@revideo/core": "^0.1.0",
-    "@revideo/ui": "^0.1.0",
-    "@revideo/vite-plugin": "^0.1.0"
+    "@revideo/2d": "^0.1.4-alpha.878+9cd8b9f",
+    "@revideo/core": "^0.1.4-alpha.878+9cd8b9f",
+    "@revideo/ui": "^0.1.4-alpha.878+9cd8b9f",
+    "@revideo/vite-plugin": "^0.1.4-alpha.878+9cd8b9f"
   },
   "dependencies": {
     "minimist": "^1.2.8",
     "prompts": "^2.4.2"
   },
-  "gitHead": "062cccbd390d0c4eb076e6ddeba60bc2d344067c"
+  "gitHead": "9cd8b9fbdf8d9a8c2b985e08a888a2b0101b9f61"
 }

package/template-2d-ts/node_modules/.vite/deps_temp_1df31ee2/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

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

@@ -18,4 +18,4 @@
     "typescript": "^5.2.2",
     "vite": "^4.5"
   }
-}
+}

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

@@ -0,0 +1,31 @@
+{
+  "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/scenes/example.tsx

@@ -1,58 +1,38 @@
-import {Audio, Img, Layout, Rect, Txt, Video, makeScene2D} from '@revideo/2d';
+import {Audio, Img, Video, makeScene2D} from '@revideo/2d';
 import {all, chain, createRef, waitFor} from '@revideo/core';
 
 export default makeScene2D(function* (view) {
-  const upperBox = createRef<Rect>();
   const logoRef = createRef<Img>();
 
-  view.add(
+  yield view.add(
     <>
-      <Layout direction={'column'} size={[1024, 1792]} layout={true}>
-        <Rect
-          fill={'#FFFFFF'}
-          size={['100%', '40%']}
-          direction={'column'}
-          gap={'20%'}
-          ref={upperBox}
-          justifyContent={'center'}
-          alignItems={'center'}
-          layout={true}
-        />
-        <Video
-          src={
-            'https://revideo-example-assets.s3.amazonaws.com/aurora-borealis.mp4'
-          }
-          size={['100%', '60%']}
-          play={true}
-        />
-      </Layout>
+      <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/heart-on-my-sleeve.mp3'
-        }
+        src={'https://revideo-example-assets.s3.amazonaws.com/chill-beat.mp3'}
         play={true}
-        time={6.6}
+        time={17.0}
       />
     </>,
   );
 
-  yield* waitFor(0.5);
+  yield* waitFor(1);
 
-  upperBox().add(
-    <Txt fontWeight={700} fontSize={70}>
-      Hello! Welcome to
-    </Txt>,
-  );
-  upperBox().add(
+  view.add(
     <Img
       width={'1%'}
       ref={logoRef}
-      src={'https://revideo-example-assets.s3.amazonaws.com/revideo-banner.png'}
+      src={
+        'https://revideo-example-assets.s3.amazonaws.com/revideo-logo-white.png'
+      }
     />,
   );
 
   yield* chain(
-    all(logoRef().scale(30, 2), logoRef().rotation(360, 2)),
-    logoRef().scale(40, 2),
+    all(logoRef().scale(40, 2), logoRef().rotation(360, 2)),
+    logoRef().scale(60, 1),
   );
 });

package/template-2d-ts/gitignore

@@ -1,15 +0,0 @@
-# Generated files
-node_modules
-output
-dist
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?