@rive-app/webgl2 2.33.3 → 2.34.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/webgl2",
-  "version": "2.33.3",
+  "version": "2.34.1",
   "description": "Rive's webgl2 based web api.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.d.ts

@@ -128,7 +128,9 @@ declare class Artboard extends BaseArtboard {
 declare class BindableArtboard extends BaseArtboard implements rc.FinalizableTarget {
     selfUnref: boolean;
     nativeArtboard: rc.BindableArtboard;
+    nativeViewModel: rc.ViewModelInstance | null;
     constructor(artboard: rc.BindableArtboard);
+    set viewModel(value: ViewModelInstance);
     destroy(): void;
 }
 /**
@@ -386,6 +388,7 @@ export declare class RiveFile implements rc.FinalizableTarget {
     getBindableArtboard(name: string): BindableArtboard | null;
     getDefaultBindableArtboard(): BindableArtboard | null;
     internalBindableArtboardFromArtboard(artboard: rc.Artboard): BindableArtboard | null;
+    viewModelByName(name: string): ViewModel | null;
 }
 export declare class Rive {
     private readonly canvas;
@@ -425,6 +428,9 @@ export declare class Rive {
     private _artboardHeight;
     private _devicePixelRatioUsed;
     private _hasZeroSize;
+    private _needsRedraw;
+    private _currentCanvasWidth;
+    private _currentCanvasHeight;
     private _audioEventListener;
     private _boundDraw;
     private _viewModelInstance;
@@ -460,6 +466,7 @@ export declare class Rive {
     private initData;
     private initArtboard;
     drawFrame(): void;
+    private _canvasSizeChanged;
     private lastRenderTime;
     private frameRequestId;
     /**

package/rive.js

@@ -427,7 +427,7 @@ function Na(a, b) {
     return Ma(c, a, b);
   }));
 }
-var Oa, Pa, Ta = {570305:(a, b, c, d, e) => {
+var Oa, Pa, Ta = {570833:(a, b, c, d, e) => {
   if ("undefined" === typeof window || void 0 === (window.AudioContext || window.webkitAudioContext)) {
     return 0;
   }
@@ -490,11 +490,11 @@ var Oa, Pa, Ta = {570305:(a, b, c, d, e) => {
   }
   window.h.Ea += 1;
   return 1;
-}, 572483:() => {
+}, 573011:() => {
   "undefined" !== typeof window.h && (window.h.Xa.map(function(a) {
     document.removeEventListener(a, window.h.unlock, !0);
   }), --window.h.Ea, 0 === window.h.Ea && delete window.h);
-}, 572787:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 572891:() => {
+}, 573315:() => void 0 !== navigator.mediaDevices && void 0 !== navigator.mediaDevices.getUserMedia, 573419:() => {
   try {
     var a = new (window.AudioContext || window.webkitAudioContext)(), b = a.sampleRate;
     a.close();
@@ -502,7 +502,7 @@ var Oa, Pa, Ta = {570305:(a, b, c, d, e) => {
   } catch (c) {
     return 0;
   }
-}, 573062:(a, b, c, d, e, f) => {
+}, 573590:(a, b, c, d, e, f) => {
   if ("undefined" === typeof window.h) {
     return -1;
   }
@@ -548,7 +548,7 @@ var Oa, Pa, Ta = {570305:(a, b, c, d, e) => {
   a == window.h.I.Ca && g.Y.connect(g.K.destination);
   g.nb = f;
   return window.h.lc(g);
-}, 575939:a => window.h.ta(a).K.sampleRate, 576012:a => {
+}, 576467:a => window.h.ta(a).K.sampleRate, 576540:a => {
   a = window.h.ta(a);
   void 0 !== a.Y && (a.Y.onaudioprocess = function() {
   }, a.Y.disconnect(), a.Y = void 0);
@@ -556,13 +556,13 @@ var Oa, Pa, Ta = {570305:(a, b, c, d, e) => {
   a.K.close();
   a.K = void 0;
   a.nb = void 0;
-}, 576412:a => {
+}, 576940:a => {
   window.h.yb(a);
-}, 576462:a => {
+}, 576990:a => {
   a = window.h.ta(a);
   a.K.resume();
   a.state = window.h.ia.ub;
-}, 576601:a => {
+}, 577129:a => {
   a = window.h.ta(a);
   a.K.suspend();
   a.state = window.h.ia.stopped;
@@ -3546,7 +3546,7 @@ moduleRtn = ca;
 /* 2 */
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/webgl2","version":"2.33.3","description":"Rive\'s webgl2 based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)","Chris Dalton <chris@rive.app> (https://rive.app)"],"license":"MIT","files":["rive.js","rive.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/webgl2","version":"2.34.1","description":"Rive\'s webgl2 based web api.","main":"rive.js","homepage":"https://rive.app","repository":{"type":"git","url":"https://github.com/rive-app/rive-wasm/tree/master/js"},"keywords":["rive","animation"],"author":"Rive","contributors":["Luigi Rosso <luigi@rive.app> (https://rive.app)","Maxwell Talbot <max@rive.app> (https://rive.app)","Arthur Vivian <arthur@rive.app> (https://rive.app)","Umberto Sonnino <umberto@rive.app> (https://rive.app)","Matthew Sullivan <matt.j.sullivan@gmail.com> (mailto:matt.j.sullivan@gmail.com)","Chris Dalton <chris@rive.app> (https://rive.app)"],"license":"MIT","files":["rive.js","rive.wasm","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -4789,9 +4789,18 @@ var BindableArtboard = /** @class */ (function (_super) {
         _this.nativeArtboard = artboard;
         return _this;
     }
+    Object.defineProperty(BindableArtboard.prototype, "viewModel", {
+        set: function (value) {
+            this.nativeViewModel = value.nativeInstance;
+        },
+        enumerable: false,
+        configurable: true
+    });
     BindableArtboard.prototype.destroy = function () {
+        var _a;
         if (this.selfUnref) {
             this.nativeArtboard.unref();
+            (_a = this.nativeViewModel) === null || _a === void 0 ? void 0 : _a.unref();
         }
     };
     return BindableArtboard;
@@ -5827,6 +5836,13 @@ var RiveFile = /** @class */ (function () {
         var nativeBindableArtboard = this.file.internalBindableArtboardFromArtboard(artboard);
         return this.createBindableArtboard(nativeBindableArtboard);
     };
+    RiveFile.prototype.viewModelByName = function (name) {
+        var viewModel = this.file.viewModelByName(name);
+        if (viewModel !== null) {
+            return new ViewModel(viewModel);
+        }
+        return null;
+    };
     // Error message for missing source or buffer
     RiveFile.missingErrorMessage = "Rive source file or data buffer required";
     // Error message for file load error
@@ -5873,6 +5889,12 @@ var Rive = /** @class */ (function () {
         this._devicePixelRatioUsed = 1;
         // Whether the canvas element's size is 0
         this._hasZeroSize = false;
+        // Whether a draw operation needs to be forced
+        this._needsRedraw = false;
+        // Canvas width and height. Values are lazily updated so they might
+        // not be in sync with current canvas size.
+        this._currentCanvasWidth = 0;
+        this._currentCanvasHeight = 0;
         // Audio event listener
         this._audioEventListener = null;
         // draw method bound to the class
@@ -5907,6 +5929,8 @@ var Rive = /** @class */ (function () {
         if (params.canvas.constructor === HTMLCanvasElement) {
             this._observed = observers.add(this.canvas, this.onCanvasResize);
         }
+        this._currentCanvasWidth = this.canvas.width;
+        this._currentCanvasHeight = this.canvas.height;
         this.src = params.src;
         this.buffer = params.buffer;
         this.riveFile = params.riveFile;
@@ -6247,6 +6271,20 @@ var Rive = /** @class */ (function () {
             this.scheduleRendering();
         }
     };
+    Rive.prototype._canvasSizeChanged = function () {
+        var changed = false;
+        if (this.canvas) {
+            if (this.canvas.width !== this._currentCanvasWidth) {
+                this._currentCanvasWidth = this.canvas.width;
+                changed = true;
+            }
+            if (this.canvas.height !== this._currentCanvasHeight) {
+                this._currentCanvasHeight = this.canvas.height;
+                changed = true;
+            }
+        }
+        return changed;
+    };
     /**
      * Draw rendering loop; renders animation frames at the correct time interval.
      * @param time the time at which to render a frame
@@ -6335,7 +6373,9 @@ var Rive = /** @class */ (function () {
         if (!this._hasZeroSize) {
             // If there was no dirt on this frame, do not clear and draw
             if (this.drawOptimization == DrawOptimizationOptions.AlwaysDraw ||
-                this.artboard.didChange()) {
+                this.artboard.didChange() ||
+                this._needsRedraw ||
+                this._canvasSizeChanged()) {
                 // Canvas must be wiped to prevent artifacts
                 renderer.clear();
                 renderer.save();
@@ -6344,6 +6384,7 @@ var Rive = /** @class */ (function () {
                 this.artboard.draw(renderer);
                 renderer.restore();
                 renderer.flush();
+                this._needsRedraw = false;
             }
         }
         // Check for any animations that looped
@@ -6668,6 +6709,7 @@ var Rive = /** @class */ (function () {
             this.devicePixelRatioUsed = dpr;
             this.canvas.width = dpr * width;
             this.canvas.height = dpr * height;
+            this._needsRedraw = true;
             this.resizeToCanvas();
             this.drawFrame();
             if (this.layout.fit === Fit.Layout) {
@@ -6964,7 +7006,8 @@ var Rive = /** @class */ (function () {
          * @returns true if no animations are playing or paused
          */
         get: function () {
-            return this.animator.isStopped;
+            var _a, _b;
+            return (_b = (_a = this.animator) === null || _a === void 0 ? void 0 : _a.isStopped) !== null && _b !== void 0 ? _b : true;
         },
         enumerable: false,
         configurable: true
@@ -7266,11 +7309,8 @@ var Rive = /** @class */ (function () {
         return null;
     };
     Rive.prototype.viewModelByName = function (name) {
-        var viewModel = this.file.viewModelByName(name);
-        if (viewModel !== null) {
-            return new ViewModel(viewModel);
-        }
-        return null;
+        var _a;
+        return (_a = this.riveFile) === null || _a === void 0 ? void 0 : _a.viewModelByName(name);
     };
     Rive.prototype.enums = function () {
         if (this._dataEnums === null) {
@@ -8113,7 +8153,7 @@ var ViewModelInstanceArtboard = /** @class */ (function (_super) {
     }
     Object.defineProperty(ViewModelInstanceArtboard.prototype, "value", {
         set: function (artboard) {
-            var _a;
+            var _a, _b;
             var bindableArtboard;
             if (artboard.isBindableArtboard) {
                 bindableArtboard = artboard;
@@ -8122,6 +8162,9 @@ var ViewModelInstanceArtboard = /** @class */ (function (_super) {
                 bindableArtboard = artboard.file.internalBindableArtboardFromArtboard(artboard.nativeArtboard);
             }
             this._viewModelInstanceValue.value((_a = bindableArtboard === null || bindableArtboard === void 0 ? void 0 : bindableArtboard.nativeArtboard) !== null && _a !== void 0 ? _a : null);
+            if (bindableArtboard === null || bindableArtboard === void 0 ? void 0 : bindableArtboard.nativeViewModel) {
+                this._viewModelInstanceValue.viewModelInstance((_b = bindableArtboard === null || bindableArtboard === void 0 ? void 0 : bindableArtboard.nativeViewModel) !== null && _b !== void 0 ? _b : null);
+            }
         },
         enumerable: false,
         configurable: true