@revideo/create 0.5.8-alpha.1084 → 0.5.8-beta.1082

package/examples/marketing-templates/marketing-template/package.json

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

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/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/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/src/scenes/example.tsx

@@ -1,67 +0,0 @@
-import {Grid, Img, Rect, Txt, View2D, makeScene2D} from '@revideo/2d';
-import {all, chain, useScene, createRef, waitFor} from '@revideo/core';
-
-export default makeScene2D(function* (view) {
-  const logoRef = createRef<Img>();
-  const grid = createRef<Grid>();
-  const headingRef = createRef<Txt>()
-
-
-  view.add(
-    <>
-      <Rect
-        fill={useScene().variables.get("backgroundColor", "#E2FF31")()}
-        size={['100%', '100%']}
-      />
-    </>
-  );
-
-  view.add(
-    <Grid
-      ref={grid}
-      width={'100%'}
-      height={'100%'}
-      stroke={'#999'}
-      end={0}
-      spacing={150}
-    />,
-  );
-
-  yield* all(
-    grid().end(0.5, 0.5).to(1, 0.5).wait(0.1),
-    grid().start(0.5, 0.5).to(0, 0.5).wait(0.1),
-  );
-
-  view.add(<Txt fontSize={1} fontWeight={600} ref={headingRef} position={[-700, -100]} opacity={0.2} textWrap={true} width={"1%"}  textAlign={"left"} fontFamily={"Sans-Serif"}>BLACK FRIDAY</Txt>)
-  yield* all(headingRef().fontSize(180, 0.5), headingRef().opacity(1, 0.5));
-
-  const txtRef = createRef<Txt>();
-  const subtitle = <Txt fontSize={60} ref={txtRef} fill={useScene().variables.get("backgroundColor", useScene().variables.get("backgroundColor", "#E2FF31")())()}  zIndex={1} fontFamily={"Sans-Serif"}>Up to 95% off</Txt>
-
-  const textBoxRef = createRef<Txt>();
-
-  view.add(<Rect left={[headingRef().left().x, 180]} ref={textBoxRef} width={txtRef().width()+60} height={100} zIndex={0} fill={"black"}/>);
-  view.add(<Txt position={textBoxRef().position} width={textBoxRef().width()} paddingLeft={20} textAlign={"left"} fontSize={60} ref={txtRef} fill={useScene().variables.get("backgroundColor", "#E2FF31")()} zIndex={1} fontFamily={"Sans-Serif"}></Txt>)
-
-  yield* txtRef().text("Up to 95% off", 1)
-  yield* addItems(view, useScene().variables.get("texts", ["events", "gift cards", "and more..."])());
-
-  yield* waitFor(1);
-});
-
-function* addItems(view: View2D, texts: string[]){
-  let yPos = 0;
-  for(let i=0; i< texts.length; i++){
-    const txtRef1 = createRef<Txt>();
-    const subtitle1 = <Txt fontSize={90} ref={txtRef1} fill={useScene().variables.get("backgroundColor", "#E2FF31")()}  zIndex={1} fontFamily={"Sans-Serif"}>{texts[i]}</Txt>
-  
-    const textBoxRef1 = createRef<Txt>();
-  
-    view.add(<Rect left={[100, yPos]} lineWidth={2} radius={30} stroke={"black"} ref={textBoxRef1} width={txtRef1().width()+150} height={100} zIndex={0} padding={70} fill={"white"}/>);
-    view.add(<Txt position={textBoxRef1().position} width={textBoxRef1().width()} textAlign={"center"} fontSize={90} fill={"black"} zIndex={1} fontFamily={"Sans-Serif"}>{texts[i]}</Txt>)
-    yPos = textBoxRef1().y() + textBoxRef1().height()-10;
-    yield* waitFor(0.5);
-
-  }
-
-}

package/examples/marketing-templates/marketing-template/tsconfig.json

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

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(),
-  ],
-});