@designcombo/video 0.0.3 → 0.0.4

package/dist/{SharedSystems-s9Js69L7.js → SharedSystems-Cv0Hv-t_.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-BVO9qrk3.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-CZk_O50g.js";
 import { B as de, c as Ze } from "./colorToUniform-C2jGzNe1.js";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;

package/dist/{WebGLRenderer-C-0unSMy.js → WebGLRenderer-CeXIsNm5.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-BVO9qrk3.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-CZk_O50g.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-s9Js69L7.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-Cv0Hv-t_.js";
 class Q {
   constructor() {
     this._tempState = G.for2d(), this._didUploadHash = {};

package/dist/{WebGPURenderer-D7pcgSJJ.js → WebGPURenderer-CKsFf2P8.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-BVO9qrk3.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-CZk_O50g.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-s9Js69L7.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-Cv0Hv-t_.js";
 const y = E.for2d();
 class O {
   start(e, t, r) {

package/dist/{browserAll-D5pTiGnC.js → browserAll-CVO4QZK1.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-BVO9qrk3.js";
-import "./webworkerAll-zvzmYHny.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-CZk_O50g.js";
+import "./webworkerAll-C-9pdN3u.js";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {

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

@@ -48,9 +48,6 @@ export declare class AudioClip extends BaseClip implements IPlaybackCapable {
      * Whether to loop the audio (hybrid JSON structure)
      */
     loop: boolean;
-    /**
-     * Audio volume level (0-1) (hybrid JSON structure)
-     */
     /**
      * Load an audio clip from a URL
      * @param url Audio URL

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

@@ -1,5 +1,5 @@
 import { BaseSprite } from '../sprite/base-sprite';
-import { IClip, IClipMeta } from './iclip';
+import { IClip, IClipMeta, ITransitionInfo } from './iclip';
 import { ClipJSON } from '../json-serialization';
 /**
  * Base class for all clips that extends BaseSprite
@@ -15,6 +15,10 @@ export declare abstract class BaseClip extends BaseSprite implements IClip {
      * Used for serialization and reloading from JSON
      */
     src: string;
+    /**
+     * Transition info (optional)
+     */
+    transition?: ITransitionInfo;
     abstract tick(time: number): Promise<{
         video?: VideoFrame | ImageBitmap | null;
         audio?: Float32Array[];

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

@@ -209,8 +209,8 @@ export declare class CaptionClip extends BaseClip implements IClip {
             color: string | number;
             alpha: number;
             blur: number;
-            offsetX: number;
-            offsetY: number;
+            distance: number;
+            angle: number;
         } | undefined;
     };
     /**

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

@@ -30,4 +30,8 @@ export declare class EffectClip extends BaseClip {
     }>;
     split(_time: number): Promise<[this, this]>;
     toJSON(main?: boolean): any;
+    /**
+     * Create an EffectClip instance from a JSON object
+     */
+    static fromObject(json: any): Promise<EffectClip>;
 }

package/dist/clips/iclip.d.ts

@@ -4,6 +4,16 @@ export interface IClipMeta {
     height: number;
     duration: number;
 }
+export interface ITransitionInfo {
+    name: string;
+    duration: number;
+    textureUrl?: string;
+    prevClipId?: string;
+    fromClipId?: string;
+    toClipId?: string;
+    start?: number;
+    end?: number;
+}
 /**
  * Interface that all clips must implement
  *
@@ -69,6 +79,14 @@ export interface IClip extends Omit<BaseSprite, 'destroy' | 'ready'> {
      * @param renderer The PixiJS renderer to use
      */
     setRenderer?(renderer: any): void;
+    /**
+     * Transition info (optional)
+     */
+    transition?: ITransitionInfo;
+    /**
+     * Audio volume level (0-1)
+     */
+    volume: number;
 }
 /**
  * Optional interface for clips that support HTML media element playback

package/dist/clips/index.d.ts

@@ -7,3 +7,4 @@ export { VideoClip } from './video-clip';
 export type { IMP4ClipOpts } from './video-clip';
 export * from './text-clip';
 export * from './effect-clip';
+export * from './transition-clip';

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

@@ -58,6 +58,15 @@ export interface ITextClipOpts {
      * @default 'left'
      */
     align?: 'left' | 'center' | 'right';
+    /**
+     * Alias for align to match UI property naming
+     */
+    textAlign?: 'left' | 'center' | 'right';
+    /**
+     * Vertical alignment ('top', 'center', 'bottom')
+     * @default 'top'
+     */
+    verticalAlign?: 'top' | 'center' | 'bottom' | 'underline' | 'overline' | 'strikethrough';
     /**
      * Drop shadow configuration
      */
@@ -126,58 +135,37 @@ export declare class TextClip extends BaseClip {
         width: number;
         height: number;
     };
+    get width(): number;
+    set width(v: number);
+    get height(): number;
+    set height(v: number);
+    private _text;
     /**
      * Text content (hybrid JSON structure)
      */
-    text: string;
+    get text(): string;
+    set text(v: string);
     /**
      * Text styling (hybrid JSON structure)
      * Provides direct access to styling properties
      */
-    get style(): {
-        fontSize: number | undefined;
-        fontFamily: string | undefined;
-        fontWeight: string | undefined;
-        fontStyle: string | undefined;
-        color: string | number | {
-            type: "gradient";
-            x0: number;
-            y0: number;
-            x1: number;
-            y1: number;
-            colors: Array<{
-                ratio: number;
-                color: string | number;
-            }>;
-        } | undefined;
-        align: "center" | "left" | "right" | undefined;
-        stroke: {
-            color: string | number;
-            width: number;
-            join: "round" | "miter" | "bevel" | undefined;
-            cap: "round" | "butt" | "square" | undefined;
-            miterLimit: number | undefined;
-        } | {
-            color: string | number;
-            width: number;
-            join?: undefined;
-            cap?: undefined;
-            miterLimit?: undefined;
-        } | undefined;
-        shadow: {
-            color: string | number;
-            alpha: number;
-            blur: number;
-            offsetX: number;
-            offsetY: number;
-        } | undefined;
-        wordWrap: boolean | undefined;
-        wordWrapWidth: number | undefined;
-        lineHeight: number | undefined;
-        letterSpacing: number | undefined;
-        textCase: "title" | "none" | "uppercase" | "lowercase" | undefined;
-        textDecoration: "none" | "underline" | "line-through" | "overline" | undefined;
-    };
+    get style(): any;
+    set style(opts: Partial<ITextClipOpts>);
+    /**
+     * Text alignment proxy for compatibility with UI
+     */
+    get textAlign(): 'left' | 'center' | 'right';
+    set textAlign(v: 'left' | 'center' | 'right');
+    /**
+     * Vertical alignment or decoration proxy
+     */
+    get verticalAlign(): string;
+    set verticalAlign(v: string);
+    /**
+     * Text case proxy
+     */
+    get textCase(): string;
+    set textCase(v: 'none' | 'uppercase' | 'lowercase' | 'title');
     private pixiText;
     private textStyle;
     private renderTexture;

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

@@ -0,0 +1,37 @@
+import { BaseClip } from './base-clip';
+import { IClip } from './iclip';
+import { TransitionKey } from '../transition/glsl/gl-transition';
+export declare class TransitionClip extends BaseClip {
+    readonly type = "Transition";
+    ready: IClip['ready'];
+    private _meta;
+    get meta(): {
+        duration: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Unique identifier for this clip instance
+     */
+    id: string;
+    /**
+     * The transition configuration
+     */
+    transitionEffect: {
+        id: string;
+        key: TransitionKey;
+        name: string;
+    };
+    constructor(transitionKey: TransitionKey);
+    clone(): Promise<this>;
+    tick(_time: number): Promise<{
+        video: ImageBitmap | undefined;
+        state: 'success';
+    }>;
+    split(_time: number): Promise<[this, this]>;
+    toJSON(main?: boolean): any;
+    /**
+     * Create a TransitionClip instance from a JSON object
+     */
+    static fromObject(json: any): Promise<TransitionClip>;
+}

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

@@ -127,8 +127,6 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
         height?: number;
     }): Promise<VideoClip>;
     constructor(source: OPFSToolFile | ReadableStream<Uint8Array> | MPClipCloneArgs, opts?: IMP4ClipOpts, src?: string);
-    set volume(v: number);
-    get volume(): number;
     /**
      * Intercept data returned by {@link VideoClip.tick} method for secondary processing of image and audio data
      * @param time Time when tick was called