openvideo 0.0.4 → 0.1.0

package/dist/clips/text-clip.d.ts

@@ -2,6 +2,7 @@ import { Application, Texture } from 'pixi.js';
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
 import { TextJSON } from '../json-serialization';
+import { BaseSpriteEvents } from '../sprite/base-sprite';
 export interface ITextOpts {
     /**
      * Font size in pixels
@@ -32,7 +33,7 @@ export interface ITextOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: 'gradient';
+        type: "gradient";
         x0: number;
         y0: number;
         x1: number;
@@ -48,8 +49,8 @@ export interface ITextOpts {
     stroke?: string | number | {
         color: string | number;
         width: number;
-        join?: 'miter' | 'round' | 'bevel';
-        cap?: 'butt' | 'round' | 'square';
+        join?: "miter" | "round" | "bevel";
+        cap?: "butt" | "round" | "square";
         miterLimit?: number;
     };
     /**
@@ -61,16 +62,16 @@ export interface ITextOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'left'
      */
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     /**
      * Alias for align to match UI property naming
      */
-    textAlign?: 'left' | 'center' | 'right';
+    textAlign?: "left" | "center" | "right";
     /**
      * Vertical alignment ('top', 'center', 'bottom')
      * @default 'top'
      */
-    verticalAlign?: 'top' | 'center' | 'bottom' | 'underline' | 'overline' | 'strikethrough';
+    verticalAlign?: "top" | "center" | "bottom" | "underline" | "overline" | "strikethrough";
     /**
      * Drop shadow configuration
      */
@@ -105,12 +106,31 @@ export interface ITextOpts {
      * Text case transformation
      * @default 'none'
      */
-    textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
+    textCase?: "none" | "uppercase" | "lowercase" | "title";
     /**
      * Text decoration ('none', 'underline', 'line-through', 'overline')
      * @default 'none'
      */
-    textDecoration?: 'none' | 'underline' | 'line-through' | 'overline';
+    textDecoration?: "none" | "underline" | "line-through" | "overline";
+    /**
+     * Words per line mode ('single' or 'multiple')
+     * @default 'multiple'
+     */
+    wordsPerLine?: "single" | "multiple";
+}
+export interface ITextEvents extends BaseSpriteEvents {
+    propsChange: Partial<{
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        angle: number;
+        zIndex: number;
+        opacity: number;
+        volume: number;
+        text: string;
+        style: any;
+    } & ITextOpts>;
 }
 /**
  * Text clip using PixiJS Text for rendering
@@ -130,9 +150,9 @@ export interface ITextOpts {
  * });
  * textClip.duration = 5e6; // 5 seconds
  */
-export declare class Text extends BaseClip {
+export declare class Text extends BaseClip<ITextEvents> {
     readonly type = "Text";
-    ready: IClip['ready'];
+    ready: IClip["ready"];
     private _meta;
     get meta(): {
         duration: number;
@@ -164,8 +184,8 @@ export declare class Text extends BaseClip {
     /**
      * Text alignment proxy for compatibility with UI
      */
-    get textAlign(): 'left' | 'center' | 'right';
-    set textAlign(v: 'left' | 'center' | 'right');
+    get textAlign(): "left" | "center" | "right";
+    set textAlign(v: "left" | "center" | "right");
     /**
      * Vertical alignment or decoration proxy
      */
@@ -175,7 +195,7 @@ export declare class Text extends BaseClip {
      * Text case proxy
      */
     get textCase(): string;
-    set textCase(v: 'none' | 'uppercase' | 'lowercase' | 'title');
+    set textCase(v: "none" | "uppercase" | "lowercase" | "title");
     private pixiTextContainer;
     private wordTexts;
     private textStyle;
@@ -198,13 +218,13 @@ export declare class Text extends BaseClip {
         startTime: number;
         duration: number;
     }>;
-    constructor(text: string, opts?: ITextOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ITextOpts, renderer?: Application["renderer"]);
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      * This is an optimization for Studio preview
      * Can be called before ready() completes
      */
-    setRenderer(renderer: Application['renderer']): void;
+    setRenderer(renderer: Application["renderer"]): void;
     /**
      * Get the renderer for rendering text to RenderTexture
      * Creates a minimal renderer as fallback if no external renderer is provided
@@ -219,9 +239,10 @@ export declare class Text extends BaseClip {
     getTexture(): Promise<Texture | null>;
     tick(_time: number): Promise<{
         video: ImageBitmap;
-        state: 'success';
+        state: "success";
     }>;
     split(_time: number): Promise<[this, this]>;
+    animate(time: number): void;
     addEffect(effect: {
         id: string;
         key: string;
@@ -262,5 +283,5 @@ export declare class Text extends BaseClip {
      * Text clips should only show: mr (mid-right), mb (mid-bottom), br (bottom-right), and rot (rotation)
      * This allows resizing width and height independently while preventing corner handles that might distort text
      */
-    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
+    getVisibleHandles(): Array<"tl" | "tr" | "bl" | "br" | "ml" | "mr" | "mt" | "mb" | "rot">;
 }