@revideo/create 0.5.11-beta.1106 → 0.10.1-alpha.1114

package/examples/minimal-drag-drop/revideo/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "revideo",
-  "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.5.10",
-    "@revideo/2d": "0.5.10",
-    "@revideo/renderer": "0.5.10",
-    "@revideo/vite-plugin": "0.5.10",
-    "@revideo/ffmpeg": "0.5.10"
-  },
-  "devDependencies": {
-    "@revideo/ui": "0.5.10",
-    "@revideo/cli": "0.5.10",
-    "typescript": "5.5.4",
-    "vite": "^4.5"
-  }
-}

package/examples/minimal-drag-drop/revideo/src/project.meta

@@ -1,28 +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/core/wasm",
-      "options": {}
-    }
-  }
-}

package/examples/minimal-drag-drop/revideo/src/project.ts

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

package/examples/minimal-drag-drop/revideo/src/render.ts

@@ -1,15 +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({
-		projectFile: './src/project.ts', 
-		settings: { logProgress: true }
-	});
-
-	console.log(`Rendered video to ${file}`);
-}
-
-render();

package/examples/minimal-drag-drop/revideo/src/revideo.d.ts

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

package/examples/minimal-drag-drop/revideo/src/scenes/example.meta

@@ -1,5 +0,0 @@
-{
-  "version": 0,
-  "timeEvents": [],
-  "seed": 2330707904
-}

package/examples/minimal-drag-drop/revideo/src/scenes/example.tsx

@@ -1,44 +0,0 @@
-import {Video, Txt, makeScene2D} from '@revideo/2d';
-import {
-    createRef,
-    Reference,
-    useScene, chain,
-  waitFor,
-} from '@revideo/core';
-
-export default makeScene2D(function* (view) {
-    const nodesObj = useScene().variables.get("nodes", {})() as Record<string, any>;
-    const nodes = new Map(Object.entries(nodesObj));
-  
-    yield view.add(
-      <Video
-        src="https://revideo-example-assets.s3.amazonaws.com/stars.mp4"
-        size={"100%"}
-        key={'data-video'}
-		play={true}
-      />
-    );
-  
-    const refs: Array<Reference<Txt>> = [];
-    if (nodes.size > 0) {
-      for (const [key, node] of nodes) {
-        const ref = createRef<Txt>();
-        yield view.add(
-          <Txt
-            key={key}
-            text={node.text}
-            fontSize={100}
-            fontWeight={800}
-			fontFamily={"Roboto"}
-            fill={"white"}
-            x={() => node.x}
-            y={() => node.y}
-            ref={ref}
-          />
-        )
-        refs.push(ref);
-      }
-    }
-  
-    yield* waitFor(5);
-  });

package/examples/minimal-drag-drop/revideo/tsconfig.json

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

package/examples/minimal-drag-drop/revideo/vite.config.ts

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

package/examples/parallelized-aws-lambda/revideo-project/.puppeteerrc.cjs

@@ -1,9 +0,0 @@
-const { join } = require('path');
-
-/**
- * @type {import("puppeteer").Configuration}
- */
-module.exports = {
-  cacheDirectory: join(__dirname, '.cache', 'puppeteer'),
-};
-// [END monitoring_synthetic_monitoring_custom_puppeteer_cjs]

package/examples/parallelized-aws-lambda/revideo-project/src/project.meta

@@ -1,28 +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/core/wasm",
-      "options": {}
-    }
-  }
-}

package/examples/parallelized-aws-lambda/revideo-project/src/project.ts

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

package/examples/parallelized-aws-lambda/revideo-project/src/revideo.d.ts

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

package/examples/parallelized-aws-lambda/revideo-project/src/scenes/example.meta

@@ -1,5 +0,0 @@
-{
-  "version": 0,
-  "timeEvents": [],
-  "seed": 307431050
-}

package/examples/parallelized-aws-lambda/revideo-project/vite.config.ts

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

package/examples/reddit-post-video/README.md

@@ -1,84 +0,0 @@
-# Create Short Videos from Reddit Posts 🪄
-
-This project uses [Revideo](https://github.com/redotvideo/revideo) to automatically generate short videos from Reddit Post urls. Here is a (low resolution) example generated from this [Reddit Post](https://www.reddit.com/r/careeradvice/comments/1bn9do3/how_do_i_leave_a_job_i_hate_but_its_comfortable/):
-
-
-
-https://github.com/user-attachments/assets/485df630-7862-4862-affe-7f510279f1fa
-
-
-<br/>
-
-
-
-<br/>
-
-
-Two code files do most of the heavy lifting here:
-
-- `src/render.ts` is a node process that fetches the contents of the provided Reddit post url, generates a voiceover using [ElevenLabs](https://elevenlabs.io/), gets timestamps for the voiceover and organizes all of this metadata in `./metadata.json`. Finally, it calls `renderVideo` to render & export the project using a headless browser.
-- `src/scenes/example.tsx` defines the animation flow and audio of our video
-<br/>
-<br/>
-
-
-
-## Getting Started
-
-First, you should clone the repository and install all dependencies:
-
- ```bash
- git clone https://github.com/redotvideo/examples.git
- cd reddit-post-video
- npm install
- ```
-
- You can now look at the example project using the editor:
-
-```bash
-npm start
-```
-<br/>
-<br/>
-
-
-## Create your own video
-
-To create your own video, you should first set up API keys for ElevenLabs (to generate voiceovers) and Deepgram (to get timestamps for subtitles):
-
-```
-export ELEVEN_API_KEY=<your-elevenlabs-key>
-export DEEPGRAM_API_KEY=<your-deepgram-key>
-```
-
-
-You now have two options: You can either directly render and export a video, or first generate its metadata and voiceover and preview in the editor before exporting.
-
-#### Option 1: Generate metadata, preview and render in editor
-
-To generate metadata, run the following command:
-
-```bash
-tsc && node dist/render.js --post <reddit-post-url> --onlyMetadata
-```
-
-This saves the voiceover to `./output/audio.wav` and your metadata to `./metadata.json`. You can now preview your video by starting the editor, and export your video by clicking the "Render" button in the browser:
-
-```bash
-npm start
-```
-
-#### Option 2: Render video through function call
-
-If you don't want to preview, but render directly, you can omit the `--onlyMetadata` flag. This will call the `renderVideo` function:
-
-```bash
-tsc && node dist/src/renderScript.js --post <reddit-post-url>
-```
-
-#### Additional parameters
-
-You can modify the text color and voice of your video using the following flags:
-
-- `--voice Daniel`: default is Sarah
-- `--textcolor yellow`: default is red