@revideo/create 0.1.4-alpha.881 → 0.1.7

package/index.js

@@ -103,15 +103,13 @@ const PLUGINS = {
   }
 
   const plugins = [PLUGINS.core, PLUGINS.ffmpeg];
-  const language = 'ts';
-
   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'),
@@ -180,7 +178,7 @@ function copy(src, dest) {
   }
 }
 
-function createConfig(response, selectedPlugins, language) {
+function createConfig(response, selectedPlugins) {
   const imports = [];
   const plugins = [];
   for (const data of selectedPlugins) {
@@ -188,15 +186,17 @@ function createConfig(response, selectedPlugins, language) {
     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,
     `import {defineConfig} from 'vite';
 ${imports.join('')}
+import { rendererPlugin } from '@revideo/renderer';
 export default defineConfig({
   plugins: [
-    ${plugins.join('\n    ')}
+    ${plugins.join('\n    ')},
+    rendererPlugin()
   ],
 });
 `,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/create",
-  "version": "0.1.4-alpha.881+847f2e5",
+  "version": "0.1.7",
   "description": "Quickly scaffold revideo projects",
   "main": "index.js",
   "author": "revideo",
@@ -20,14 +20,15 @@
     "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.7",
+    "@revideo/core": "^0.1.7",
+    "@revideo/renderer": "^0.1.7",
+    "@revideo/ui": "^0.1.7",
+    "@revideo/vite-plugin": "^0.1.7"
   },
   "dependencies": {
     "minimist": "^1.2.8",
     "prompts": "^2.4.2"
   },
-  "gitHead": "847f2e517e83130e9f1dd2d9e19f838b47f054c5"
+  "gitHead": "7b085266d4ec763ddecaad24be9d3fb155dd5945"
 }

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

@@ -9,12 +9,13 @@
     "render": "tsc && node dist/render.js"
   },
   "dependencies": {
-    "@revideo/core": "*",
-    "@revideo/2d": "*"
+    "@revideo/core": "^0.1.7",
+    "@revideo/2d": "^0.1.7",
+    "@revideo/renderer": "^0.1.7"
   },
   "devDependencies": {
-    "@revideo/ui": "*",
-    "@revideo/vite-plugin": "*",
+    "@revideo/ui": "^0.1.7",
+    "@revideo/vite-plugin": "^0.1.7",
     "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

@@ -4,7 +4,7 @@ import {all, chain, createRef, waitFor} from '@revideo/core';
 export default makeScene2D(function* (view) {
   const logoRef = createRef<Img>();
 
-  view.add(
+  yield view.add(
     <>
       <Video
         src={'https://revideo-example-assets.s3.amazonaws.com/stars.mp4'}

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

@@ -3,6 +3,7 @@
   "include": ["src"],
   "compilerOptions": {
     "noEmit": false,
-    "outDir": "dist"
+    "outDir": "dist",
+    "module": "CommonJS"
   }
 }