create-rendiv 0.2.3 → 0.2.5

package/dist/template/package.json.tmpl

@@ -10,9 +10,9 @@
     "compositions": "rendiv compositions src/index.tsx"
   },
   "dependencies": {
-    "@rendiv/core": "^0.1.0",
-    "@rendiv/player": "^0.1.0",
-    "@rendiv/cli": "^0.1.0",
+    "@rendiv/core": "^0.2.0",
+    "@rendiv/player": "^0.2.0",
+    "@rendiv/cli": "^0.2.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rendiv",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Create a new Rendiv video project",
   "license": "Apache-2.0",
   "type": "module",
@@ -20,7 +20,7 @@
     "@rendiv/tsconfig": "0.0.0"
   },
   "scripts": {
-    "build": "tsc && cp -r src/template dist/template",
+    "build": "tsc && rm -rf dist/template && cp -r src/template dist/template",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist"
   }

package/dist/template/template/package.json.tmpl

@@ -1,26 +0,0 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "preview": "vite dev",
-    "studio": "rendiv studio src/index.tsx",
-    "render": "rendiv render src/index.tsx MyVideo out/my-video.mp4",
-    "still": "rendiv still src/index.tsx MyVideo out/still.png",
-    "compositions": "rendiv compositions src/index.tsx"
-  },
-  "dependencies": {
-    "@rendiv/core": "^0.2.0",
-    "@rendiv/player": "^0.2.0",
-    "@rendiv/cli": "^0.2.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "vite": "^6.0.0",
-    "typescript": "^5.7.0"
-  }
-}

package/dist/template/template/src/MyVideo.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { useFrame, useCompositionConfig, Fill, interpolate, spring } from '@rendiv/core';
-
-export const MyVideo: React.FC = () => {
-  const frame = useFrame();
-  const { fps, durationInFrames } = useCompositionConfig();
-
-  const opacity = interpolate(frame, [0, 30], [0, 1]);
-  const scale = spring({ frame, fps, config: { damping: 12 } });
-  const progress = frame / durationInFrames;
-
-  return (
-    <Fill
-      style={{
-        background: `linear-gradient(135deg, #0f0f0f ${(1 - progress) * 100}%, #1a1a2e 100%)`,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}
-    >
-      <h1
-        style={{
-          color: 'white',
-          fontSize: 80,
-          fontFamily: 'system-ui, sans-serif',
-          opacity,
-          transform: `scale(${scale})`,
-        }}
-      >
-        Hello, Rendiv!
-      </h1>
-    </Fill>
-  );
-};

package/dist/template/template/src/index.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { setRootComponent, Composition } from '@rendiv/core';
-import { MyVideo } from './MyVideo';
-
-const Root: React.FC = () => (
-  <Composition
-    id="MyVideo"
-    component={MyVideo}
-    durationInFrames={150}
-    fps={30}
-    width={1920}
-    height={1080}
-  />
-);
-
-setRootComponent(Root);

package/dist/template/template/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/dist/template/template/vite.config.ts

@@ -1,6 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  plugins: [react()],
-});