@designcombo/video 0.0.3 → 0.0.5

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

@@ -0,0 +1,14 @@
+export interface GlTransition {
+    label: string;
+    fragment: string;
+    uniforms?: Record<string, {
+        value: any;
+        type: string;
+    }>;
+}
+export declare const GL_TRANSITIONS: Record<string, GlTransition>;
+export type TransitionKey = keyof typeof GL_TRANSITIONS;
+export declare const GL_TRANSITION_OPTIONS: Array<{
+    key: TransitionKey;
+    label: string;
+}>;

package/dist/transition/transition.d.ts

@@ -0,0 +1,5 @@
+import { RenderTexture } from 'pixi.js';
+import { TransitionOptions, TransitionRendererOptions } from './types';
+export declare function makeTransition({ name, renderer }: TransitionOptions): {
+    render({ width, height, from, to, progress }: TransitionRendererOptions): RenderTexture;
+};

package/dist/transition/types.d.ts

@@ -0,0 +1,29 @@
+import { Renderer, Texture } from 'pixi.js';
+import { TransitionKey } from './glsl/gl-transition';
+export interface TransitionOptions {
+    name: TransitionKey;
+    renderer: Renderer;
+}
+export interface TransitionRendererOptions {
+    from: VideoFrame | Texture;
+    to: VideoFrame | Texture;
+    progress: number;
+    width: number;
+    height: number;
+}
+export interface GLTransition {
+    author?: string;
+    createdAt?: string;
+    glsl?: string;
+    fragment?: string;
+    license?: string;
+    name: string;
+    updatedAt?: string;
+    defaultParams?: Record<string, any>;
+    paramsTypes?: Record<string, any>;
+    label?: string;
+    uniforms?: Record<string, {
+        value: any;
+        type: string;
+    }>;
+}

package/dist/transition/uniforms.d.ts

@@ -0,0 +1,35 @@
+import { GLTransition } from './types';
+export declare const uniforms: {
+    custom: (transition: GLTransition) => {
+        [k: string]: {
+            value: any;
+            type: string;
+        };
+    };
+    basics: {
+        _fromR: {
+            value: number;
+            type: string;
+        };
+        _toR: {
+            value: number;
+            type: string;
+        };
+        ratio: {
+            value: number;
+            type: string;
+        };
+        progress: {
+            value: number;
+            type: string;
+        };
+        customUniform: {
+            value: number;
+            type: string;
+        };
+        center: {
+            value: number[];
+            type: string;
+        };
+    };
+};

package/dist/transition/vertex.d.ts

@@ -0,0 +1 @@
+export declare const vertex = "\n\tin vec2 aPosition;\n\tout vec2 _uv;               \n\tuniform mat3 projectionMatrix;\n\tuniform vec4 uInputSize;\n\tuniform vec4 uOutputFrame;\n\tout vec2 vTextureCoord;\n\tuniform vec4 uOutputTexture;\n\n\tvec4 filterVertexPosition( void )\n\t{\n\t\t\tvec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;\n\n\t\t\tposition.x = position.x * (2.0 / uOutputTexture.x) - 1.0;\n\t\t\tposition.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;\n\n\t\t\treturn vec4(position, 0.0, 1.0);\n\t}\n\n\tvec2 filterTextureCoord( void )\n\t{\n\treturn aPosition * (uOutputFrame.zw * uInputSize.zw);\n\t}\n\n\tvoid main(void)\n\t{\n\tgl_Position = filterVertexPosition();\n\tvTextureCoord = filterTextureCoord();\n\tvec2 absolute = aPosition * uOutputFrame.zw + uOutputFrame.xy;\n\t_uv = absolute / uOutputTexture.xy;\n\t}\n";

package/dist/{webworkerAll-zvzmYHny.js → webworkerAll-yHa2ILeq.js}

@@ -1,5 +1,5 @@
-import { E as p, U as Ne, T as ee, F as je, G as he, v as fe, af as qe, M as P, l as C, d as pe, I as v, t as w, a8 as $, R as N, w as L, H as me, a5 as G, a6 as ge, c as F, B as T, D as j, S as M, y as D, ag as Qe, ah as q, L as Y, ai as U, s as Q, a0 as Je, $ as X, n as xe, q as _e, aa as be, ad as ye, o as Ze, p as et, ab as tt, ac as rt, ae as nt, aj as st, ak as it, al as at, am as H, an as ot, ao as ut, m as ve, ap as te, aq as k, e as b, ar as lt } from "./index-BVO9qrk3.js";
-import { c as A, a as ct, b as dt, B as Te } from "./colorToUniform-C2jGzNe1.js";
+import { E as p, U as Ne, T as ee, F as je, G as he, v as fe, M as P, l as C, d as pe, I as v, t as w, a8 as $, R as N, w as L, H as me, a5 as G, a6 as ge, c as F, B as T, D as j, S as M, y as D, af as qe, ag as q, L as Y, ah as U, s as Q, a0 as Qe, $ as X, n as xe, q as _e, aa as be, ad as ye, o as Je, p as Ze, ab as et, ac as tt, ae as rt, ai as nt, aj as st, ak as it, al as H, am as at, an as ot, m as ve, ao as te, ap as k, e as b, aq as ut } from "./index-Cu_5hRJ3.js";
+import { c as z, a as lt, b as ct, B as Te } from "./colorToUniform-C2jGzNe1.js";
 class Pe {
   /**
    * Initialize the plugin with scope of application instance
@@ -86,7 +86,34 @@ class we {
   }
 }
 we.extension = p.Application;
-var ht = `in vec2 vTextureCoord;
+var dt = `in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition( void )
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord( void )
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`, ht = `in vec2 vTextureCoord;
 out vec4 finalColor;
 uniform sampler2D uTexture;
 void main() {
@@ -149,7 +176,7 @@ class ft extends je {
       fragment: { source: re, entryPoint: "mainFragment" },
       name: "passthrough-filter"
     }), t = fe.from({
-      vertex: qe,
+      vertex: dt,
       fragment: ht,
       name: "passthrough-filter"
     });
@@ -729,7 +756,7 @@ class Be {
     const s = r.customShader || this._adaptor.shader;
     this.state.blendMode = e.groupBlendMode;
     const i = s.resources.localUniforms.uniforms;
-    i.uTransformMatrix = e.groupTransform, i.uRound = t._roundPixels | e._roundPixels, A(
+    i.uTransformMatrix = e.groupTransform, i.uRound = t._roundPixels | e._roundPixels, z(
       e.groupColorAlpha,
       i.uColor,
       0
@@ -756,7 +783,7 @@ class Be {
   _updateBatchesForRenderable(e, t) {
     const r = e.context, n = this.renderer.graphicsContext.getGpuContext(r), s = this.renderer._roundPixels | e._roundPixels;
     t.batches = n.batches.map((i) => {
-      const o = D.get(Qe);
+      const o = D.get(qe);
       return i.copyTo(o), o.renderable = e, o.roundPixels = s, o;
     });
   }
@@ -915,7 +942,7 @@ class De {
       return;
     e.state.blendMode = q(e.groupBlendMode, e.texture._source);
     const t = this.localUniforms;
-    t.uniforms.uTransformMatrix = e.groupTransform, t.uniforms.uRound = this.renderer._roundPixels | e._roundPixels, t.update(), A(
+    t.uniforms.uTransformMatrix = e.groupTransform, t.uniforms.uRound = this.renderer._roundPixels | e._roundPixels, t.update(), z(
       e.groupColorAlpha,
       t.uniforms.uColor,
       0
@@ -1235,7 +1262,7 @@ class Ft extends Q {
         // this will be replaced with the local uniforms from the particle container
         uniforms: {
           uTranslationMatrix: { value: new P(), type: "mat3x3<f32>" },
-          uColor: { value: new Je(16777215), type: "vec4<f32>" },
+          uColor: { value: new Qe(16777215), type: "vec4<f32>" },
           uRound: { value: 1, type: "f32" },
           uResolution: { value: [0, 0], type: "vec2<f32>" }
         }
@@ -1243,7 +1270,7 @@ class Ft extends Q {
     });
   }
 }
-class Ae {
+class ze {
   /**
    * @param renderer - The renderer this sprite batch works for.
    * @param adaptor
@@ -1282,7 +1309,7 @@ class Ae {
     const s = this.state;
     n.update(t, e._childrenDirty), e._childrenDirty = !1, s.blendMode = q(e.blendMode, e.texture._source);
     const i = this.localUniforms.uniforms, o = i.uTranslationMatrix;
-    e.worldTransform.copyTo(o), o.prepend(r.globalUniforms.globalUniformData.projectionMatrix), i.uResolution = r.globalUniforms.globalUniformData.resolution, i.uRound = r._roundPixels | e._roundPixels, A(
+    e.worldTransform.copyTo(o), o.prepend(r.globalUniforms.globalUniformData.projectionMatrix), i.uResolution = r.globalUniforms.globalUniformData.resolution, i.uRound = r._roundPixels | e._roundPixels, z(
       e.groupColorAlpha,
       i.uColor,
       0
@@ -1293,18 +1320,18 @@ class Ae {
     this.renderer = null, this.defaultShader && (this.defaultShader.destroy(), this.defaultShader = null);
   }
 }
-class ze extends Ae {
+class Ae extends ze {
   constructor(e) {
     super(e, new yt());
   }
 }
-ze.extension = {
+Ae.extension = {
   type: [
     p.WebGLPipes
   ],
   name: "particle"
 };
-class ke extends Ae {
+class ke extends ze {
   constructor(e) {
     super(e, new vt());
   }
@@ -1537,14 +1564,14 @@ class Mt extends Q {
     O ?? (O = xe({
       name: "tiling-sprite-shader",
       bits: [
-        ct,
+        lt,
         Bt,
         _e
       ]
     })), I ?? (I = be({
       name: "tiling-sprite-shader",
       bits: [
-        dt,
+        ct,
         Gt,
         ye
       ]
@@ -1592,11 +1619,11 @@ class Dt extends J {
     });
   }
 }
-function At(a, e) {
+function zt(a, e) {
   const t = a.anchor.x, r = a.anchor.y;
   e[0] = -t * a.width, e[1] = -r * a.height, e[2] = (1 - t) * a.width, e[3] = -r * a.height, e[4] = (1 - t) * a.width, e[5] = (1 - r) * a.height, e[6] = -t * a.width, e[7] = (1 - r) * a.height;
 }
-function zt(a, e, t, r) {
+function At(a, e, t, r) {
   let n = 0;
   const s = a.length / e, i = r.a, o = r.b, u = r.c, c = r.d, h = r.tx, l = r.ty;
   for (t *= e; n < s; ) {
@@ -1609,7 +1636,7 @@ function kt(a, e) {
   let s = 0, i = 0;
   a.applyAnchorToTexture && (s = a.anchor.x, i = a.anchor.y), e[0] = e[6] = -s, e[2] = e[4] = 1 - s, e[1] = e[3] = -i, e[5] = e[7] = 1 - i;
   const o = P.shared;
-  o.copyFrom(a._tileTransform.matrix), o.tx /= a.width, o.ty /= a.height, o.invert(), o.scale(a.width / r, a.height / n), zt(e, 2, 0, o);
+  o.copyFrom(a._tileTransform.matrix), o.tx /= a.width, o.ty /= a.height, o.invert(), o.scale(a.width / r, a.height / n), At(e, 2, 0, o);
 }
 const B = new Dt();
 class Ot {
@@ -1656,7 +1683,7 @@ class Ve {
     const { shader: t } = this._getTilingSpriteData(e);
     t.groups[0] = this._renderer.globalUniforms.bindGroup;
     const r = t.resources.localUniforms.uniforms;
-    r.uTransformMatrix = e.groupTransform, r.uRound = this._renderer._roundPixels | e._roundPixels, A(
+    r.uTransformMatrix = e.groupTransform, r.uRound = this._renderer._roundPixels | e._roundPixels, z(
       e.groupColorAlpha,
       r.uColor,
       0
@@ -1692,7 +1719,7 @@ class Ve {
   }
   _updateBatchableMesh(e) {
     const t = this._getTilingSpriteData(e), { geometry: r } = t, n = e.texture.source.style;
-    n.addressMode !== "repeat" && (n.addressMode = "repeat", n.update()), kt(e, r.uvs), At(e, r.positions);
+    n.addressMode !== "repeat" && (n.addressMode = "repeat", n.update()), kt(e, r.uvs), zt(e, r.positions);
   }
   destroy() {
     this._renderer = null;
@@ -1889,8 +1916,8 @@ class Lt extends Q {
     E ?? (E = xe({
       name: "sdf-shader",
       bits: [
-        Ze,
-        et(e),
+        Je,
+        Ze(e),
         It,
         Vt,
         _e
@@ -1898,8 +1925,8 @@ class Lt extends Q {
     })), V ?? (V = be({
       name: "sdf-shader",
       bits: [
-        tt,
-        rt(e),
+        et,
+        tt(e),
         Et,
         Wt,
         ye
@@ -1909,12 +1936,12 @@ class Lt extends Q {
       gpuProgram: E,
       resources: {
         localUniforms: t,
-        batchSamplers: nt(e)
+        batchSamplers: rt(e)
       }
     });
   }
 }
-class Yt extends ot {
+class Yt extends at {
   destroy() {
     this.context.customShader && this.context.customShader.destroy(), super.destroy();
   }
@@ -1936,11 +1963,11 @@ class We {
     de(e, t), this._renderer.renderPipes.graphics.updateRenderable(t), t.context.customShader && this._updateDistanceField(e);
   }
   _updateContext(e, t) {
-    const { context: r } = t, n = st.getFont(e.text, e._style);
+    const { context: r } = t, n = nt.getFont(e.text, e._style);
     r.clear(), n.distanceField.type !== "none" && (r.customShader || (r.customShader = new Lt(this._renderer.limits.maxBatchableTextures)));
-    const s = it.graphemeSegmenter(e.text), i = e._style;
+    const s = st.graphemeSegmenter(e.text), i = e._style;
     let o = n.baseLineOffset;
-    const u = at(s, i, n, !0), c = i.padding, h = u.scale;
+    const u = it(s, i, n, !0), c = i.padding, h = u.scale;
     let l = u.width, d = u.height + u.offsetY;
     i._stroke && (l += i._stroke.width / h, d += i._stroke.width / h), r.translate(-e._anchor._x * l - c, -e._anchor._y * d - c).scale(h, h);
     const f = n.applyFillAsTint ? i._fill.color : 16777215;
@@ -1953,14 +1980,14 @@ class We {
       for (let S = 0; S < y.charPositions.length; S++) {
         const $e = y.chars[S], R = n.chars[$e];
         if (R?.texture) {
-          const z = R.texture;
+          const A = R.texture;
           r.texture(
-            z,
+            A,
             f || "black",
             Math.round(y.charPositions[S] + R.xOffset),
             Math.round(o + R.yOffset + x),
-            z.orig.width,
-            z.orig.height
+            A.orig.width,
+            A.orig.height
           );
         }
       }
@@ -2014,7 +2041,7 @@ class Xt extends Te {
 }
 function K(a, e) {
   const { texture: t, bounds: r } = a, n = e._style._getFinalPadding();
-  ut(r, e._anchor, t);
+  ot(r, e._anchor, t);
   const s = e._anchor._x * n * 2, i = e._anchor._y * n * 2;
   r.minX -= n - s, r.minY -= n - i, r.maxX -= n - s, r.maxY -= n - i;
 }
@@ -2455,9 +2482,9 @@ Ke.extension = {
 b.add(Pe);
 b.add(we);
 b.add(Be);
-b.add(lt);
+b.add(ut);
 b.add(De);
-b.add(ze);
+b.add(Ae);
 b.add(ke);
 b.add(Ke);
 b.add(He);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcombo/video",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Video rendering and processing library",
   "type": "module",
   "publishConfig": {
@@ -27,9 +27,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.umd.js"
     }
   },
   "scripts": {
@@ -47,6 +47,7 @@
   },
   "dependencies": {
     "@pixi/layout": "^3.2.0",
+    "gl-transitions": "^1.43.0",
     "opfs-tools": "^0.7.2",
     "pixi.js": "^8.14.3",
     "wave-resampler": "^1.0.0"