@designcombo/video 0.0.5 → 0.1.0

package/dist/json-serialization.d.ts

@@ -84,6 +84,7 @@ export interface TextStyleJSON {
     wordWrapWidth?: number;
     lineHeight?: number;
     letterSpacing?: number;
+    textCase?: 'none' | 'uppercase' | 'lowercase' | 'title';
 }
 export interface TextClipJSON extends BaseClipJSON {
     type: 'Text';
@@ -143,12 +144,22 @@ export interface EffectClipJSON extends BaseClipJSON {
         name: string;
     };
 }
+export interface TransitionClipJSON extends BaseClipJSON {
+    type: 'Transition';
+    transitionEffect: {
+        id: string;
+        key: string;
+        name: string;
+    };
+    fromClipId: string | null;
+    toClipId: string | null;
+}
 export interface TransitionJSON {
     key: string;
     duration: number;
     clips: string[];
 }
-export type ClipJSON = VideoClipJSON | AudioClipJSON | ImageClipJSON | TextClipJSON | CaptionClipJSON | EffectClipJSON;
+export type ClipJSON = VideoClipJSON | AudioClipJSON | ImageClipJSON | TextClipJSON | CaptionClipJSON | EffectClipJSON | TransitionClipJSON;
 export interface StudioTrackJSON {
     id: string;
     name: string;

package/dist/studio.d.ts

@@ -14,29 +14,29 @@ export interface IStudioOpts {
     interactivity?: boolean;
 }
 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;
     };
-    "track:removed": {
+    'track:removed': {
         trackId: string;
     };
-    "clip:added": {
+    'clip:added': {
         clip: IClip;
         trackId: string;
     };
-    "clip:removed": {
+    'clip:removed': {
         clipId: string;
     };
-    "clip:updated": {
+    'clip:updated': {
         clip: IClip;
     };
     currentTime: {
@@ -128,6 +128,10 @@ export declare class Studio extends EventEmitter<StudioEvents> {
      * Get studio options
      */
     getOptions(): IStudioOpts;
+    /**
+     * Update studio dimensions
+     */
+    updateDimensions(width: number, height: number): void;
     private handleResize;
     private updateArtboardLayout;
     /**
@@ -141,7 +145,7 @@ export declare class Studio extends EventEmitter<StudioEvents> {
     /**
      * Add a Transition clip at the join where the selected clip starts.
      */
-    addTransition(transitionKey: string, duration?: number): Promise<void>;
+    addTransition(transitionKey: string, duration?: number, fromClipId?: string | null, toClipId?: string | null): Promise<void>;
     findTrackIdByClipId(clipId: string): string | undefined;
     /**
      * Add a clip to the studio

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

@@ -227,3 +227,5 @@ export declare const COLOUR_DISTANCE_UNIFORMS: Record<string, {
     value: any;
     type: string;
 }>;
+export declare const BOW_TIE_HORIZONTAL_FRAGMENT = "\n// License: MIT\n\nvec2 bottom_left = vec2(0.0, 1.0);\nvec2 bottom_right = vec2(1.0, 1.0);\nvec2 top_left = vec2(0.0, 0.0);\nvec2 top_right = vec2(1.0, 0.0);\n\nfloat check(vec2 p1, vec2 p2, vec2 p3)\n{\n  return (p1.x - p3.x) * (p2.y - p3.y) - (p2.x - p3.x) * (p1.y - p3.y);\n}\n\nbool PointInTriangle (vec2 pt, vec2 p1, vec2 p2, vec2 p3)\n{\n    bool b1, b2, b3;\n    b1 = check(pt, p1, p2) < 0.0;\n    b2 = check(pt, p2, p3) < 0.0;\n    b3 = check(pt, p3, p1) < 0.0;\n    return ((b1 == b2) && (b2 == b3));\n}\n\nbool in_left_triangle(vec2 p){\n  vec2 vertex1, vertex2, vertex3;\n  vertex1 = vec2(progress, 0.5);\n  vertex2 = vec2(0.0, 0.5-progress);\n  vertex3 = vec2(0.0, 0.5+progress);\n  if (PointInTriangle(p, vertex1, vertex2, vertex3))\n  {\n    return true;\n  }\n  return false;\n}\n\nbool in_right_triangle(vec2 p){\n  vec2 vertex1, vertex2, vertex3;\n  vertex1 = vec2(1.0-progress, 0.5);\n  vertex2 = vec2(1.0, 0.5-progress);\n  vertex3 = vec2(1.0, 0.5+progress);\n  if (PointInTriangle(p, vertex1, vertex2, vertex3))\n  {\n    return true;\n  }\n  return false;\n}\n\nfloat blur_edge(vec2 bot1, vec2 bot2, vec2 top, vec2 testPt)\n{\n  vec2 lineDir = bot1 - top;\n  vec2 perpDir = vec2(lineDir.y, -lineDir.x);\n  vec2 dirToPt1 = bot1 - testPt;\n  float dist1 = abs(dot(normalize(perpDir), dirToPt1));\n  \n  lineDir = bot2 - top;\n  perpDir = vec2(lineDir.y, -lineDir.x);\n  dirToPt1 = bot2 - testPt;\n  float min_dist = min(abs(dot(normalize(perpDir), dirToPt1)), dist1);\n  \n  if (min_dist < 0.005) {\n    return min_dist / 0.005;\n  }\n  else  {\n    return 1.0;\n  };\n}\n\n\nvec4 transition (vec2 uv) {\n  if (in_left_triangle(uv))\n  {\n    if (progress < 0.1)\n    {\n      return getFromColor(uv);\n    }\n    if (uv.x < 0.5)\n    {\n      vec2 vertex1 = vec2(progress, 0.5);\n      vec2 vertex2 = vec2(0.0, 0.5-progress);\n      vec2 vertex3 = vec2(0.0, 0.5+progress);\n      return mix(\n        getFromColor(uv),\n        getToColor(uv),\n        blur_edge(vertex2, vertex3, vertex1, uv)\n      );\n    }\n    else\n    {\n      if (progress > 0.0)\n      {\n        return getToColor(uv);\n      }\n      else\n      {\n        return getFromColor(uv);\n      }\n    }    \n  }\n  else if (in_right_triangle(uv))\n  {\n    if (uv.x >= 0.5)\n    {\n      vec2 vertex1 = vec2(1.0-progress, 0.5);\n      vec2 vertex2 = vec2(1.0, 0.5-progress);\n      vec2 vertex3 = vec2(1.0, 0.5+progress);\n      return mix(\n        getFromColor(uv),\n        getToColor(uv),\n        blur_edge(vertex2, vertex3, vertex1, uv)\n      );  \n    }\n    else\n    {\n      return getFromColor(uv);\n    }\n  }\n  else {\n    return getFromColor(uv);\n  }\n}\n";
+export declare const POLKA_DOTS_CURTAIN_FRAGMENT = "\n\nconst float SQRT_2 = 1.414213562373;\nuniform float dots;// = 20.0;\n\nvec4 transition(vec2 uv) {\n  bool nextImage = distance(fract(uv * dots), vec2(0.5, 0.5)) < ( progress / distance(uv, center));\n  return nextImage ? getToColor(uv) : getFromColor(uv);\n}\n";

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

@@ -5,10 +5,14 @@ export interface GlTransition {
         value: any;
         type: string;
     }>;
+    previewDynamic?: string;
+    previewStatic?: 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;
+    previewStatic: string | undefined;
+    previewDynamic: string | undefined;
 }>;

package/dist/transition/transition.d.ts

@@ -2,4 +2,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;
+    destroy(): void;
 };

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

@@ -1,4 +1,4 @@
-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 { 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-C2lxQ7Li.js";
 import { c as z, a as lt, b as ct, B as Te } from "./colorToUniform-C2jGzNe1.js";
 class Pe {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcombo/video",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Video rendering and processing library",
   "type": "module",
   "publishConfig": {
@@ -22,7 +22,7 @@
   "files": [
     "dist"
   ],
-  "main": "dist/index.umd.js",
+ "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "exports": {