openvideo 0.0.3 → 0.1.0

package/dist/json-serialization.d.ts

@@ -1,6 +1,7 @@
 import { IClip, ITransitionInfo } from './clips';
 interface BaseClipJSON {
     id?: string;
+    name?: string;
     effects?: Array<{
         id: string;
         key: string;
@@ -44,6 +45,11 @@ interface BaseClipJSON {
             iterCount?: number;
         };
     };
+    animations?: Array<{
+        type: string;
+        opts: any;
+        params?: any;
+    }>;
     main?: boolean;
 }
 export interface VideoJSON extends BaseClipJSON {

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

@@ -1,4 +1,5 @@
 import { default as EventEmitter } from '../event-emitter';
+import { IAnimation, AnimationTransform } from '../animation';
 type IRectBaseProps = any;
 interface IAnimationOpts {
     duration: number;
@@ -9,7 +10,7 @@ type TAnimateProps = IRectBaseProps & {
     opacity: number;
 };
 export type TAnimationKeyFrame = Array<[number, Partial<TAnimateProps>]>;
-type TKeyFrameOpts = Partial<Record<`${number}%` | 'from' | 'to', Partial<TAnimateProps>>>;
+type TKeyFrameOpts = Partial<Record<`${number}%` | "from" | "to", Partial<TAnimateProps>>>;
 export interface BaseSpriteEvents {
     propsChange: Partial<{
         left: number;
@@ -34,6 +35,10 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
      * Unique identifier for the sprite/clip
      */
     id: string;
+    /**
+     * Name of the sprite/clip
+     */
+    name: string;
     /**
      * Control display time range of clips, commonly used in editing scenario timeline (track) module
      * from: start time offset in microseconds
@@ -123,7 +128,7 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
     /**
      * Flip clip horizontally or vertically
      */
-    flip: 'horizontal' | 'vertical' | null;
+    flip: "horizontal" | "vertical" | null;
     effects: Array<{
         id: string;
         key: string;
@@ -140,11 +145,19 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
     set style(v: any);
     private animatKeyFrame;
     private animatOpts;
+    /**
+     * List of active animations
+     */
+    animations: IAnimation[];
+    /**
+     * Current transform offsets/multipliers from animations
+     * Resets every frame in animate()
+     */
+    renderTransform: AnimationTransform;
     /**
      * @see {@link IClip.ready}
      * For clips, this should be Promise<IClipMeta>, but for BaseSprite it's just Promise<void>
      */
-    ready: Promise<any>;
     protected _render(ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D): void;
     /**
      * Add animation to clip, usage reference CSS animation
@@ -166,7 +179,30 @@ export declare abstract class BaseSprite<T extends BaseSpriteEvents = BaseSprite
     /**
      * If current sprite has animation set, set sprite's animation properties to state at specified time
      */
-    animate(time: number): void;
+    animate(time: number, target?: any): 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;
+    /**
+     * Update an existing animation by ID
+     * @param id Animation ID to update
+     * @param type Animation type (preset name or 'keyframes')
+     * @param opts Animation options
+     * @param params Preset-specific parameters or KeyframeData
+     */
+    updateAnimation(id: string, type: string, opts: any, params?: any): void;
     /**
      * Copy current sprite's properties to target
      *

package/dist/sprite/pixi-sprite-renderer.d.ts

@@ -23,6 +23,7 @@ export declare class PixiSpriteRenderer {
     private maskGraphics;
     private shadowGraphics;
     private shadowContainer;
+    private animationContainer;
     private resolution;
     private destroyed;
     constructor(_pixiApp: Application | null, sprite: IClip, targetContainer?: Container | null);
@@ -42,6 +43,8 @@ export declare class PixiSpriteRenderer {
     private applyStyle;
     private applyStroke;
     private applyShadow;
+    private applyBlur;
+    private applyBrightness;
     updateTransforms(): void;
     getSprite(): Sprite | null;
     getRoot(): Container | null;

package/dist/studio.d.ts

@@ -33,45 +33,45 @@ interface GlobalEffectInfo {
     duration: number;
 }
 export interface StudioEvents {
-    'selection:created': {
+    "selection:created": {
         selected: IClip[];
     };
-    'selection:updated': {
+    "selection:updated": {
         selected: IClip[];
     };
-    'selection:cleared': {
+    "selection:cleared": {
         deselected: IClip[];
     };
-    'track:added': {
+    "track:added": {
         track: StudioTrack;
         index?: number;
     };
-    'track:order-changed': {
+    "track:order-changed": {
         tracks: StudioTrack[];
     };
-    'track:removed': {
+    "track:removed": {
         trackId: string;
     };
-    'clip:added': {
+    "clip:added": {
         clip: IClip;
         trackId: string;
     };
-    'clips:added': {
+    "clips:added": {
         clips: IClip[];
         trackId?: string;
     };
-    'clip:removed': {
+    "clip:removed": {
         clipId: string;
     };
-    'clip:updated': {
+    "clip:updated": {
         clip: IClip;
     };
-    'clip:replaced': {
+    "clip:replaced": {
         oldClip: IClip;
         newClip: IClip;
         trackId: string;
     };
-    'studio:restored': {
+    "studio:restored": {
         clips: IClip[];
         tracks: StudioTrack[];
         settings: IStudioOpts;
@@ -85,7 +85,7 @@ export interface StudioEvents {
     pause: {
         isPlaying: boolean;
     };
-    'history:changed': {
+    "history:changed": {
         canUndo: boolean;
         canRedo: boolean;
     };
@@ -127,7 +127,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     set currentTime(val: number);
     get maxDuration(): number;
     set maxDuration(val: number);
-    opts: Required<Omit<IStudioOpts, 'canvas'>> & {
+    opts: Required<Omit<IStudioOpts, "canvas">> & {
         canvas?: HTMLCanvasElement;
     };
     destroyed: boolean;
@@ -138,7 +138,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     private clipCache;
     private _isUpdatingLayout;
     globalEffects: Map<string, GlobalEffectInfo>;
-    activeGlobalEffect: ActiveGlobalEffect | null;
+    activeGlobalEffects: ActiveGlobalEffect[];
     currentGlobalEffectSprite: Sprite | null;
     effectFilters: Map<string, {
         filter: import('pixi.js').Filter;
@@ -348,7 +348,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     removeGlobalEffect(id: string): void;
     clearGlobalEffects(): void;
     private updateActiveGlobalEffect;
-    private applyGlobalEffectIfNeeded;
+    private applyGlobalEffects;
     /**
      * Destroy the studio and clean up resources
      */