@rive-app/canvas-single 1.1.4 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-single",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Rive's high-level canvas based web api all in one js file.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.d.ts

@@ -268,12 +268,14 @@ export declare class Rive {
     private taskQueue;
     private animator;
     private static readonly missingErrorMessage;
+    private shouldDisableRiveListeners;
     durations: number[];
     frameTimes: number[];
     frameCount: number;
     constructor(params: RiveParameters);
     static new(params: RiveParameters): Rive;
     private init;
+    private setupRiveListeners;
     private initData;
     private initArtboard;
     drawFrame(): void;

package/rive.js

@@ -134,7 +134,7 @@ if(m.preInit)for("function"==typeof m.preInit&&(m.preInit=[m.preInit]);0<m.preIn
 /* 2 */
 /***/ ((module) => {
 
-module.exports = JSON.parse('{"name":"@rive-app/canvas-single","version":"1.1.4","description":"Rive\'s high-level canvas based web api all in one js file.","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)"],"license":"MIT","files":["rive.js","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
+module.exports = JSON.parse('{"name":"@rive-app/canvas-single","version":"1.1.5","description":"Rive\'s high-level canvas based web api all in one js file.","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)"],"license":"MIT","files":["rive.js","rive.js.map","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -1211,6 +1211,7 @@ var Rive = /** @class */ (function () {
         this.artboard = null;
         // place to clear up event listeners
         this.eventCleanup = null;
+        this.shouldDisableRiveListeners = false;
         // Durations to generate a frame for the last second. Used for performance profiling.
         this.durations = [];
         this.frameTimes = [];
@@ -1224,6 +1225,7 @@ var Rive = /** @class */ (function () {
         this.src = params.src;
         this.buffer = params.buffer;
         this.layout = (_a = params.layout) !== null && _a !== void 0 ? _a : new Layout();
+        this.shouldDisableRiveListeners = !!params.shouldDisableRiveListeners;
         // New event management system
         this.eventManager = new EventManager();
         if (params.onLoad)
@@ -1267,7 +1269,6 @@ var Rive = /** @class */ (function () {
             stateMachines: params.stateMachines,
             artboard: params.artboard,
             useOffscreenRenderer: params.useOffscreenRenderer,
-            shouldDisableRiveListeners: params.shouldDisableRiveListeners,
         });
     }
     // Alternative constructor to build a Rive instance from an interface/object
@@ -1278,7 +1279,7 @@ var Rive = /** @class */ (function () {
     // Initializes the Rive object either from constructor or load()
     Rive.prototype.init = function (_a) {
         var _this = this;
-        var src = _a.src, buffer = _a.buffer, animations = _a.animations, stateMachines = _a.stateMachines, artboard = _a.artboard, _b = _a.autoplay, autoplay = _b === void 0 ? false : _b, _c = _a.useOffscreenRenderer, useOffscreenRenderer = _c === void 0 ? false : _c, _d = _a.shouldDisableRiveListeners, shouldDisableRiveListeners = _d === void 0 ? false : _d;
+        var src = _a.src, buffer = _a.buffer, animations = _a.animations, stateMachines = _a.stateMachines, artboard = _a.artboard, _b = _a.autoplay, autoplay = _b === void 0 ? false : _b, _c = _a.useOffscreenRenderer, useOffscreenRenderer = _c === void 0 ? false : _c;
         this.src = src;
         this.buffer = buffer;
         // If no source file url specified, it's a bust
@@ -1305,22 +1306,7 @@ var Rive = /** @class */ (function () {
             }
             // Load Rive data from a source uri or a data buffer
             _this.initData(artboard, startingAnimationNames, startingStateMachineNames, autoplay)
-                .then(function () {
-                if (!shouldDisableRiveListeners) {
-                    var activeStateMachines = (_this.animator.stateMachines || [])
-                        .filter(function (sm) { return sm.playing && _this.runtime.hasListeners(sm.instance); })
-                        .map(function (sm) { return sm.instance; });
-                    _this.eventCleanup = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.registerTouchInteractions)({
-                        canvas: _this.canvas,
-                        artboard: _this.artboard,
-                        stateMachines: activeStateMachines,
-                        renderer: _this.renderer,
-                        rive: _this.runtime,
-                        fit: _this._layout.runtimeFit(_this.runtime),
-                        alignment: _this._layout.runtimeAlignment(_this.runtime),
-                    });
-                }
-            })
+                .then(function () { return _this.setupRiveListeners(); })
                 .catch(function (e) {
                 console.error(e);
             });
@@ -1329,6 +1315,23 @@ var Rive = /** @class */ (function () {
             console.error(e);
         });
     };
+    Rive.prototype.setupRiveListeners = function () {
+        var _this = this;
+        if (!this.shouldDisableRiveListeners) {
+            var activeStateMachines = (this.animator.stateMachines || [])
+                .filter(function (sm) { return sm.playing && _this.runtime.hasListeners(sm.instance); })
+                .map(function (sm) { return sm.instance; });
+            this.eventCleanup = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.registerTouchInteractions)({
+                canvas: this.canvas,
+                artboard: this.artboard,
+                stateMachines: activeStateMachines,
+                renderer: this.renderer,
+                rive: this.runtime,
+                fit: this._layout.runtimeFit(this.runtime),
+                alignment: this._layout.runtimeAlignment(this.runtime),
+            });
+        }
+    };
     // Initializes runtime with Rive data and preps for playing
     Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay) {
         var _a;
@@ -1592,6 +1595,10 @@ var Rive = /** @class */ (function () {
             return;
         }
         this.animator.play(animationNames);
+        if (this.eventCleanup) {
+            this.eventCleanup();
+        }
+        this.setupRiveListeners();
         this.startRendering();
     };
     // Pauses specified animations; if none specified, pauses all.
@@ -1634,6 +1641,9 @@ var Rive = /** @class */ (function () {
             return;
         }
         this.animator.stop(animationNames);
+        if (this.eventCleanup) {
+            this.eventCleanup();
+        }
     };
     /**
      * Resets the animation