openvideo 0.1.10 → 0.2.0

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

@@ -3,7 +3,7 @@ export interface GsapAnimationParams {
     /**
      * Animation presets or custom GSAP vars
      */
-    type: "character" | "word" | "line";
+    type: 'character' | 'word' | 'line';
     from: gsap.TweenVars;
     to: gsap.TweenVars;
     stagger?: number | gsap.StaggerVars;

package/dist/animation/presets.d.ts

@@ -11,6 +11,25 @@ export declare const blurOut: AnimationFactory;
 export declare const charFadeIn: AnimationFactory;
 export declare const charSlideUp: AnimationFactory;
 export declare const charTypewriter: AnimationFactory;
+export declare const fadeByWord: AnimationFactory;
+export declare const slideFadeByWord: AnimationFactory;
+export declare const popByWord: AnimationFactory;
+export declare const scaleFadeByWord: AnimationFactory;
+export declare const bounceByWord: AnimationFactory;
+export declare const rotateInByWord: AnimationFactory;
+export declare const slideRightByWord: AnimationFactory;
+export declare const slideLeftByWord: AnimationFactory;
+export declare const fadeRotateByWord: AnimationFactory;
+export declare const skewByWord: AnimationFactory;
+export declare const waveByWord: AnimationFactory;
+export declare const blurInByWord: AnimationFactory;
+export declare const dropSoftByWord: AnimationFactory;
+export declare const elasticPopByWord: AnimationFactory;
+export declare const flipUpByWord: AnimationFactory;
+export declare const spinInByWord: AnimationFactory;
+export declare const stretchInByWord: AnimationFactory;
+export declare const revealZoomByWord: AnimationFactory;
+export declare const floatWaveByWord: AnimationFactory;
 export declare const blurSlideRightIn: AnimationFactory;
 export declare const wobbleZoomIn: AnimationFactory;
 export declare const spinZoomIn: AnimationFactory;
@@ -101,6 +120,18 @@ export declare const collapseRotateZoomIn: AnimationFactory;
 export declare const collapseRotateZoomOut: AnimationFactory;
 export declare const ultraCinematicIn: AnimationFactory;
 export declare const ultraCinematicOut: AnimationFactory;
+export declare const popCaption: AnimationFactory;
+export declare const bounceCaption: AnimationFactory;
+export declare const scaleCaption: AnimationFactory;
+export declare const slideLeftCaption: AnimationFactory;
+export declare const slideRightCaption: AnimationFactory;
+export declare const slideUpCaption: AnimationFactory;
+export declare const slideDownCaption: AnimationFactory;
+export declare const fadeCaption: AnimationFactory;
+export declare const scaleMidCaption: AnimationFactory;
+export declare const scaleDownCaption: AnimationFactory;
+export declare const upDownCaption: AnimationFactory;
+export declare const upLeftCaption: AnimationFactory;
 /**
  * Get the keyframe template for a preset animation
  * Useful for populating the animation editor UI

package/dist/animation/types.d.ts

@@ -5,6 +5,8 @@ export interface AnimationProps {
     width?: number;
     height?: number;
     scale?: number;
+    scaleX?: number;
+    scaleY?: number;
     opacity?: number;
     angle?: number;
     blur?: number;
@@ -43,6 +45,8 @@ export interface AnimationTransform {
     width?: number;
     height?: number;
     scale?: number;
+    scaleX?: number;
+    scaleY?: number;
     opacity?: number;
     angle?: number;
     blur?: number;
@@ -90,6 +94,20 @@ export declare const ANIMATABLE_PROPERTIES: {
         readonly step: 0.1;
         readonly default: 1;
     };
+    readonly scaleX: {
+        readonly label: "Scale X";
+        readonly min: 0;
+        readonly max: 3;
+        readonly step: 0.1;
+        readonly default: 1;
+    };
+    readonly scaleY: {
+        readonly label: "Scale Y";
+        readonly min: 0;
+        readonly max: 3;
+        readonly step: 0.1;
+        readonly default: 1;
+    };
     readonly opacity: {
         readonly label: "Opacity";
         readonly min: 0;

package/dist/browserAll-DjjOJsg2.js

@@ -0,0 +1,7 @@
+import { e as a, A as e, C as i, a as s, E as t, F as n, D as d } from "./index-DCWl03Hg.js";
+import "./webworkerAll-DY6Fccy4.js";
+a.add(e);
+a.mixin(i, s);
+a.add(t);
+a.mixin(i, n);
+a.add(d);

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

@@ -1,6 +1,6 @@
 import { BaseClip } from './base-clip';
 import { IClip } from './iclip';
-import { CaptionJSON } from '../json-serialization';
+import { CaptionJSON, ICaptionWordAnimation } from '../json-serialization';
 import { Application, Texture } from 'pixi.js';
 import { BaseSpriteEvents } from '../sprite/base-sprite';
 export interface ICaptionStyle {
@@ -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;
@@ -24,6 +24,7 @@ export interface ICaptionStyle {
         distance: number;
         angle: number;
     };
+    wordAnimation?: ICaptionWordAnimation;
 }
 export interface ICaptionEvents extends BaseSpriteEvents {
     propsChange: Partial<{
@@ -36,14 +37,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 +74,7 @@ export interface ICaptionOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: "gradient";
+        type: 'gradient';
         x0: number;
         y0: number;
         x1: number;
@@ -107,6 +108,7 @@ export interface ICaptionOpts {
             videoHeight?: number;
             bottomOffset?: number;
         };
+        wordAnimation?: ICaptionWordAnimation;
     };
     /**
      * @deprecated Use caption.words instead
@@ -150,7 +152,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 +163,7 @@ export interface ICaptionOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'center'
      */
-    align?: "left" | "center" | "right";
+    align?: 'left' | 'center' | 'right';
     /**
      * Drop shadow configuration
      */
@@ -181,7 +183,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 +193,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 +208,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 +221,8 @@ export interface ICaptionOpts {
      * Words per line mode ('single' or 'multiple')
      * @default 'multiple'
      */
-    wordsPerLine?: "single" | "multiple";
+    wordsPerLine?: 'single' | 'multiple';
+    wordAnimation?: ICaptionWordAnimation;
 }
 /**
  * Caption clip using Canvas 2D for rendering
@@ -238,7 +241,7 @@ 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;
@@ -271,8 +274,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;
@@ -281,20 +284,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)
      */
@@ -303,7 +306,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
      */
@@ -330,7 +333,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;
@@ -342,7 +345,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
      */
@@ -361,11 +364,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: {
@@ -389,5 +392,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

@@ -14,6 +14,12 @@ export interface ITransitionInfo {
     start?: number;
     end?: number;
 }
+export interface IChromaKeyOpts {
+    enabled: boolean;
+    color: string;
+    similarity: number;
+    spill: number;
+}
 /**
  * Interface that all clips must implement
  *
@@ -134,6 +140,10 @@ export interface IClip<T extends BaseSpriteEvents = BaseSpriteEvents> extends Om
      * List of active animations
      */
     readonly animations: any[];
+    /**
+     * Chroma key settings (green screen removal)
+     */
+    chromaKey: IChromaKeyOpts;
 }
 /**
  * Optional interface for clips that support HTML media element playback

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

@@ -33,7 +33,7 @@ export interface ITextOpts {
      * @default '#ffffff'
      */
     fill?: string | number | {
-        type: "gradient";
+        type: 'gradient';
         x0: number;
         y0: number;
         x1: number;
@@ -49,8 +49,8 @@ export interface ITextOpts {
     stroke?: string | number | {
         color: string | number;
         width: number;
-        join?: "miter" | "round" | "bevel";
-        cap?: "butt" | "round" | "square";
+        join?: 'miter' | 'round' | 'bevel';
+        cap?: 'butt' | 'round' | 'square';
         miterLimit?: number;
     };
     /**
@@ -62,16 +62,16 @@ export interface ITextOpts {
      * Text alignment ('left', 'center', 'right')
      * @default 'left'
      */
-    align?: "left" | "center" | "right";
+    align?: 'left' | 'center' | 'right';
     /**
      * Alias for align to match UI property naming
      */
-    textAlign?: "left" | "center" | "right";
+    textAlign?: 'left' | 'center' | 'right';
     /**
      * Vertical alignment ('top', 'center', 'bottom')
      * @default 'top'
      */
-    verticalAlign?: "top" | "center" | "bottom" | "underline" | "overline" | "strikethrough";
+    verticalAlign?: 'top' | 'center' | 'bottom' | 'underline' | 'overline' | 'strikethrough';
     /**
      * Drop shadow configuration
      */
@@ -106,17 +106,17 @@ export interface ITextOpts {
      * Text case transformation
      * @default 'none'
      */
-    textCase?: "none" | "uppercase" | "lowercase" | "title";
+    textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
     /**
      * Text decoration ('none', 'underline', 'line-through', 'overline')
      * @default 'none'
      */
-    textDecoration?: "none" | "underline" | "line-through" | "overline";
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'overline';
     /**
      * Words per line mode ('single' or 'multiple')
      * @default 'multiple'
      */
-    wordsPerLine?: "single" | "multiple";
+    wordsPerLine?: 'single' | 'multiple';
 }
 export interface ITextEvents extends BaseSpriteEvents {
     propsChange: Partial<{
@@ -152,7 +152,7 @@ export interface ITextEvents extends BaseSpriteEvents {
  */
 export declare class Text extends BaseClip<ITextEvents> {
     readonly type = "Text";
-    ready: IClip["ready"];
+    ready: IClip['ready'];
     private _meta;
     get meta(): {
         duration: number;
@@ -184,8 +184,8 @@ export declare class Text extends BaseClip<ITextEvents> {
     /**
      * Text alignment proxy for compatibility with UI
      */
-    get textAlign(): "left" | "center" | "right";
-    set textAlign(v: "left" | "center" | "right");
+    get textAlign(): 'left' | 'center' | 'right';
+    set textAlign(v: 'left' | 'center' | 'right');
     /**
      * Vertical alignment or decoration proxy
      */
@@ -195,7 +195,7 @@ export declare class Text extends BaseClip<ITextEvents> {
      * Text case proxy
      */
     get textCase(): string;
-    set textCase(v: "none" | "uppercase" | "lowercase" | "title");
+    set textCase(v: 'none' | 'uppercase' | 'lowercase' | 'title');
     private pixiTextContainer;
     private wordTexts;
     private textStyle;
@@ -218,13 +218,13 @@ export declare class Text extends BaseClip<ITextEvents> {
         startTime: number;
         duration: number;
     }>;
-    constructor(text: string, opts?: ITextOpts, renderer?: Application["renderer"]);
+    constructor(text: string, opts?: ITextOpts, 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
@@ -239,7 +239,7 @@ export declare class Text extends BaseClip<ITextEvents> {
     getTexture(): Promise<Texture | null>;
     tick(_time: number): Promise<{
         video: ImageBitmap;
-        state: "success";
+        state: 'success';
     }>;
     split(_time: number): Promise<[this, this]>;
     animate(time: number): void;
@@ -283,5 +283,5 @@ export declare class Text extends BaseClip<ITextEvents> {
      * Text clips should only show: mr (mid-right), mb (mid-bottom), br (bottom-right), and rot (rotation)
      * This allows resizing width and height independently while preventing corner handles that might distort text
      */
-    getVisibleHandles(): Array<"tl" | "tr" | "bl" | "br" | "ml" | "mr" | "mt" | "mb" | "rot">;
+    getVisibleHandles(): Array<'tl' | 'tr' | 'bl' | 'br' | 'ml' | 'mr' | 'mt' | 'mb' | 'rot'>;
 }

package/dist/compositor.d.ts

@@ -7,11 +7,14 @@ export interface ICompositorOpts {
     bitrate?: number;
     fps?: number;
     bgColor?: string;
+    format?: string;
     videoCodec?: string;
     /**
      * If false, exclude audio track from the output video
      */
     audio?: false;
+    audioCodec?: string;
+    audioSampleRate?: number;
     /**
      * Write metadata tags to the output video
      */

package/dist/effect/effect.d.ts

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

package/dist/effect/glsl/custom-glsl.d.ts

@@ -1015,3 +1015,18 @@ export declare const FAST_ZOOM_UNIFORMS: {
         type: string;
     };
 };
+export declare const CHROMA_KEY_FRAGMENT = "\nprecision highp float;\n\nvarying vec2 vTextureCoord;\nuniform sampler2D uTexture;\n\nuniform vec3 uKeyColor;     \nuniform float uSimilarity;  \nuniform float uSpill;       \n\nvoid main() {\n    vec4 color = texture2D(uTexture, vTextureCoord);\n    \n    float maxChannel = max(max(uKeyColor.r, uKeyColor.g), uKeyColor.b);\n    \n    float diff;\n    float spillAmount = 0.0;\n    \n    if (maxChannel == uKeyColor.g && uKeyColor.g > uKeyColor.r && uKeyColor.g > uKeyColor.b) {\n        diff = color.g - max(color.r, color.b);\n        spillAmount = max(0.0, color.g - max(color.r, color.b));\n        color.g -= spillAmount * uSpill;\n        \n        float avg = (color.r + color.b) * 0.5;\n        color.r = mix(color.r, avg, spillAmount);\n        color.b = mix(color.b, avg, spillAmount);\n    } \n    else if (maxChannel == uKeyColor.b && uKeyColor.b > uKeyColor.r && uKeyColor.b > uKeyColor.g) {\n        diff = color.b - max(color.r, color.g);\n        spillAmount = max(0.0, color.b - max(color.r, color.g));\n        color.b -= spillAmount * uSpill;\n        \n        float avg = (color.r + color.g) * 0.5;\n        color.r = mix(color.r, avg, spillAmount);\n        color.g = mix(color.g, avg, spillAmount);\n    } \n    else {\n        diff = color.r - max(color.g, color.b);\n        spillAmount = max(0.0, color.r - max(color.g, color.b));\n        color.r -= spillAmount * uSpill;\n        \n        float avg = (color.g + color.b) * 0.5;\n        color.g = mix(color.g, avg, spillAmount);\n        color.b = mix(color.b, avg, spillAmount);\n    }\n    \n    float mask = step(uSimilarity, diff); \n    float alpha = 1.0 - mask;\n\n    if (diff > uSimilarity) {\n        gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n        return;\n    }\n\n    gl_FragColor = vec4(color.rgb, color.a * alpha);\n}\n";
+export declare const CHROMA_KEY_UNIFORMS: {
+    uKeyColor: {
+        value: number[];
+        type: string;
+    };
+    uSimilarity: {
+        value: number;
+        type: string;
+    };
+    uSpill: {
+        value: number;
+        type: string;
+    };
+};

package/dist/effect/glsl/gl-effect.d.ts

@@ -1,16 +1,38 @@
-export interface GlTransition {
+export interface GlEffect {
     label: string;
     fragment: string;
     uniforms?: Record<string, {
         value: any;
         type: string;
     }>;
+    previewStatic?: string;
+    previewDynamic?: string;
 }
-export declare const GL_EFFECTS: Record<string, GlTransition>;
-export type EffectKey = keyof typeof GL_EFFECTS;
-export declare const GL_EFFECT_OPTIONS: Array<{
+/**
+ * Register a custom effect at runtime
+ */
+export declare function registerCustomEffect(name: string, effect: GlEffect): void;
+/**
+ * Unregister a custom effect at runtime
+ */
+export declare function unregisterCustomEffect(name: string): void;
+/**
+ * Get all available effects, including library and runtime registered ones
+ */
+export declare function getAllEffects(): Record<string, GlEffect>;
+export declare const GL_EFFECTS: Record<string, GlEffect>;
+export type EffectKey = string;
+export declare function getEffectOptions(): {
     key: EffectKey;
     label: string;
-    previewStatic: string | undefined;
-    previewDynamic: string | undefined;
-}>;
+    isCustom: boolean;
+    previewStatic: string;
+    previewDynamic: string;
+}[];
+export declare const GL_EFFECT_OPTIONS: {
+    key: EffectKey;
+    label: string;
+    isCustom: boolean;
+    previewStatic: string;
+    previewDynamic: string;
+}[];