@omnimedia/omnitool 1.1.0-20 → 1.1.0-21

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@omnimedia/omnitool",
-	"version": "1.1.0-20",
+	"version": "1.1.0-21",
 	"description": "open source video processing tools",
 	"license": "MIT",
 	"author": "Przemysław Gałęzki",

package/s/timeline/parts/item.ts

@@ -12,6 +12,7 @@ export enum Kind {
 	Gap,
 	Spatial,
 	Transition,
+	TextStyle
 }
 
 export enum Effect {
@@ -19,6 +20,12 @@ export enum Effect {
 }
 
 export namespace Item {
+  export type TextStyle = {
+    id: Id
+    kind: Kind.TextStyle
+		style: TextStyleOptions
+  }
+
   export type Spatial = {
     id: Id
     kind: Kind.Spatial
@@ -68,7 +75,7 @@ export namespace Item {
 		content: string
 		duration: number
 		spatialId?: Id
-		style: TextStyleOptions
+		styleId?: Id
 	}
 
 	export type Transition = {

package/s/timeline/sugar/o.ts

@@ -1,3 +1,4 @@
+import {TextStyleOptions} from "pixi.js"
 
 import {Media} from "../parts/media.js"
 import {Id, TimelineFile} from "../parts/basics.js"
@@ -22,6 +23,12 @@ export class O {
     this.state.project = fn(this.state.project)
   }
 
+  textStyle = (style: TextStyleOptions): Item.TextStyle => ({
+		id: this.#getId(),
+		kind: Kind.TextStyle,
+		style
+  })
+
   spatial = (transform: Transform): Item.Spatial => {
   	const item: Item.Spatial = {
   		id: this.#getId(),
@@ -107,8 +114,7 @@ export class O {
 		id: this.#getId(),
 		content,
 		kind: Kind.Text,
-		duration: 2000,
-		style: {}
+		duration: 2000
 	})
 
 	gap = (duration: number): Item.Gap => ({
@@ -147,5 +153,20 @@ export class O {
 			return state
 		})
   }
+
+	update = <K extends keyof Item.Any>(itemId: Id, key: K, value: Item.Any[K]) => {
+    this.#mutate(project => {
+      const newItems = project.items.map(item => {
+        if (item.id === itemId) {
+          return {
+            ...item,
+            [key]: value,
+          }
+        }
+        return item
+      })
+      return {...project, items: newItems}
+    })
+	}
 }