@rive-app/canvas-advanced 2.26.3 → 2.26.5

package/canvas_advanced.mjs

@@ -5,10 +5,10 @@ var Rive = (() => {
   return (
 function(moduleArg = {}) {
 
-var m = moduleArg, aa, ea;
+var m = moduleArg, aa, ba;
 m.ready = new Promise((a, b) => {
   aa = a;
-  ea = b;
+  ba = b;
 });
 function fa() {
   function a(g) {
@@ -245,7 +245,7 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         b.clearColor(0, 0, 0, 0);
         b.clear(b.COLOR_BUFFER_BIT);
         b.enable(b.SCISSOR_TEST);
-        r.sort((H, ba) => ba.wb - H.wb);
+        r.sort((H, ca) => ca.wb - H.wb);
         w = v.push(B);
         g != w && (b.bufferData(b.ARRAY_BUFFER, 8 * w, b.DYNAMIC_DRAW), g = w);
         w = 0;
@@ -253,8 +253,8 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
           b.bufferSubData(b.ARRAY_BUFFER, w, T.Ta), w += 4 * T.Ta.length;
         }
         console.assert(w == 4 * B);
-        for (var ca of r) {
-          b.bufferSubData(b.ARRAY_BUFFER, w, ca.Db), w += 4 * ca.Db.length;
+        for (var da of r) {
+          b.bufferSubData(b.ARRAY_BUFFER, w, da.Db), w += 4 * da.Db.length;
         }
         console.assert(w == 8 * B);
         w = x.push(D);
@@ -265,15 +265,15 @@ const ja = "createConicGradient createImageData createLinearGradient createPatte
         }
         console.assert(T == 2 * D);
         ra = 0;
-        ca = !0;
+        da = !0;
         w = T = 0;
         for (const H of r) {
           H.image.Ka != ra && (b.bindTexture(b.TEXTURE_2D, H.image.Ja || null), ra = H.image.Ka);
-          H.mc ? (b.scissor(H.Ya, M - H.Za - H.jb, H.Ac, H.jb), ca = !0) : ca && (b.scissor(0, M - t, k, t), ca = !1);
+          H.mc ? (b.scissor(H.Ya, M - H.Za - H.jb, H.Ac, H.jb), da = !0) : da && (b.scissor(0, M - t, k, t), da = !1);
           r = 2 / k;
-          const ba = -2 / t;
-          b.uniform4f(e, H.ha[0] * r * H.Ba, H.ha[1] * ba * H.Ca, H.ha[2] * r * H.Ba, H.ha[3] * ba * H.Ca);
-          b.uniform2f(f, H.ha[4] * r * H.Ba + r * (H.Ya - H.ic * H.Ba) - 1, H.ha[5] * ba * H.Ca + ba * (H.Za - H.jc * H.Ca) + 1);
+          const ca = -2 / t;
+          b.uniform4f(e, H.ha[0] * r * H.Ba, H.ha[1] * ca * H.Ca, H.ha[2] * r * H.Ba, H.ha[3] * ca * H.Ca);
+          b.uniform2f(f, H.ha[4] * r * H.Ba + r * (H.Ya - H.ic * H.Ba) - 1, H.ha[5] * ca * H.Ca + ca * (H.Za - H.jc * H.Ca) + 1);
           b.vertexAttribPointer(0, 2, b.FLOAT, !1, 0, w);
           b.vertexAttribPointer(1, 2, b.FLOAT, !1, 0, w + 4 * B);
           b.drawElements(b.TRIANGLES, H.indices.length, b.UNSIGNED_SHORT, T);
@@ -330,7 +330,7 @@ m.onRuntimeInitialized = function() {
     return "rgba(" + ((16711680 & q) >>> 16) + "," + ((65280 & q) >>> 8) + "," + ((255 & q) >>> 0) + "," + ((4278190080 & q) >>> 24) / 255 + ")";
   }
   function c() {
-    0 < M.length && (ka.Qb(w.drawWidth(), w.drawHeight(), M, T, ca), M = [], ca = T = 0, w.reset(512, 512));
+    0 < M.length && (ka.Qb(w.drawWidth(), w.drawHeight(), M, T, da), M = [], da = T = 0, w.reset(512, 512));
     for (const q of D) {
       for (const y of q.H) {
         y();
@@ -440,8 +440,8 @@ m.onRuntimeInitialized = function() {
       var K = I.cb;
       const Q = I.Ra;
       I.ec ? (I = X - A, K -= J, A = q.createRadialGradient(A, J, 0, A, J, Math.sqrt(I * I + K * K))) : A = q.createLinearGradient(A, J, X, K);
-      for (let da = 0, R = Q.length; da < R; da++) {
-        J = Q[da], A.addColorStop(J.stop, b(J.color));
+      for (let ea = 0, R = Q.length; ea < R; ea++) {
+        J = Q[ea], A.addColorStop(J.stop, b(J.color));
       }
       this.Xa = A;
       this.ja = null;
@@ -459,7 +459,7 @@ m.onRuntimeInitialized = function() {
     }
   },});
   const D = new Set();
-  let w = null, M = [], T = 0, ca = 0;
+  let w = null, M = [], T = 0, da = 0;
   var ra = m.CanvasRenderer = g.extend("Renderer", {__construct:function(q) {
     this.__parent.__construct.call(this);
     this.S = [1, 0, 0, 1, 0, 0];
@@ -503,29 +503,29 @@ m.onRuntimeInitialized = function() {
       q[G] = y[F + G];
     }
   }, _drawImageMesh:function(q, y, F, G, A, I, J, K, X, Q) {
-    var da = this.C.canvas.width, R = this.C.canvas.height;
+    var ea = this.C.canvas.width, R = this.C.canvas.height;
     const Yb = X - J, Zb = Q - K;
     J = Math.max(J, 0);
     K = Math.max(K, 0);
-    X = Math.min(X, da);
+    X = Math.min(X, ea);
     Q = Math.min(Q, R);
     const Ga = X - J, Ha = Q - K;
-    console.assert(Ga <= Math.min(Yb, da));
+    console.assert(Ga <= Math.min(Yb, ea));
     console.assert(Ha <= Math.min(Zb, R));
     if (!(0 >= Ga || 0 >= Ha)) {
       X = Ga < Yb || Ha < Zb;
-      da = Q = 1;
-      var sa = Math.ceil(Ga * Q), ta = Math.ceil(Ha * da);
+      ea = Q = 1;
+      var sa = Math.ceil(Ga * Q), ta = Math.ceil(Ha * ea);
       R = ka.hc();
       sa > R && (Q *= R / sa, sa = R);
-      ta > R && (da *= R / ta, ta = R);
+      ta > R && (ea *= R / ta, ta = R);
       w || (w = new m.DynamicRectanizer(R), w.reset(512, 512));
       R = w.addRect(sa, ta);
       0 > R && (c(), D.add(this), R = w.addRect(sa, ta), console.assert(0 <= R));
       var $b = R & 65535, ac = R >> 16;
-      M.push({ha:this.S.slice(this.S.length - 6), image:q, Ya:$b, Za:ac, ic:J, jc:K, Ac:sa, jb:ta, Ba:Q, Ca:da, Ta:new Float32Array(G), Db:new Float32Array(A), indices:new Uint16Array(I), mc:X, wb:q.Ka << 1 | (X ? 1 : 0),});
+      M.push({ha:this.S.slice(this.S.length - 6), image:q, Ya:$b, Za:ac, ic:J, jc:K, Ac:sa, jb:ta, Ba:Q, Ca:ea, Ta:new Float32Array(G), Db:new Float32Array(A), indices:new Uint16Array(I), mc:X, wb:q.Ka << 1 | (X ? 1 : 0),});
       T += G.length;
-      ca += I.length;
+      da += I.length;
       var za = this.C, qd = a(y);
       this.H.push(function() {
         za.save();
@@ -579,7 +579,7 @@ m.onRuntimeInitialized = function() {
   }, makeRenderPath:function() {
     return new r();
   }, makeRenderImage:function() {
-    let q = ba;
+    let q = ca;
     return new t({xa:() => {
       q.total++;
     }, la:() => {
@@ -590,18 +590,18 @@ m.onRuntimeInitialized = function() {
       }
     },});
   },};
-  let H = m.load, ba = null;
+  let H = m.load, ca = null;
   m.load = function(q, y, F = !0) {
     const G = new m.FallbackFileAssetLoader();
     void 0 !== y && G.addLoader(y);
     F && (y = new m.CDNFileAssetLoader(), G.addLoader(y));
     return new Promise(function(A) {
       let I = null;
-      ba = {total:0, loaded:0, ready:function() {
+      ca = {total:0, loaded:0, ready:function() {
         A(I);
       },};
       I = H(q, G);
-      0 == ba.total && A(I);
+      0 == ca.total && A(I);
     });
   };
   let rd = m.RendererWrapper.prototype.align;
@@ -672,7 +672,7 @@ function Aa(a) {
   xa(a);
   Ca = !0;
   a = new WebAssembly.RuntimeError(a + ". Build with -sASSERTIONS for more info.");
-  ea(a);
+  ba(a);
   throw a;
 }
 function Sa(a) {
@@ -725,7 +725,7 @@ function Ya(a, b) {
     return Xa(c, a, b);
   }));
 }
-var Za, $a, db = {447324:(a, b, c, d, e) => {
+var Za, $a, db = {449484:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -788,9 +788,9 @@ var Za, $a, db = {447324:(a, b, c, d, e) => {
   }
   window.h.Aa += 1;
   return 1;
-}, 449502:() => {
+}, 451662:() => {
   "undefined" !== typeof window.h && (--window.h.Aa, 0 === window.h.Aa && delete window.h);
-}, 449666:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 449770:() => {
+}, 451826:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 451930:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -798,7 +798,7 @@ var Za, $a, db = {447324:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 449941:(a, b, c, d, e, f) => {
+}, 452101:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -844,7 +844,7 @@ var Za, $a, db = {447324:(a, b, c, d, e) => {
   a == window.h.I.ya && g.Z.connect(g.J.destination);
   g.pb = f;
   return window.h.yc(g);
-}, 452818:a => window.h.ra(a).J.sampleRate, 452891:a => {
+}, 454978:a => window.h.ra(a).J.sampleRate, 455051:a => {
   a = window.h.ra(a);
   void 0 !== a.Z && (a.Z.onaudioprocess = function() {
   }, a.Z.disconnect(), a.Z = void 0);
@@ -852,13 +852,13 @@ var Za, $a, db = {447324:(a, b, c, d, e) => {
   a.J.close();
   a.J = void 0;
   a.pb = void 0;
-}, 453291:a => {
+}, 455451:a => {
   window.h.Cb(a);
-}, 453341:a => {
+}, 455501:a => {
   a = window.h.ra(a);
   a.J.resume();
   a.state = window.h.ga.xb;
-}, 453480:a => {
+}, 455640:a => {
   a = window.h.ra(a);
   a.J.suspend();
   a.state = window.h.ga.stopped;
@@ -3018,6 +3018,8 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
   return sc(a[b]);
 }, _emval_incref:function(a) {
   4 < a && (U.get(a).tb += 1);
+}, _emval_new_array:function() {
+  return sc([]);
 }, _emval_new_cstring:function(a) {
   return sc(Gd(a));
 }, _emval_new_object:function() {
@@ -3263,12 +3265,12 @@ var Xd = {__syscall_fcntl64:function(a, b, c) {
     try {
       return m.instantiateWasm(b, a);
     } catch (c) {
-      xa("Module.instantiateWasm callback failed with error: " + c), ea(c);
+      xa("Module.instantiateWasm callback failed with error: " + c), ba(c);
     }
   }
   Ya(b, function(c) {
     a(c.instance);
-  }).catch(ea);
+  }).catch(ba);
   return {};
 })();
 var Ec = a => (Ec = z.free)(a), Wd = a => (Wd = z.malloc)(a), ab = m._ma_device__on_notification_unlocked = a => (ab = m._ma_device__on_notification_unlocked = z.ma_device__on_notification_unlocked)(a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-advanced",
-  "version": "2.26.3",
+  "version": "2.26.5",
   "description": "Rive's lightweight low-level canvas based web api.",
   "main": "canvas_advanced.mjs",
   "homepage": "https://rive.app",

package/rive_advanced.mjs.d.ts

@@ -335,6 +335,33 @@ export declare class File {
    * @returns Number of artboards in the Rive file
    */
   artboardCount(): number;
+  /**
+   * Returns the number of View Models in the Rive File
+   * @returns Number of view models in the Rive file
+   */
+  viewModelCount(): number;
+  /**
+   * Returns a view model by the index in which it is located in the file
+   * @returns ViewModel
+   */
+  viewModelByIndex(index: number): ViewModel;
+  /**
+   * Returns a view model by name
+   * @returns ViewModel
+   */
+  viewModelByName(name: string): ViewModel;
+
+  /**
+   * Returns the default view model for the provided artboard
+   * @returns ViewModel
+   */
+  defaultArtboardViewModel(artboard: Artboard): ViewModel;
+
+  /**
+   * Returns a list of all data enums
+   * @returns DataEnum array in the Rive file
+   */
+  enums(): DataEnum[];
 
   delete(): void;
 }
@@ -509,6 +536,11 @@ export declare class Artboard {
    * Reset the artboard size to the original value
    */
   resetArtboardSize(): void;
+  /**
+   * binds the view model instance to the artboard
+   * @param instance - Renderer context to draw with
+   */
+  bindViewModelInstance(instance: ViewModelInstance): void;
 }
 
 export declare class Bone extends TransformComponent {
@@ -796,6 +828,12 @@ export declare class StateMachineInstance {
    * when no longer in use
    */
   delete(): void;
+
+  /**
+   * binds the view model instance to the state machine
+   * @param instance - Renderer context to draw with
+   */
+  bindViewModelInstance(instance: ViewModelInstance): void;
 }
 
 export declare class SMIInput {
@@ -826,6 +864,85 @@ export declare class SMIInput {
   asTrigger(): SMIInput;
 }
 
+export declare type ViewModelProperty = {
+  name: string;
+  type: DataType;
+};
+
+export declare class ViewModelInstanceValue {
+  get hasChanged(): boolean;
+  clearChanges(): void;
+  get name(): string;
+}
+
+export declare class ViewModelInstanceNumber extends ViewModelInstanceValue {
+  get value(): number;
+  set value(val: number);
+}
+
+export declare class ViewModelInstanceTrigger extends ViewModelInstanceValue {
+  trigger(): void;
+}
+
+export declare class ViewModelInstanceString extends ViewModelInstanceValue {
+  get value(): string;
+  set value(val: string);
+}
+
+export declare class ViewModelInstanceBoolean extends ViewModelInstanceValue {
+  get value(): boolean;
+  set value(val: boolean);
+}
+
+export declare class ViewModelInstanceColor extends ViewModelInstanceValue {
+  get value(): number;
+  set value(val: number);
+  rgb(r: number, g: number, b: number): void;
+  argb(a: number, r: number, g: number, b: number): void;
+  alpha(a: number): void;
+}
+
+export declare class ViewModelInstanceEnum extends ViewModelInstanceValue {
+  get value(): string;
+  set value(val: string);
+  get valueIndex(): number;
+  set valueIndex(val: number);
+  get values(): string[];
+}
+
+export declare class ViewModelInstance {
+  get propertyCount(): number;
+  number(path: string): ViewModelInstanceNumber;
+  string(path: string): ViewModelInstanceString;
+  boolean(path: string): ViewModelInstanceBoolean;
+  color(path: string): ViewModelInstanceColor;
+  enum(path: string): ViewModelInstanceEnum;
+  trigger(path: string): ViewModelInstanceTrigger;
+  viewModel(path: string): ViewModelInstance;
+  replaceViewModel(path: string, value: ViewModelInstance): boolean;
+  incrementReferenceCount(): void;
+  decrementReferenceCount(): void;
+  delete(): void;
+  getProperties(): ViewModelProperty[];
+}
+
+export declare class ViewModel {
+  get instanceCount(): number;
+  instanceByIndex(index: number): ViewModelInstance;
+  instanceByName(name: string): ViewModelInstance;
+  defaultInstance(): ViewModelInstance;
+  instance(): ViewModelInstance;
+  getProperties(): ViewModelProperty[];
+  getInstanceNames(): string[];
+  get propertyCount(): number;
+  get name(): string;
+}
+
+export declare class DataEnum {
+  get name(): string;
+  get values(): string[];
+}
+
 export declare class SMIBool {}
 
 export declare class SMINumber {}
@@ -836,6 +953,18 @@ export declare class SMITrigger {}
 // ENUMS //
 ///////////
 
+export enum DataType {
+  none,
+  string,
+  number,
+  boolean,
+  color,
+  list,
+  enumType,
+  trigger,
+  viewModel,
+}
+
 export enum Fit {
   fill,
   contain,