@designcombo/video 0.0.0 → 0.0.2

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

@@ -28,7 +28,7 @@ export interface ITextClipOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: 'gradient';
+        type: "gradient";
         x0: number;
         y0: number;
         x1: number;
@@ -44,7 +44,9 @@ export interface ITextClipOpts {
     stroke?: string | number | {
         color: string | number;
         width: number;
-        join?: 'miter' | 'round' | 'bevel';
+        join?: "miter" | "round" | "bevel";
+        cap?: "butt" | "round" | "square";
+        miterLimit?: number;
     };
     /**
      * Stroke width in pixels (used when stroke is a simple color)
@@ -55,7 +57,7 @@ export interface ITextClipOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'left'
      */
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     /**
      * Drop shadow configuration
      */
@@ -106,7 +108,7 @@ export interface ITextClipOpts {
  * textClip.duration = 5e6; // 5 seconds
  */
 export declare class TextClip extends BaseClip {
-    ready: IClip['ready'];
+    ready: IClip["ready"];
     private _meta;
     get meta(): {
         duration: number;
@@ -141,6 +143,15 @@ export declare class TextClip extends BaseClip {
         stroke: {
             color: string | number;
             width: number;
+            join: "miter" | "round" | "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;
@@ -149,6 +160,10 @@ export declare class TextClip extends BaseClip {
             offsetX: number;
             offsetY: number;
         } | undefined;
+        wordWrap: boolean | undefined;
+        wordWrapWidth: number | undefined;
+        lineHeight: number | undefined;
+        letterSpacing: number | undefined;
     };
     private pixiText;
     private textStyle;
@@ -156,13 +171,27 @@ export declare class TextClip extends BaseClip {
     private externalRenderer;
     private pixiApp;
     private originalOpts;
-    constructor(text: string, opts?: ITextClipOpts, renderer?: Application['renderer']);
+    /**
+     * Unique identifier for this clip instance
+     */
+    id: string;
+    /**
+     * Array of effects to be applied to this clip
+     * Each effect specifies key, startTime, duration, and optional targets
+     */
+    effects: Array<{
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }>;
+    constructor(text: string, opts?: ITextClipOpts, renderer?: Application["renderer"]);
     /**
      * Set an external renderer (e.g., from Studio) to avoid creating our own Pixi App
      * This is an optimization for Studio preview
      * Can be called before ready() completes
      */
-    setRenderer(renderer: Application['renderer']): void;
+    setRenderer(renderer: Application["renderer"]): void;
     /**
      * Get the renderer for rendering text to RenderTexture
      * Creates a minimal renderer as fallback if no external renderer is provided
@@ -177,10 +206,36 @@ export declare class TextClip extends BaseClip {
     getTexture(): Promise<Texture | null>;
     tick(_time: number): Promise<{
         video: ImageBitmap;
-        state: 'success';
+        state: "success";
     }>;
     split(_time: number): Promise<[this, this]>;
+    addEffect(effect: {
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }): void;
+    editEffect(effectId: string, newEffectData: Partial<{
+        key: string;
+        startTime: number;
+        duration: number;
+    }>): void;
+    removeEffect(effectId: string): void;
     clone(): Promise<this>;
+    /**
+     * Update text styling options and refresh the texture
+     * This is used for dynamic updates like resizing with text reflow
+     */
+    updateStyle(opts: Partial<ITextClipOpts>): Promise<void>;
+    /**
+     * Refresh the internal Pixi Text and RenderTexture
+     * Calculates dimensions based on text bounds and wrapping options
+     */
+    private refreshText;
+    /**
+     * Helper to create PixiJS TextStyle options from TextClip options
+     */
+    private createStyleFromOpts;
     destroy(): void;
     toJSON(main?: boolean): TextClipJSON;
     /**

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

@@ -20,7 +20,7 @@ export interface IMP4ClipOpts {
      */
     __unsafe_hardwareAcceleration__?: HardwarePreference;
 }
-type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
+type ExtMP4Sample = Omit<MP4Sample, "data"> & {
     is_idr: boolean;
     deleted?: boolean;
     data: null | Uint8Array;
@@ -60,7 +60,7 @@ type ExtMP4Sample = Omit<MP4Sample, 'data'> & {
 export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     private insId;
     private logger;
-    ready: IClip['ready'];
+    ready: IClip["ready"];
     private _meta;
     get meta(): {
         duration: number;
@@ -92,6 +92,20 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
      * Whether to include audio track (hybrid JSON structure)
      */
     audio: boolean;
+    /**
+     * Unique identifier for this clip instance
+     */
+    id: string;
+    /**
+     * Array of effects to be applied to this clip
+     * Each effect specifies key, startTime, duration, and optional targets
+     */
+    effects: Array<{
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }>;
     /**
      * Load a video clip from a URL
      * @param url Video URL
@@ -120,7 +134,7 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
      *
      * @see [Remove video green screen background](https://webav-tech.github.io/WebAV/demo/3_2-chromakey-video)
      */
-    tickInterceptor: <T extends Awaited<ReturnType<VideoClip['tick']>>>(time: number, tickRet: T) => Promise<T>;
+    tickInterceptor: <T extends Awaited<ReturnType<VideoClip["tick"]>>>(time: number, tickRet: T) => Promise<T>;
     /**
      * Get image frame and audio data at specified time
      * @param time Time in microseconds
@@ -128,9 +142,21 @@ export declare class VideoClip extends BaseClip implements IPlaybackCapable {
     tick(time: number): Promise<{
         video?: VideoFrame;
         audio: Float32Array[];
-        state: 'success' | 'done';
+        state: "success" | "done";
     }>;
     split(time: number): Promise<[this, this]>;
+    addEffect(effect: {
+        id: string;
+        key: string;
+        startTime: number;
+        duration: number;
+    }): void;
+    editEffect(effectId: string, newEffectData: Partial<{
+        key: string;
+        startTime: number;
+        duration: number;
+    }>): void;
+    removeEffect(effectId: string): void;
     clone(): Promise<this>;
     /**
      * Split VideoClip into VideoClips containing only video track and audio track

package/dist/colorToUniform-C2jGzNe1.js

@@ -0,0 +1,97 @@
+const l = {
+  name: "local-uniform-bit",
+  vertex: {
+    header: (
+      /* wgsl */
+      `
+
+            struct LocalUniforms {
+                uTransformMatrix:mat3x3<f32>,
+                uColor:vec4<f32>,
+                uRound:f32,
+            }
+
+            @group(1) @binding(0) var<uniform> localUniforms : LocalUniforms;
+        `
+    ),
+    main: (
+      /* wgsl */
+      `
+            vColor *= localUniforms.uColor;
+            modelMatrix *= localUniforms.uTransformMatrix;
+        `
+    ),
+    end: (
+      /* wgsl */
+      `
+            if(localUniforms.uRound == 1)
+            {
+                vPosition = vec4(roundPixels(vPosition.xy, globalUniforms.uResolution), vPosition.zw);
+            }
+        `
+    )
+  }
+}, e = {
+  ...l,
+  vertex: {
+    ...l.vertex,
+    // replace the group!
+    header: l.vertex.header.replace("group(1)", "group(2)")
+  }
+}, n = {
+  name: "local-uniform-bit",
+  vertex: {
+    header: (
+      /* glsl */
+      `
+
+            uniform mat3 uTransformMatrix;
+            uniform vec4 uColor;
+            uniform float uRound;
+        `
+    ),
+    main: (
+      /* glsl */
+      `
+            vColor *= uColor;
+            modelMatrix = uTransformMatrix;
+        `
+    ),
+    end: (
+      /* glsl */
+      `
+            if(uRound == 1.)
+            {
+                gl_Position.xy = roundPixels(gl_Position.xy, uResolution);
+            }
+        `
+    )
+  }
+};
+class a {
+  constructor() {
+    this.batcherName = "default", this.topology = "triangle-list", this.attributeSize = 4, this.indexSize = 6, this.packAsQuad = !0, this.roundPixels = 0, this._attributeStart = 0, this._batcher = null, this._batch = null;
+  }
+  get blendMode() {
+    return this.renderable.groupBlendMode;
+  }
+  get color() {
+    return this.renderable.groupColorAlpha;
+  }
+  reset() {
+    this.renderable = null, this.texture = null, this._batcher = null, this._batch = null, this.bounds = null;
+  }
+  destroy() {
+  }
+}
+function s(o, r, i) {
+  const t = (o >> 24 & 255) / 255;
+  r[i++] = (o & 255) / 255 * t, r[i++] = (o >> 8 & 255) / 255 * t, r[i++] = (o >> 16 & 255) / 255 * t, r[i++] = t;
+}
+export {
+  a as B,
+  l as a,
+  n as b,
+  s as c,
+  e as l
+};

package/dist/effect/effect.d.ts

@@ -0,0 +1,6 @@
+import { Filter, RenderTexture } from 'pixi.js';
+import { EffectOptions, EffectRendererOptions } from './types';
+export declare function makeEffect({ name, renderer }: EffectOptions): {
+    filter: Filter;
+    render({ width, height, canvasTexture, progress }: EffectRendererOptions): RenderTexture;
+};