openvideo 0.0.3 → 0.1.0

package/dist/{SharedSystems-B3cyWriK.js → SharedSystems-BukQJH1h.js}

@@ -1,4 +1,4 @@
-import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-gXIG5heI.js";
+import { F as Ie, u as Ee, l as se, M as v, G as De, v as Oe, S as Fe, x as ae, E as u, e as D, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as K, N as We, c as Y, B as y, j as U, O as ze, Q as C, k as M, V as w, W as Ve, a as Ne, X as ie, Y as oe, Z as le, _ as ue, C as P, $ as je, a0 as A, a1 as J, D as H, a2 as $e, a3 as qe, P as Ke, d as Ye, T as X, a4 as Q, a5 as Je, a6 as Xe, a7 as Qe } from "./index-C7b-H3n2.js";
 import { B as de, c as Ze } from "./colorToUniform-C2jGzNe1.js";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;

package/dist/{WebGLRenderer-D7W8spZ5.js → WebGLRenderer-BuRbEm0g.js}

@@ -1,6 +1,6 @@
-import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-gXIG5heI.js";
+import { S as G, E as d, B as v, w as m, D as S, L as j, v as ve, s as U, t as b, a8 as Be, k as K, a9 as Ae, b as p, V as L, j as B, i as A, l as F, M as $, aa as z, ab as Ne, ac as ye, ad as Y, ae as Ce, A as De, R as Ie, e as T } from "./index-C7b-H3n2.js";
 import { b as q } from "./colorToUniform-C2jGzNe1.js";
-import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-B3cyWriK.js";
+import { e as Ge, G as Ue, c as Fe, b as Oe, U as Pe, R as Me, B as Z, d as N, f as Le, S as He, a as we } from "./SharedSystems-BukQJH1h.js";
 class Q {
   constructor() {
     this._tempState = G.for2d(), this._didUploadHash = {};

package/dist/{WebGPURenderer-BHkeWSc1.js → WebGPURenderer-CTm7Kg4-.js}

@@ -1,6 +1,6 @@
-import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-gXIG5heI.js";
+import { S as E, g as A, E as p, f as ae, D as S, b as C, B as T, c as ue, d as L, h as M, w as v, i as x, j as ce, k as de, l as k, m as w, M as D, n as H, o as he, p as pe, q as z, s as F, t as R, A as le, R as fe, e as B } from "./index-C7b-H3n2.js";
 import { l as ge, a as me } from "./colorToUniform-C2jGzNe1.js";
-import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-B3cyWriK.js";
+import { c as _e, u as be, U as xe, B as ye, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-BukQJH1h.js";
 const y = E.for2d();
 class O {
   start(e, t, r) {

package/dist/animation/easings.d.ts

@@ -0,0 +1,3 @@
+import { EasingFunction } from './types';
+export declare const easings: Record<string, EasingFunction>;
+export declare function getEasing(easing: string | EasingFunction | undefined): EasingFunction;

package/dist/animation/gsap-animation.d.ts

@@ -0,0 +1,29 @@
+import { AnimationOptions, AnimationTransform, IAnimation } from './types';
+export interface GsapAnimationParams {
+    /**
+     * Animation presets or custom GSAP vars
+     */
+    type: "character" | "word" | "line";
+    from: gsap.TweenVars;
+    to: gsap.TweenVars;
+    stagger?: number | gsap.StaggerVars;
+}
+export declare class GsapAnimation implements IAnimation {
+    readonly id: string;
+    readonly type: string;
+    readonly options: Required<AnimationOptions>;
+    readonly params: GsapAnimationParams;
+    private timeline;
+    private lastTarget;
+    constructor(params: GsapAnimationParams, opts: AnimationOptions, type?: string);
+    getTransform(_time: number): AnimationTransform;
+    private getTargetCount;
+    apply(target: any, time: number): void;
+    /**
+     * Get current animation targets from the container based on animation type.
+     * Used to compare against GSAP's cached targets to detect when children are recreated.
+     */
+    private getCurrentTargets;
+    private initTimeline;
+    destroy(): void;
+}

package/dist/animation/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './easings';
+export * from './registry';
+export * from './keyframe-animation';
+export { getPresetTemplate } from './presets';

package/dist/animation/keyframe-animation.d.ts

@@ -0,0 +1,11 @@
+import { AnimationOptions, AnimationTransform, IAnimation, KeyframeData } from './types';
+export declare class KeyframeAnimation implements IAnimation {
+    readonly id: string;
+    readonly type: string;
+    readonly options: Required<AnimationOptions>;
+    readonly params: any;
+    private frames;
+    constructor(data: KeyframeData | any[], opts: AnimationOptions, type?: string);
+    getTransform(time: number): AnimationTransform;
+    private interpolateProps;
+}

package/dist/animation/presets.d.ts

@@ -0,0 +1,34 @@
+import { AnimationFactory } from './registry';
+export declare const pulse: AnimationFactory;
+export declare const fadeIn: AnimationFactory;
+export declare const fadeOut: AnimationFactory;
+export declare const slideIn: AnimationFactory;
+export declare const slideOut: AnimationFactory;
+export declare const zoomIn: AnimationFactory;
+export declare const zoomOut: AnimationFactory;
+export declare const blurIn: AnimationFactory;
+export declare const blurOut: AnimationFactory;
+export declare const charFadeIn: AnimationFactory;
+export declare const charSlideUp: AnimationFactory;
+export declare const charTypewriter: AnimationFactory;
+export declare const customInPreset1: AnimationFactory;
+export declare const customInPreset2: AnimationFactory;
+export declare const customInPreset3: AnimationFactory;
+export declare const customInPreset4: AnimationFactory;
+export declare const customInPreset5: AnimationFactory;
+export declare const customInPreset6: AnimationFactory;
+export declare const customInPreset7: AnimationFactory;
+export declare const customInPreset8: AnimationFactory;
+export declare const customInPreset9: AnimationFactory;
+export declare const customOutPreset1: AnimationFactory;
+export declare const customOutPreset2: AnimationFactory;
+export declare const customOutPreset3: AnimationFactory;
+export declare const customOutPreset4: AnimationFactory;
+export declare const customOutPreset5: AnimationFactory;
+export declare const customOutPreset6: AnimationFactory;
+export declare const customOutPreset7: AnimationFactory;
+/**
+ * Get the keyframe template for a preset animation
+ * Useful for populating the animation editor UI
+ */
+export declare function getPresetTemplate(type: string, params?: any): any;

package/dist/animation/registry.d.ts

@@ -0,0 +1,11 @@
+import { AnimationOptions, IAnimation } from './types';
+export type AnimationFactory = (opts: AnimationOptions, params?: any) => IAnimation;
+declare class AnimationRegistry {
+    private factories;
+    constructor();
+    register(name: string, factory: AnimationFactory): void;
+    create(name: string, opts: AnimationOptions, params?: any): IAnimation;
+    has(name: string): boolean;
+}
+export declare const animationRegistry: AnimationRegistry;
+export {};

package/dist/animation/types.d.ts

@@ -0,0 +1,118 @@
+export type EasingFunction = (t: number) => number;
+export interface AnimationProps {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    scale?: number;
+    opacity?: number;
+    angle?: number;
+    blur?: number;
+    brightness?: number;
+}
+export interface AnimationOptions {
+    duration: number;
+    delay?: number;
+    easing?: string | EasingFunction;
+    iterCount?: number;
+    id?: string;
+}
+export interface IAnimation {
+    readonly id: string;
+    readonly type: string;
+    readonly options: Required<AnimationOptions>;
+    readonly params?: any;
+    /**
+     * Calculate offsets and multipliers for the given time
+     * @param time Relative time from the start of the clip in microseconds
+     * @returns Partial state containing offsets/multipliers
+     */
+    getTransform(time: number): AnimationTransform;
+    /**
+     * Apply complex animations (like GSAP character animations) directly to a target
+     * @param target The target object (e.g., PixiJS Container)
+     * @param time Relative time in microseconds
+     */
+    apply?(target: any, time: number): void;
+}
+export interface AnimationTransform {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    scale?: number;
+    opacity?: number;
+    angle?: number;
+    blur?: number;
+    brightness?: number;
+}
+export interface KeyframeData {
+    [key: string]: Partial<AnimationProps & {
+        easing?: string | EasingFunction;
+    }>;
+}
+export declare const ANIMATABLE_PROPERTIES: {
+    readonly x: {
+        readonly label: "X Position";
+        readonly min: -2000;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly y: {
+        readonly label: "Y Position";
+        readonly min: -2000;
+        readonly max: 2000;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly width: {
+        readonly label: "Width";
+        readonly min: -1000;
+        readonly max: 1000;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly height: {
+        readonly label: "Height";
+        readonly min: -1000;
+        readonly max: 1000;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly scale: {
+        readonly label: "Scale";
+        readonly min: 0;
+        readonly max: 3;
+        readonly step: 0.1;
+        readonly default: 1;
+    };
+    readonly opacity: {
+        readonly label: "Opacity";
+        readonly min: 0;
+        readonly max: 1;
+        readonly step: 0.01;
+        readonly default: 1;
+    };
+    readonly angle: {
+        readonly label: "Rotation";
+        readonly min: -360;
+        readonly max: 360;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly blur: {
+        readonly label: "Blur";
+        readonly min: 0;
+        readonly max: 100;
+        readonly step: 1;
+        readonly default: 0;
+    };
+    readonly brightness: {
+        readonly label: "Brightness";
+        readonly min: 0;
+        readonly max: 5;
+        readonly step: 0.1;
+        readonly default: 1;
+    };
+};

package/dist/{browserAll-C8dCWSj4.js → browserAll-NQ4Ztn0h.js}

@@ -1,5 +1,5 @@
-import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-gXIG5heI.js";
-import "./webworkerAll-I-KX_dQM.js";
+import { T as M, U as Z, P as m, r as te, E as y, a as ie, w as g, e as P, C as V } from "./index-C7b-H3n2.js";
+import "./webworkerAll-B_y2Hkt4.js";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {

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

@@ -22,7 +22,7 @@ export declare abstract class BaseClip<T extends BaseSpriteEvents = BaseSpriteEv
     abstract tick(time: number): Promise<{
         video?: VideoFrame | ImageBitmap | null;
         audio?: Float32Array[];
-        state: 'done' | 'success';
+        state: "done" | "success";
     }>;
     ready: Promise<IClipMeta>;
     abstract readonly meta: IClipMeta;
@@ -92,7 +92,7 @@ export declare abstract class BaseClip<T extends BaseSpriteEvents = BaseSpriteEv
      * Default implementation returns all handles
      * Override in subclasses to customize handle visibility (e.g., TextClip)
      */
-    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
+    getVisibleHandles(): Array<"tl" | "tr" | "bl" | "br" | "ml" | "mr" | "mt" | "mb" | "rot">;
     /**
      * Scale clip to fit within the scene dimensions while maintaining aspect ratio
      * @param sceneWidth Scene width

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

@@ -8,11 +8,11 @@ export interface ICaptionStyle {
     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;
@@ -36,14 +36,14 @@ 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"];
     }>;
 }
 export interface ICaptionOpts {
@@ -73,7 +73,7 @@ export interface ICaptionOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: 'gradient';
+        type: "gradient";
         x0: number;
         y0: number;
         x1: number;
@@ -150,7 +150,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)
@@ -161,7 +161,7 @@ export interface ICaptionOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'center'
      */
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     /**
      * Drop shadow configuration
      */
@@ -181,7 +181,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
@@ -191,7 +191,7 @@ export interface ICaptionOpts {
      * Vertical alignment ('top', 'center', 'bottom')
      * @default 'bottom'
      */
-    verticalAlign?: 'top' | 'center' | 'bottom';
+    verticalAlign?: "top" | "center" | "bottom";
     /**
      * Line height (multiplier)
      * @default 1
@@ -206,7 +206,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
      */
@@ -219,7 +219,7 @@ export interface ICaptionOpts {
      * Words per line mode ('single' or 'multiple')
      * @default 'multiple'
      */
-    wordsPerLine?: 'single' | 'multiple';
+    wordsPerLine?: "single" | "multiple";
 }
 /**
  * Caption clip using Canvas 2D for rendering
@@ -238,13 +238,14 @@ 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;
         width: number;
         height: number;
     };
+    animate(time: number): void;
     private _visualPaddingX;
     private _visualPaddingY;
     private _lastTickTime;
@@ -270,8 +271,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;
@@ -280,20 +281,20 @@ 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"]);
     /**
      * Bottom offset from video bottom (hybrid JSON structure)
      */
@@ -302,7 +303,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
      */
@@ -329,7 +330,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;
@@ -341,7 +342,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
      */
@@ -360,11 +361,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: {
@@ -388,5 +389,5 @@ 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">;
 }

package/dist/clips/iclip.d.ts

@@ -30,6 +30,10 @@ export interface IClip<T extends BaseSpriteEvents = BaseSpriteEvents> extends Om
      * Clip type (e.g., 'video', 'image', 'text', 'audio')
      */
     readonly type: string;
+    /**
+     * Name of this clip
+     */
+    name: string;
     /**
      * Source URL or identifier for this clip
      */
@@ -111,6 +115,25 @@ export interface IClip<T extends BaseSpriteEvents = BaseSpriteEvents> extends Om
      * Center the clip within the scene dimensions
      */
     centerInScene(sceneWidth: number, sceneHeight: number): void;
+    /**
+     * Add a modular animation to the clip
+     * @param name Preset name or 'keyframes'
+     * @param opts Animation options (duration, delay, etc.)
+     * @param params Preset-specific parameters or KeyframeData
+     */
+    addAnimation(name: string, opts: any, params?: any): string;
+    /**
+     * Remove an animation by ID
+     */
+    removeAnimation(id: string): void;
+    /**
+     * Clear all modular animations
+     */
+    clearAnimations(): void;
+    /**
+     * List of active animations
+     */
+    readonly animations: any[];
 }
 /**
  * Optional interface for clips that support HTML media element playback

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

@@ -12,4 +12,8 @@ export declare class Placeholder extends BaseClip {
     }>;
     clone(): Promise<this>;
     split(time: number): Promise<[this, this]>;
+    /**
+     * Create a Placeholder instance from a JSON object
+     */
+    static fromObject(json: any): Promise<Placeholder>;
 }