openvideo 0.2.3 → 0.2.4

package/dist/{browserAll-fYnMYU5U.js → browserAll-DqJYgFGF.js}

@@ -1,5 +1,5 @@
-import { e as a, A as e, C as i, a as s, E as t, F as n, D as d } from "./index-CZJxf7wC.js";
-import "./webworkerAll-B5b1f-BT.js";
+import { e as a, A as e, C as i, a as s, E as t, F as n, D as d } from "./index-D-dl7dbF.js";
+import "./webworkerAll-LBYBQRrP.js";
 a.add(e);
 a.mixin(i, s);
 a.add(t);

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

@@ -3,16 +3,23 @@ import { IClip } from './iclip';
 import { CaptionJSON, ICaptionWordAnimation } from '../json-serialization';
 import { Application, Texture } from 'pixi.js';
 import { BaseSpriteEvents } from '../sprite/base-sprite';
+export interface ITextBoxStyle {
+    style?: "tiktok" | "none";
+    textAlign?: "left" | "center" | "right" | "";
+    maxLines?: number;
+    borderRadius?: number;
+    horizontalPadding?: number;
+}
 export interface ICaptionStyle {
     fontSize?: number;
     fontFamily?: string;
     fontWeight?: string | number;
     fontStyle?: string;
-    color?: ICaptionOpts['fill'];
-    align?: ICaptionOpts['align'];
-    textCase?: ICaptionOpts['textCase'];
-    verticalAlign?: ICaptionOpts['verticalAlign'];
-    wordsPerLine?: ICaptionOpts['wordsPerLine'];
+    color?: ICaptionOpts["fill"];
+    align?: ICaptionOpts["align"];
+    textCase?: ICaptionOpts["textCase"];
+    verticalAlign?: ICaptionOpts["verticalAlign"];
+    wordsPerLine?: ICaptionOpts["wordsPerLine"];
     stroke?: {
         color: string | number;
         width: number;
@@ -25,6 +32,7 @@ export interface ICaptionStyle {
         angle: number;
     };
     wordAnimation?: ICaptionWordAnimation;
+    textBoxStyle?: ITextBoxStyle;
 }
 export interface ICaptionEvents extends BaseSpriteEvents {
     propsChange: Partial<{
@@ -37,14 +45,15 @@ export interface ICaptionEvents extends BaseSpriteEvents {
         opacity: number;
         volume: number;
         text: string;
-        words: ICaptionOpts['words'];
-        fill: ICaptionOpts['fill'];
-        align: ICaptionOpts['align'];
-        textCase: ICaptionOpts['textCase'];
-        stroke: ICaptionOpts['stroke'];
-        dropShadow: ICaptionOpts['dropShadow'];
-        caption: ICaptionOpts['caption'];
-        wordsPerLine: ICaptionOpts['wordsPerLine'];
+        words: ICaptionOpts["words"];
+        fill: ICaptionOpts["fill"];
+        align: ICaptionOpts["align"];
+        textCase: ICaptionOpts["textCase"];
+        stroke: ICaptionOpts["stroke"];
+        dropShadow: ICaptionOpts["dropShadow"];
+        caption: ICaptionOpts["caption"];
+        wordsPerLine: ICaptionOpts["wordsPerLine"];
+        textBoxStyle: ITextBoxStyle;
     }>;
 }
 export interface ICaptionOpts {
@@ -74,7 +83,7 @@ export interface ICaptionOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: 'gradient';
+        type: "gradient";
         x0: number;
         y0: number;
         x1: number;
@@ -109,6 +118,7 @@ export interface ICaptionOpts {
             bottomOffset?: number;
         };
         wordAnimation?: ICaptionWordAnimation;
+        textBoxStyle?: ITextBoxStyle;
     };
     /**
      * @deprecated Use caption.words instead
@@ -152,7 +162,7 @@ export interface ICaptionOpts {
     stroke?: string | number | {
         color: string | number;
         width: number;
-        join?: 'miter' | 'round' | 'bevel';
+        join?: "miter" | "round" | "bevel";
     };
     /**
      * Stroke width in pixels (used when stroke is a simple color)
@@ -163,7 +173,7 @@ export interface ICaptionOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'center'
      */
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     /**
      * Drop shadow configuration
      */
@@ -183,7 +193,7 @@ export interface ICaptionOpts {
      * Word wrap mode ('break-word' or 'normal')
      * @default 'break-word'
      */
-    wordWrapMode?: 'break-word' | 'normal';
+    wordWrapMode?: "break-word" | "normal";
     /**
      * Whether to enable word wrap
      * @default true
@@ -193,7 +203,7 @@ export interface ICaptionOpts {
      * Vertical alignment ('top', 'center', 'bottom')
      * @default 'bottom'
      */
-    verticalAlign?: 'top' | 'center' | 'bottom';
+    verticalAlign?: "top" | "center" | "bottom";
     /**
      * Line height (multiplier)
      * @default 1
@@ -208,7 +218,7 @@ export interface ICaptionOpts {
      * Text case transformation
      * @default 'none'
      */
-    textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
+    textCase?: "none" | "uppercase" | "lowercase" | "title";
     /**
      * Media ID to which the captions were applied
      */
@@ -221,8 +231,9 @@ export interface ICaptionOpts {
      * Words per line mode ('single' or 'multiple')
      * @default 'multiple'
      */
-    wordsPerLine?: 'single' | 'multiple';
+    wordsPerLine?: "single" | "multiple";
     wordAnimation?: ICaptionWordAnimation;
+    textBoxStyle?: ITextBoxStyle;
 }
 /**
  * Caption clip using Canvas 2D for rendering
@@ -241,7 +252,7 @@ export interface ICaptionOpts {
  */
 export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     readonly type = "Caption";
-    ready: IClip['ready'];
+    ready: IClip["ready"];
     private _meta;
     get meta(): {
         duration: number;
@@ -274,8 +285,8 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     set text(v: string);
     get style(): ICaptionStyle;
     set style(v: Partial<ICaptionOpts> | ICaptionStyle);
-    get wordsPerLine(): 'single' | 'multiple';
-    set wordsPerLine(v: 'single' | 'multiple');
+    get wordsPerLine(): "single" | "multiple";
+    set wordsPerLine(v: "single" | "multiple");
     get fontFamily(): string;
     set fontFamily(v: string);
     get fontUrl(): string;
@@ -284,20 +295,22 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     set fontSize(v: number);
     get fontWeight(): string | number;
     set fontWeight(v: string | number);
-    get fontStyle(): 'normal' | 'italic' | 'oblique';
-    set fontStyle(v: 'normal' | 'italic' | 'oblique');
-    get fill(): ICaptionOpts['fill'];
-    set fill(v: ICaptionOpts['fill']);
-    get align(): 'left' | 'center' | 'right';
-    set align(v: 'left' | 'center' | 'right');
-    get stroke(): ICaptionOpts['stroke'];
-    set stroke(v: ICaptionOpts['stroke']);
+    get fontStyle(): "normal" | "italic" | "oblique";
+    set fontStyle(v: "normal" | "italic" | "oblique");
+    get fill(): ICaptionOpts["fill"];
+    set fill(v: ICaptionOpts["fill"]);
+    get align(): "left" | "center" | "right";
+    set align(v: "left" | "center" | "right");
+    get stroke(): ICaptionOpts["stroke"];
+    set stroke(v: ICaptionOpts["stroke"]);
     get strokeWidth(): number;
     set strokeWidth(v: number);
-    get dropShadow(): ICaptionOpts['dropShadow'];
-    set dropShadow(v: ICaptionOpts['dropShadow']);
-    get caption(): ICaptionOpts['caption'];
-    set caption(v: ICaptionOpts['caption']);
+    get dropShadow(): ICaptionOpts["dropShadow"];
+    set dropShadow(v: ICaptionOpts["dropShadow"]);
+    get caption(): ICaptionOpts["caption"];
+    set caption(v: ICaptionOpts["caption"]);
+    get textBoxStyle(): ITextBoxStyle;
+    set textBoxStyle(v: ITextBoxStyle);
     /**
      * Bottom offset from video bottom (hybrid JSON structure)
      */
@@ -306,7 +319,7 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
      * Text case proxy
      */
     get textCase(): string;
-    set textCase(v: 'none' | 'uppercase' | 'lowercase' | 'title');
+    set textCase(v: "none" | "uppercase" | "lowercase" | "title");
     /**
      * Unique identifier for this clip instance
      */
@@ -333,7 +346,7 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     /**
      * Words setter that triggers re-render and ensures consistency
      */
-    set words(v: ICaptionOpts['words']);
+    set words(v: ICaptionOpts["words"]);
     private opts;
     private pixiTextContainer;
     private renderTexture;
@@ -345,7 +358,7 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     private externalRenderer;
     private pixiApp;
     private originalOpts;
-    constructor(text: string, opts?: ICaptionOpts, renderer?: Application['renderer']);
+    constructor(text: string, opts?: ICaptionOpts, renderer?: Application["renderer"]);
     /**
      * Update text styling options and refresh the caption rendering
      */
@@ -364,11 +377,11 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      */
-    setRenderer(renderer: Application['renderer']): void;
+    setRenderer(renderer: Application["renderer"]): void;
     private getRenderer;
     tick(time: number): Promise<{
         video: ImageBitmap;
-        state: 'success';
+        state: "success";
     }>;
     split(_time: number): Promise<[this, this]>;
     addEffect(effect: {
@@ -392,5 +405,6 @@ export declare class Caption extends BaseClip<ICaptionEvents> implements IClip {
      * @returns Promise that resolves to a Caption instance
      */
     static fromObject(json: CaptionJSON): Promise<Caption>;
-    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
+    getVisibleHandles(): Array<"tl" | "tr" | "bl" | "br" | "ml" | "mr" | "mt" | "mb" | "rot">;
+    private drawRoundedTiktokPath;
 }