@revideo/create 0.5.11-beta.1104 → 0.10.0

package/examples/google-cloud-run-parallelized/render-orchestrator/Dockerfile

@@ -1,56 +0,0 @@
-FROM node:18-bullseye
-
-RUN apt-get update && apt-get install -y \
-    nscd \
-    libnss3 \
-    libdbus-1-3 \
-    libatk1.0-0 \
-    libatk-bridge2.0-0 \
-    libcups2 \
-    libxkbcommon0 \
-    libxcomposite1 \
-    libxdamage1 \
-    libxrandr2 \
-    libgbm1 \
-    libpango-1.0-0 \
-    libcairo2 \
-    libasound2 \
-    libatspi2.0-0 
-
-RUN apt-get install -y libxfixes3
-
-WORKDIR /usr/src/app
-
-RUN wget https://github.com/eugeneware/ffmpeg-static/releases/download/b6.0/ffmpeg-linux-x64
-
-RUN chmod +x ffmpeg-linux-x64
-
-RUN mv ffmpeg-linux-x64 ffmpeg
-
-RUN mv ffmpeg /usr/local/bin/
-
-ENV FFMPEG_PATH=ffmpeg
-
-RUN wget https://github.com/eugeneware/ffmpeg-static/releases/download/b6.0/ffprobe-linux-x64
-
-RUN chmod +x ffprobe-linux-x64
-
-RUN mv ffprobe-linux-x64 ffprobe
-
-RUN mv ffprobe /usr/local/bin/
-
-ENV FFPROBE_PATH=ffprobe
-
-COPY package*.json ./
-
-COPY . ./
-
-RUN npm install
-
-RUN npx puppeteer browsers install chrome
-
-RUN apt-get update && apt-get install -y nscd libnss3
-
-RUN ffmpeg -version
-
-CMD service nscd start && npm start

package/examples/google-cloud-run-parallelized/render-orchestrator/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "google-cloud-run",
-  "private": true,
-  "version": "0.0.0",
-  "scripts": {
-    "start": "tsc && node dist/index.js"
-  },
-  "dependencies": {
-    "@google-cloud/storage": "^7.11.0",
-    "@revideo/2d": "0.5.10",
-    "@revideo/core": "0.5.10",
-    "@revideo/ffmpeg": "0.5.10",
-    "express": "^4.19.2",
-    "uuid": "^9.0.1"
-  },
-  "devDependencies": {
-    "@types/express": "^4.17.21",
-    "@types/uuid": "^9.0.8",
-    "typescript": "^5.4.5",
-    "vite": "^4.5"
-  }
-}

package/examples/google-cloud-run-parallelized/render-orchestrator/src/index.ts

@@ -1,72 +0,0 @@
-import { mergeAudioWithVideo, concatenateMedia } from '@revideo/ffmpeg';
-import { Storage } from '@google-cloud/storage';
-import * as express from 'express';
-import * as fs from 'fs';
-import axios from 'axios';
-import { v4 as uuidv4 } from 'uuid';
-
-const storage = new Storage();
-
-const app = express();
-app.use(express.json());
-
-app.get('/', (req, res) => {
-  res.status(200).send(`Hello World!`);
-});
-
-app.post('/render', async (req, res) => {
-  try {
-    const { variables, numWorkers } = req.body;
-    const jobId = uuidv4();
-
-    const renderPromises = [];
-    for (let i = 0; i < numWorkers; i++) {
-      renderPromises.push(makeRenderRequest(variables, i, numWorkers));
-    }
-
-    const results = await Promise.all(renderPromises);
-    const audios = results.map(result => result.audioUrl);
-    const videos = results.map(result => result.videoUrl);
-
-    await Promise.all([
-      concatenateMedia(audios, `${jobId}-audio.wav`),
-      concatenateMedia(videos, `${jobId}-visuals.mp4`)
-    ]);
-  
-    await mergeAudioWithVideo(`${jobId}-audio.wav`, `${jobId}-visuals.mp4`, `${jobId}.mp4`);
-
-    const resultFileBuffer = fs.readFileSync(`${jobId}.mp4`);
-    await storage.bucket(process.env.GCP_BUCKET_NAME).file(`${jobId}.mp4`).save(resultFileBuffer);
-
-    res.status(200).json({
-      file: `https://storage.googleapis.com/${process.env.GCP_BUCKET_NAME}/${`${jobId}.mp4`}`
-    });
-  } catch (err) {
-    console.error('Error rendering video:', err);
-    res.status(500).send(`Error rendering video: ${err}`);
-  }
-});
-
-const port = parseInt(process.env.PORT) || 8080;
-app.listen(port, () => {
-  console.log(`listening on port ${port}`);
-});
-
-async function makeRenderRequest(variables: any, workerId: number, numWorkers: number) {
-    try {
-      const response = await axios.post(`${process.env.RENDER_WORKER_URL}`, {
-        variables,
-        workerId,
-        numWorkers
-      }, {
-        headers: {
-          'Content-Type': 'application/json'
-        }
-      });
-  
-      return response.data;
-    } catch (error) {
-      console.error('Error making render request:', error);
-    }
-  }
-  

package/examples/google-cloud-run-parallelized/render-orchestrator/src/revideo.d.ts

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

package/examples/google-cloud-run-parallelized/render-orchestrator/tsconfig.json

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

package/examples/google-cloud-run-parallelized/render-worker/.gcloudignore

@@ -1,17 +0,0 @@
-# This file specifies files that are *not* uploaded to Google Cloud
-# using gcloud. It follows the same syntax as .gitignore, with the addition of
-# "#!include" directives (which insert the entries of the given .gitignore-style
-# file at that point).
-#
-# For more information, run:
-#   $ gcloud topic gcloudignore
-#
-.gcloudignore
-# If you would like to upload your .git directory, .gitignore file or files
-# from your .gitignore file, remove the corresponding line
-# below:
-.git
-.gitignore
-
-node_modules
-#!include:.gitignore

package/examples/google-cloud-run-parallelized/render-worker/.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/google-cloud-run-parallelized/render-worker/package.json

@@ -1,30 +0,0 @@
-{
-  "main": "dist/index.js",
-  "scripts": {
-    "editor": "vite",
-    "build": "tsc",
-    "start": "functions-framework --target=render-worker",
-    "prestart": "npm run build",
-    "gcp-build": "node node_modules/puppeteer/install.mjs && npm run build"
-  },
-  "dependencies": {
-    "@ffmpeg-installer/ffmpeg": "^1.1.0",
-    "@ffprobe-installer/ffprobe": "^2.1.2",
-    "@google-cloud/functions-framework": "^3.4.0",
-    "@google-cloud/storage": "^7.11.0",
-    "@revideo/2d": "0.5.10",
-    "@revideo/cli": "0.5.10",
-    "@revideo/core": "0.5.10",
-    "@revideo/ffmpeg": "0.5.10",
-    "@revideo/renderer": "0.5.10",
-    "@revideo/ui": "0.5.10",
-    "@revideo/vite-plugin": "0.5.10",
-    "@types/express": "^4.17.21",
-    "@types/uuid": "^9.0.8",
-    "express": "^4.19.2",
-    "puppeteer": "^22.9.0",
-    "typescript": "5.5.4",
-    "uuid": "^9.0.1",
-    "vite": "^4.5"
-  }
-}

package/examples/google-cloud-run-parallelized/render-worker/src/index.ts

@@ -1,45 +0,0 @@
-import * as ff from '@google-cloud/functions-framework';
-import { renderPartialVideo } from '@revideo/renderer';
-import { Storage } from '@google-cloud/storage';
-import { v4 as uuidv4 } from 'uuid';
-import * as fs from 'fs';
-
-const storage = new Storage();  
-
-ff.http('render-worker', async (req: ff.Request, res: ff.Response) => {
-    try {
-        const { workerId, numWorkers, variables } = req.body;
-        const jobId = uuidv4();
-            
-        console.log("Rendering video...")
-        const {audioFile, videoFile} = await renderPartialVideo({
-          projectFile: "./src/project.ts", 
-          workerId, 
-          numWorkers, 
-          variables, 
-          settings: { outFile: `${jobId}.mp4`, logProgress: true, puppeteer: { args: ['--no-sandbox', '--disable-setuid-sandbox'] }}
-        });
-        
-        const audioFileName = `${jobId}-audio.mp3`;
-        const audioFileBuffer = fs.readFileSync(audioFile);
-        const audioFileUploadPromise = storage.bucket(process.env.GCP_BUCKET_NAME || "").file(audioFileName).save(audioFileBuffer);
-        
-        const videoFileName = `${jobId}-video.mp4`;
-        const videoFileBuffer = fs.readFileSync(videoFile);
-        const videoFileUploadPromise = storage.bucket(process.env.GCP_BUCKET_NAME || "").file(videoFileName).save(videoFileBuffer);
-
-        await Promise.all([audioFileUploadPromise, videoFileUploadPromise]);
-        const audioFileUrl = `https://storage.googleapis.com/${process.env.GCP_BUCKET_NAME || ""}/${audioFileName}`;
-        const videoFileUrl = `https://storage.googleapis.com/${process.env.GCP_BUCKET_NAME || ""}/${videoFileName}`;    
-        
-        console.log("done");
-        res.status(200).json({
-          audioUrl: audioFileUrl,
-          videoUrl: videoFileUrl
-        });
-    
-      } catch (err) {
-        console.error('Error rendering video:', err);
-        res.status(500).send(`Error rendering video: ${err}`);
-      }
-});

package/examples/google-cloud-run-parallelized/render-worker/src/project.meta

@@ -1,31 +0,0 @@
-{
-  "version": 0,
-  "shared": {
-    "background": "rgb(0,0,0)",
-    "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": {
-        "fastStart": true,
-        "includeAudio": true
-      }
-    }
-  }
-}

package/examples/google-cloud-run-parallelized/render-worker/src/project.ts

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

package/examples/google-cloud-run-parallelized/render-worker/src/render.ts

@@ -1,14 +0,0 @@
-import {renderVideo} from '@revideo/renderer';
-
-async function render() {
-  console.log('Rendering video...');
-
-  const file = await renderVideo({
-    projectFile: './src/project.ts',
-    settings: {logProgress: true}
-    });
-
-  console.log(`Rendered video to ${file}`);
-}
-
-render();

package/examples/google-cloud-run-parallelized/render-worker/src/revideo.d.ts

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

package/examples/google-cloud-run-parallelized/render-worker/src/scenes/example.tsx

@@ -1,30 +0,0 @@
-import {Audio, Txt, Video, makeScene2D} from '@revideo/2d';
-import {all, chain, createRef, waitFor, useScene} from '@revideo/core';
-
-export default makeScene2D(function* (view) {
-  const textRef = createRef<Txt>();
-
-  yield view.add(
-    <>
-      <Video
-        src={'https://revideo-example-assets.s3.amazonaws.com/beach-3.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(
-    <Txt fontFamily={"Sans-Serif"} fill={"white"} fontSize={10} ref={textRef}>Hello {useScene().variables.get("username", "user")()}</Txt>
-  );
-
-  yield* textRef().scale(10, 1);
-  yield* waitFor(30);
-});

package/examples/google-cloud-run-parallelized/render-worker/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@revideo/2d/tsconfig.project.json",
-    "compilerOptions": {
-      "target": "es2016",
-      "module": "commonjs",
-      "esModuleInterop": true,
-      "strict": true,
-      "outDir": "dist",
-      "noEmit": false
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules"]
-  }

package/examples/google-cloud-run-parallelized/render-worker/vite.config.ts

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

package/examples/marketing-templates/marketing-template/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/marketing-templates/marketing-template/src/project.ts

@@ -1,9 +0,0 @@
-import {makeProject} from '@revideo/core';
-
-import example from './scenes/example?scene';
-
-
-export default makeProject({
-  scenes: [example],
-  variables: { backgroundColor: "#FDCFE5", texts: ["gift cards", "discounts", "+ more!!"]} // ["gift cards", "discounts", "+ more!!"] ["events", "special offers", "and more..."]
-});

package/examples/marketing-templates/marketing-template/src/revideo.d.ts

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

package/examples/marketing-templates/marketing-template/src/scenes/example.meta

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

package/examples/marketing-templates/marketing-template/vite.config.ts

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

package/examples/marketing-templates/multiple-videos-in-one/src/project.meta

@@ -1,28 +0,0 @@
-{
-  "version": 0,
-  "shared": {
-    "background": "rgb(255,255,255)",
-    "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/marketing-templates/multiple-videos-in-one/src/project.ts

@@ -1,9 +0,0 @@
-import {makeProject} from '@revideo/core';
-
-import example from './scenes/example?scene';
-
-
-export default makeProject({
-  scenes: [example],
-  variables: { backgroundColor: "#FDCFE5", texts: ["gift cards", "discounts", "+ more!!"]} // ["gift cards", "discounts", "+ more!!"] ["events", "special offers", "and more..."]
-});

package/examples/marketing-templates/multiple-videos-in-one/src/revideo.d.ts

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

package/examples/marketing-templates/multiple-videos-in-one/src/scenes/example.meta

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

package/examples/marketing-templates/multiple-videos-in-one/vite.config.ts

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