@designcombo/video 0.0.0 → 0.0.1

package/dist/json-serialization.d.ts

@@ -55,6 +55,9 @@ export interface TextStyleJSON {
     stroke?: {
         color: string;
         width: number;
+        join?: 'miter' | 'round' | 'bevel';
+        cap?: 'butt' | 'round' | 'square';
+        miterLimit?: number;
     };
     shadow?: {
         color: string;
@@ -63,6 +66,10 @@ export interface TextStyleJSON {
         offsetX: number;
         offsetY: number;
     };
+    wordWrap?: boolean;
+    wordWrapWidth?: number;
+    lineHeight?: number;
+    letterSpacing?: number;
 }
 export interface TextClipJSON extends BaseClipJSON {
     type: 'Text';

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

@@ -1,4 +1,4 @@
-import { Application, Sprite, Texture } from 'pixi.js';
+import { Application, Sprite, Texture, Container } from 'pixi.js';
 import { IClip } from '../clips/iclip';
 /**
  * Update sprite transform based on clip properties
@@ -12,14 +12,14 @@ export declare function updateSpriteTransform(clip: IClip, sprite: Sprite): void
  * This matches the pattern used in other video rendering libraries
  */
 export declare class PixiSpriteRenderer {
-    private pixiApp;
     private sprite;
+    private targetContainer;
     private pixiSprite;
     private texture;
     private canvas;
     private context;
     private destroyed;
-    constructor(pixiApp: Application, sprite: IClip);
+    constructor(pixiApp: Application | null, sprite: IClip, targetContainer?: Container | null);
     /**
      * Update the sprite with a new video frame or Texture
      * @param frame ImageBitmap, Texture, or null to render

package/dist/studio.d.ts

@@ -27,6 +27,10 @@ export declare class Studio {
     private pixiApp;
     private clips;
     private spriteRenderers;
+    private artboard;
+    private clipContainer;
+    private artboardMask;
+    private artboardBg;
     private activeTransformer;
     private selectedClips;
     private interactiveClips;
@@ -44,11 +48,14 @@ export declare class Studio {
      * Convert hex color string to number
      */
     private hexToNumber;
+    ready: Promise<void>;
     /**
      * Create a new Studio instance
      */
     constructor(opts: IStudioOpts);
     private initPixiApp;
+    private handleResize;
+    private updateArtboardLayout;
     /**
      * Get the canvas element (creates one if not provided)
      */
@@ -120,6 +127,14 @@ export declare class Studio {
      * Create transformer for currently selected clips
      */
     private createTransformer;
+    private isUpdatingTextClipRealtime;
+    private textClipResizedWidth;
+    /**
+     * Sync sprite transforms in real-time during drag (for TextClip reflow)
+     * This is called during the drag operation to prevent visual scaling
+     * Only works for mid-right handle (mr)
+     */
+    private syncSelectedClipsTransformsRealtime;
     /**
      * Sync sprite transforms back to clip properties for all selected clips
      * This ensures clip properties are always up-to-date during transformations

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

@@ -1,5 +1,5 @@
 import { Graphics, Rectangle } from 'pixi.js';
 export declare class Wireframe extends Graphics {
     constructor();
-    draw(bounds: Rectangle): void;
+    draw(bounds: Rectangle, scale?: number): void;
 }

package/dist/transfomer/transformer.d.ts

@@ -18,4 +18,9 @@ export declare class Transformer extends Container {
         centeredScaling?: boolean;
         clip?: any;
     });
+    /**
+     * Public method to update transformer bounds without recreating it
+     * Useful for updating bounds after clip dimensions change
+     */
+    updateBounds(): void;
 }

package/dist/utils/audio-codec-detector.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Audio codec detection utility
+ * Detects the best supported audio codec based on browser capabilities
+ */
+export interface AudioCodecConfig {
+    codec: string;
+    codecType: 'aac' | 'opus';
+    sampleRate: number;
+    channelCount: number;
+}
+/**
+ * Get the default audio codec configuration based on browser support
+ * Prefers AAC (mp4a.40.2) but falls back to Opus if not supported
+ *
+ * @returns Promise resolving to the best supported audio codec configuration
+ */
+export declare function getDefaultAudioCodec(): Promise<AudioCodecConfig>;
+/**
+ * Synchronously get the cached codec configuration
+ * Returns null if detection hasn't been performed yet
+ *
+ * @returns The cached audio codec configuration or null
+ */
+export declare function getCachedAudioCodec(): AudioCodecConfig | null;
+/**
+ * Reset the cached codec (useful for testing)
+ */
+export declare function resetCodecCache(): void;

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './audio';
+export * from './audio-codec-detector';
 export * from './chromakey';
 export * from './common';
 export * from './dom';

package/dist/{webworkerAll-DsE6HIYE.js → webworkerAll-DChKIQQa.js}

@@ -1,5 +1,5 @@
-import { E as p, U as $e, T as ee, G as he, a as fe, M as P, m as C, h as pe, F as v, t as w, a6 as N, R as $, w as Y, z as me, a3 as G, a4 as ge, d as F, B as T, D as j, x as M, ad as je, ae as q, J as L, af as U, S as Q, _ as qe, Z as X, o as xe, s as _e, a8 as be, ab as ye, p as Qe, q as Je, a9 as Ze, aa as et, ac as tt, ag as rt, ah as nt, ai as st, aj as H, ak as it, al as at, n as ve, am as te, an as k, e as b, ao as ot } from "./index-CjzowIhV.js";
-import { F as ut, S as D, c as z, a as lt, b as ct, B as Te } from "./colorToUniform-Du0ROyNd.js";
+import { E as p, U as $e, T as ee, G as he, a as fe, M as P, m as C, h as pe, F as v, t as w, a6 as N, R as $, w as Y, z as me, a3 as G, a4 as ge, d as F, B as T, D as j, x as M, ad as je, ae as q, J as L, af as U, S as Q, _ as qe, Z as X, o as xe, s as _e, a8 as be, ab as ye, p as Qe, q as Je, a9 as Ze, aa as et, ac as tt, ag as rt, ah as nt, ai as st, aj as H, ak as it, al as at, n as ve, am as te, an as k, e as b, ao as ot } from "./index-BuRTeJh6.js";
+import { F as ut, S as D, c as z, a as lt, b as ct, B as Te } from "./colorToUniform-B0NRe8Du.js";
 class Pe {
   /**
    * Initialize the plugin with scope of application instance

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcombo/video",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Video rendering and processing library",
   "type": "module",
   "publishConfig": {
@@ -32,9 +32,13 @@
       "require": "./dist/index.umd.js"
     }
   },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
   "devDependencies": {
-    "@types/rollup-plugin-peer-deps-external": "^2.2.6",
     "@types/dom-webcodecs": "^0.1.17",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.6",
     "@webav/mp4box.js": "^0.5.7",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "~5.9.2",
@@ -42,12 +46,9 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "wave-resampler": "^1.0.0",
+    "@pixi/layout": "^3.2.0",
     "opfs-tools": "^0.7.2",
-    "pixi.js": "^8.14.3"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build"
+    "pixi.js": "^8.14.3",
+    "wave-resampler": "^1.0.0"
   }
-}
+}