@r2digisolutions/components 0.2.0 → 0.3.0

package/dist/utils/videoSequence.js

@@ -1,4 +1,4 @@
-import { createMediaTrack, uid } from './mediaTracks.js';
+import { createMediaAsset, createMediaTrack, uid } from './mediaTracks.js';
 export function emptyVideoSequence(partial) {
     return {
         version: 1,
@@ -18,8 +18,30 @@ export function createDemoVideoSequence() {
     const seq = emptyVideoSequence({ durationMs: 20_000 });
     const vTrack = seq.tracks[0];
     const aTrack = seq.tracks[1];
+    const titleAsset = createMediaAsset({
+        id: uid('asset'),
+        kind: 'text',
+        name: 'Title card'
+    });
+    const brollAsset = createMediaAsset({
+        id: uid('asset'),
+        kind: 'image',
+        name: 'B-roll',
+        src: 'https://picsum.photos/seed/video-broll/1280/720',
+        width: 1280,
+        height: 720,
+        durationMs: 8000
+    });
+    const voAsset = createMediaAsset({
+        id: uid('asset'),
+        kind: 'audio',
+        name: 'Voiceover',
+        src: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3',
+        durationMs: 13000
+    });
     return {
         ...seq,
+        assets: [titleAsset, brollAsset, voAsset],
         tracks: [
             {
                 ...vTrack,
@@ -27,17 +49,24 @@ export function createDemoVideoSequence() {
                     {
                         id: uid('clip'),
                         trackId: vTrack.id,
+                        assetId: titleAsset.id,
                         name: 'Title card',
-                        kind: 'image',
+                        kind: 'text',
+                        text: 'Title card',
                         startMs: 0,
                         endMs: 4000,
-                        color: '#3b82f6'
+                        color: '#3b82f6',
+                        rect: { x: 192, y: 252, w: 896, h: 160 },
+                        animationIn: { type: 'fade', durationMs: 400 },
+                        animationOut: { type: 'fade', durationMs: 400 }
                     },
                     {
                         id: uid('clip'),
                         trackId: vTrack.id,
+                        assetId: brollAsset.id,
                         name: 'B-roll',
-                        kind: 'video',
+                        kind: 'image',
+                        src: brollAsset.src,
                         startMs: 4000,
                         endMs: 12000,
                         color: '#8b5cf6'
@@ -50,8 +79,10 @@ export function createDemoVideoSequence() {
                     {
                         id: uid('clip'),
                         trackId: aTrack.id,
+                        assetId: voAsset.id,
                         name: 'Voiceover',
                         kind: 'audio',
+                        src: voAsset.src,
                         startMs: 1000,
                         endMs: 14000,
                         color: '#10b981'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@r2digisolutions/components",
-	"version": "0.2.0",
+	"version": "0.3.0",
 	"private": false,
 	"description": "R2DigiSolutions Svelte 5 component library — Atomic Design, Tailwind 4, Light/Dark mode",
 	"license": "MIT",