@designcombo/video 0.1.16 → 0.1.18

package/dist/json-serialization.d.ts

@@ -62,20 +62,30 @@ export interface ImageJSON extends BaseClipJSON {
 export interface TextStyleJSON {
     fontSize?: number;
     fontFamily?: string;
-    fontWeight?: number;
+    fontWeight?: string | number;
     fontStyle?: string;
-    color?: string;
+    color?: string | number | {
+        type: 'gradient';
+        x0: number;
+        y0: number;
+        x1: number;
+        y1: number;
+        colors: Array<{
+            ratio: number;
+            color: string | number;
+        }>;
+    };
     align?: 'left' | 'center' | 'right';
     fontUrl?: string;
     stroke?: {
-        color: string;
+        color: string | number;
         width: number;
         join?: 'miter' | 'round' | 'bevel';
         cap?: 'butt' | 'round' | 'square';
         miterLimit?: number;
     };
     shadow?: {
-        color: string;
+        color: string | number;
         alpha: number;
         blur: number;
         distance: number;
@@ -86,6 +96,8 @@ export interface TextStyleJSON {
     lineHeight?: number;
     letterSpacing?: number;
     textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
+    verticalAlign?: 'top' | 'center' | 'bottom';
+    wordsPerLine?: 'single' | 'multiple';
 }
 export interface TextJSON extends BaseClipJSON {
     type: 'Text';
@@ -139,6 +151,7 @@ export interface CaptionJSON extends BaseClipJSON {
     videoHeight?: number;
     fontUrl?: string;
     mediaId?: string;
+    wordsPerLine?: 'single' | 'multiple';
 }
 export interface EffectJSON extends BaseClipJSON {
     type: 'Effect';

package/dist/sprite/base-sprite.d.ts

@@ -29,7 +29,7 @@ export interface BaseSpriteEvents {
  *
  * @see {@link OffscreenSprite}
  */
-export declare abstract class BaseSprite extends EventEmitter<BaseSpriteEvents> {
+export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSpriteEvents> extends EventEmitter<T> {
     /**
      * Unique identifier for the sprite/clip
      */
@@ -65,25 +65,25 @@ export declare abstract class BaseSprite extends EventEmitter<BaseSpriteEvents>
         to: number;
     };
     constructor();
-    private _left;
+    protected _left: number;
     /**
      * Left position (x coordinate)
      */
     get left(): number;
     set left(v: number);
-    private _top;
+    protected _top: number;
     /**
      * Top position (y coordinate)
      */
     get top(): number;
     set top(v: number);
-    private _width;
+    protected _width: number;
     /**
      * Width
      */
     get width(): number;
     set width(v: number);
-    private _height;
+    protected _height: number;
     /**
      * Height
      */

package/dist/studio/timeline-model.d.ts

@@ -17,11 +17,19 @@ export declare class TimelineModel {
         name: string;
         type: string;
         id?: string;
-    }): StudioTrack;
+    }, index?: number): StudioTrack;
     /**
      * Remove a track and all its clips
      */
     removeTrack(trackId: string): Promise<void>;
+    /**
+     * Move a track to a new index
+     */
+    moveTrack(trackId: string, newIndex: number): Promise<void>;
+    /**
+     * Set the order of tracks by ID
+     */
+    setTrackOrder(trackIds: string[]): Promise<void>;
     /**
      * Add a Transition clip at the join where the selected clip starts.
      */

package/dist/studio/transport.d.ts

@@ -12,7 +12,7 @@ export declare class Transport {
     private playStartTime;
     private playStartTimestamp;
     private rafId;
-    playbackElements: Map<IClip, PlaybackElementInfo>;
+    playbackElements: Map<IClip<import('../sprite/base-sprite').BaseSpriteEvents>, PlaybackElementInfo>;
     constructor(studio: Studio);
     setMaxDuration(duration: number): void;
     /**

package/dist/studio.d.ts

@@ -43,6 +43,10 @@ export interface StudioEvents {
     };
     'track:added': {
         track: StudioTrack;
+        index?: number;
+    };
+    'track:order-changed': {
+        tracks: StudioTrack[];
     };
     'track:removed': {
         trackId: string;
@@ -100,8 +104,8 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     history: HistoryManager;
     pixiApp: Application | null;
     get tracks(): StudioTrack[];
-    get clips(): IClip[];
-    spriteRenderers: Map<IClip, PixiSpriteRenderer>;
+    get clips(): IClip<import('./sprite/base-sprite').BaseSpriteEvents>[];
+    spriteRenderers: Map<IClip<import('./sprite/base-sprite').BaseSpriteEvents>, PixiSpriteRenderer>;
     artboard: Container | null;
     clipContainer: Container | null;
     artboardMask: Graphics | null;
@@ -112,9 +116,9 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     set selectedClips(val: Set<IClip>);
     get interactiveClips(): Set<IClip>;
     set interactiveClips(val: Set<IClip>);
-    get playbackElements(): Map<IClip, import('./studio/transport').PlaybackElementInfo>;
-    videoSprites: Map<IClip, Sprite>;
-    clipListeners: Map<IClip, () => void>;
+    get playbackElements(): Map<IClip<import('./sprite/base-sprite').BaseSpriteEvents>, import('./studio/transport').PlaybackElementInfo>;
+    videoSprites: Map<IClip<import('./sprite/base-sprite').BaseSpriteEvents>, Sprite>;
+    clipListeners: Map<IClip<import('./sprite/base-sprite').BaseSpriteEvents>, () => void>;
     get isPlaying(): boolean;
     set isPlaying(val: boolean);
     get currentTime(): number;
@@ -204,8 +208,16 @@ export declare class Studio extends EventEmitter<StudioEvents> {
         name: string;
         type: string;
         id?: string;
-    }): StudioTrack;
+    }, index?: number): StudioTrack;
     setTracks(tracks: StudioTrack[]): Promise<void>;
+    /**
+     * Move a track to a new index
+     */
+    moveTrack(trackId: string, newIndex: number): Promise<void>;
+    /**
+     * Set the order of tracks by ID
+     */
+    setTrackOrder(trackIds: string[]): Promise<void>;
     removeTrack(trackId: string): Promise<void>;
     /**
      * Get a clip by its ID
@@ -240,6 +252,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     resumeRendering(): void;
     getTracks(): StudioTrack[];
     getClip(id: string): IClip | undefined;
+    findClip(id: string): IClip | undefined;
     /**
      * Setup sprite interactivity for click selection
      * Delegated to SelectionManager
@@ -251,7 +264,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     /**
      * Remove a clip from the studio
      */
-    removeClip(clip: IClip): Promise<void>;
+    removeClip(clipOrId: IClip | string): Promise<void>;
     removeClips(clips: IClip[]): Promise<void>;
     removeClipById(clipId: string): Promise<void>;
     removeClipsById(clipIds: string[]): Promise<void>;

package/dist/transfomer/parts/snapping.d.ts

@@ -0,0 +1,41 @@
+import { Point, Rectangle } from 'pixi.js';
+export interface SnapGuide {
+    type: 'vertical' | 'horizontal';
+    position: number;
+    start: number;
+    end: number;
+}
+export interface SnapResult {
+    x: number | null;
+    y: number | null;
+    guides: SnapGuide[];
+}
+export declare class SnappingManager {
+    private artboardWidth;
+    private artboardHeight;
+    private scale;
+    static SNAP_THRESHOLD: number;
+    constructor(artboardWidth: number, artboardHeight: number, scale?: number);
+    updateContext(width: number, height: number, scale: number): void;
+    /**
+     * Snap a rectangle (bounds of the object) to artboard edges and center.
+     * returns delta (adjustment) needed for x and y
+     */
+    snapMove(current: Rectangle): {
+        dx: number;
+        dy: number;
+        guides: SnapGuide[];
+    };
+    /**
+     * Snap during scaling
+     * For now, simplistic implementation: snap the edges being moved.
+     */
+    snapResize(proposed: Rectangle): {
+        corrected: Rectangle;
+        guides: SnapGuide[];
+    };
+    snapPoint(point: Point): {
+        p: Point;
+        guides: SnapGuide[];
+    };
+}

package/dist/transfomer/transformer.d.ts

@@ -13,11 +13,15 @@ export declare class Transformer extends Container {
         group: Container[];
         centeredScaling?: boolean;
         clip?: any;
+        artboardWidth?: number;
+        artboardHeight?: number;
     };
     constructor(opts: {
         group: Container[];
         centeredScaling?: boolean;
         clip?: any;
+        artboardWidth?: number;
+        artboardHeight?: number;
     });
     /**
      * Public method to update transformer bounds without recreating it