@rive-app/canvas-lite 2.27.2 → 2.27.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rive-app/canvas-lite",
-  "version": "2.27.2",
+  "version": "2.27.4",
   "description": "A lite version of Rive's canvas based web api.",
   "main": "rive.js",
   "homepage": "https://rive.app",

package/rive.d.ts

@@ -1,10 +1,10 @@
 import * as rc from "./rive_advanced.mjs";
-export type { FileAsset, AudioAsset, FontAsset, ImageAsset, } from "./rive_advanced.mjs";
+import { ImageWrapper, AssetLoadCallbackWrapper } from "./utils";
+export type { FileAssetWrapper as FileAsset, ImageAssetWrapper as ImageAsset, AudioAssetWrapper as AudioAsset, FontAssetWrapper as FontAsset, AssetLoadCallbackWrapper as AssetLoadCallback, } from "./utils";
 /**
  * Generic type for a parameterless void callback
  */
 export type VoidCallback = () => void;
-export type AssetLoadCallback = (asset: rc.FileAsset, bytes: Uint8Array) => Boolean;
 interface SetupRiveListenersOptions {
     isTouchScrollEnabled?: boolean;
 }
@@ -245,7 +245,7 @@ export interface RiveParameters {
     onLoop?: EventCallback;
     onStateChange?: EventCallback;
     onAdvance?: EventCallback;
-    assetLoader?: AssetLoadCallback;
+    assetLoader?: AssetLoadCallbackWrapper;
     /**
      * @deprecated Use `onLoad()` instead
      */
@@ -297,7 +297,7 @@ export interface RiveResetParameters {
 export interface RiveFileParameters {
     src?: string;
     buffer?: ArrayBuffer;
-    assetLoader?: AssetLoadCallback;
+    assetLoader?: AssetLoadCallbackWrapper;
     enableRiveAssetCDN?: boolean;
     onLoad?: EventCallback;
     onLoadError?: EventCallback;
@@ -805,6 +805,12 @@ export declare class ViewModelInstance {
      * @param path - path to the list property
      */
     list(path: string): ViewModelInstanceList | null;
+    /**
+     * method to access a view model property instance belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the image property
+     */
+    image(path: string): ViewModelInstanceAssetImage | null;
     /**
      * method to access a view model property instance belonging
      * to the view model instance or to a nested view model instance
@@ -889,6 +895,11 @@ export declare class ViewModelInstanceColor extends ViewModelInstanceValue {
     opacity(o: number): void;
     internalHandleCallback(callback: Function): void;
 }
+export declare class ViewModelInstanceAssetImage extends ViewModelInstanceValue {
+    constructor(instance: rc.ViewModelInstanceAssetImage, root: ViewModelInstance);
+    set value(image: ImageWrapper);
+    internalHandleCallback(callback: Function): void;
+}
 /**
  * Contents of a state machine input
  */
@@ -935,7 +946,7 @@ export declare const decodeAudio: (bytes: Uint8Array) => Promise<rc.Audio>;
  * Be sure to call `.unref()` on the image once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
-export declare const decodeImage: (bytes: Uint8Array) => Promise<rc.Image>;
+export declare const decodeImage: (bytes: Uint8Array) => Promise<ImageWrapper>;
 /**
  * Decodes bytes into a font.
  *

package/rive.js

@@ -2271,7 +2271,7 @@ Qc();
 /* 2 */
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@rive-app/canvas-lite","version":"2.27.2","description":"A lite version of Rive\'s canvas 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)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","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/canvas-lite","version":"2.27.4","description":"A lite version of Rive\'s canvas 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)"],"license":"MIT","files":["rive.js","rive.js.map","rive.wasm","rive_fallback.wasm","rive.d.ts","rive_advanced.mjs.d.ts"],"typings":"rive.d.ts","dependencies":{},"browser":{"fs":false,"path":false}}');
 
 /***/ }),
 /* 3 */
@@ -2413,12 +2413,24 @@ var Animation = /** @class */ (function () {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AudioAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.AudioAssetWrapper),
+/* harmony export */   AudioWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.AudioWrapper),
 /* harmony export */   BLANK_URL: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.BLANK_URL),
+/* harmony export */   CustomFileAssetLoaderWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.CustomFileAssetLoaderWrapper),
+/* harmony export */   FileAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FileAssetWrapper),
+/* harmony export */   Finalizable: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.Finalizable),
+/* harmony export */   FontAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FontAssetWrapper),
+/* harmony export */   FontWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.FontWrapper),
+/* harmony export */   ImageAssetWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.ImageAssetWrapper),
+/* harmony export */   ImageWrapper: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.ImageWrapper),
+/* harmony export */   finalizationRegistry: () => (/* reexport safe */ _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__.finalizationRegistry),
 /* harmony export */   registerTouchInteractions: () => (/* reexport safe */ _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__.registerTouchInteractions),
 /* harmony export */   sanitizeUrl: () => (/* reexport safe */ _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__.sanitizeUrl)
 /* harmony export */ });
 /* harmony import */ var _registerTouchInteractions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
 /* harmony import */ var _sanitizeUrl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var _finalizationRegistry__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
+
 
 
 
@@ -2667,6 +2679,258 @@ function sanitizeUrl(url) {
 }
 
 
+/***/ }),
+/* 8 */
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AudioAssetWrapper: () => (/* binding */ AudioAssetWrapper),
+/* harmony export */   AudioWrapper: () => (/* binding */ AudioWrapper),
+/* harmony export */   CustomFileAssetLoaderWrapper: () => (/* binding */ CustomFileAssetLoaderWrapper),
+/* harmony export */   FileAssetWrapper: () => (/* binding */ FileAssetWrapper),
+/* harmony export */   Finalizable: () => (/* binding */ Finalizable),
+/* harmony export */   FontAssetWrapper: () => (/* binding */ FontAssetWrapper),
+/* harmony export */   FontWrapper: () => (/* binding */ FontWrapper),
+/* harmony export */   ImageAssetWrapper: () => (/* binding */ ImageAssetWrapper),
+/* harmony export */   ImageWrapper: () => (/* binding */ ImageWrapper),
+/* harmony export */   finalizationRegistry: () => (/* binding */ finalizationRegistry)
+/* harmony export */ });
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var Finalizable = /** @class */ (function () {
+    function Finalizable() {
+        this.selfUnref = false;
+    }
+    return Finalizable;
+}());
+var ImageWrapper = /** @class */ (function (_super) {
+    __extends(ImageWrapper, _super);
+    function ImageWrapper(image) {
+        var _this = _super.call(this) || this;
+        _this._nativeImage = image;
+        return _this;
+    }
+    Object.defineProperty(ImageWrapper.prototype, "nativeImage", {
+        get: function () {
+            return this._nativeImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ImageWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeImage.unref();
+        }
+    };
+    return ImageWrapper;
+}(Finalizable));
+var AudioWrapper = /** @class */ (function (_super) {
+    __extends(AudioWrapper, _super);
+    function AudioWrapper(audio) {
+        var _this = _super.call(this) || this;
+        _this._nativeAudio = audio;
+        return _this;
+    }
+    Object.defineProperty(AudioWrapper.prototype, "nativeAudio", {
+        get: function () {
+            return this._nativeAudio;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AudioWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeAudio.unref();
+        }
+    };
+    return AudioWrapper;
+}(Finalizable));
+var FontWrapper = /** @class */ (function (_super) {
+    __extends(FontWrapper, _super);
+    function FontWrapper(font) {
+        var _this = _super.call(this) || this;
+        _this._nativeFont = font;
+        return _this;
+    }
+    Object.defineProperty(FontWrapper.prototype, "nativeFont", {
+        get: function () {
+            return this._nativeFont;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    FontWrapper.prototype.unref = function () {
+        if (this.selfUnref) {
+            this._nativeFont.unref();
+        }
+    };
+    return FontWrapper;
+}(Finalizable));
+var CustomFileAssetLoaderWrapper = /** @class */ (function () {
+    function CustomFileAssetLoaderWrapper(runtime, loaderCallback) {
+        this._assetLoaderCallback = loaderCallback;
+        this.assetLoader = new runtime.CustomFileAssetLoader({
+            loadContents: this.loadContents.bind(this),
+        });
+    }
+    CustomFileAssetLoaderWrapper.prototype.loadContents = function (asset, bytes) {
+        var assetWrapper;
+        if (asset.isImage) {
+            assetWrapper = new ImageAssetWrapper(asset);
+        }
+        else if (asset.isAudio) {
+            assetWrapper = new AudioAssetWrapper(asset);
+        }
+        else if (asset.isFont) {
+            assetWrapper = new FontAssetWrapper(asset);
+        }
+        return this._assetLoaderCallback(assetWrapper, bytes);
+    };
+    return CustomFileAssetLoaderWrapper;
+}());
+/**
+ * Rive class representing a FileAsset with relevant metadata fields to describe
+ * an asset associated wtih the Rive File
+ */
+var FileAssetWrapper = /** @class */ (function () {
+    function FileAssetWrapper(nativeAsset) {
+        this._nativeFileAsset = nativeAsset;
+    }
+    FileAssetWrapper.prototype.decode = function (bytes) {
+        this._nativeFileAsset.decode(bytes);
+    };
+    Object.defineProperty(FileAssetWrapper.prototype, "name", {
+        get: function () {
+            return this._nativeFileAsset.name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "fileExtension", {
+        get: function () {
+            return this._nativeFileAsset.fileExtension;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "uniqueFilename", {
+        get: function () {
+            return this._nativeFileAsset.uniqueFilename;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isAudio", {
+        get: function () {
+            return this._nativeFileAsset.isAudio;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isImage", {
+        get: function () {
+            return this._nativeFileAsset.isImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "isFont", {
+        get: function () {
+            return this._nativeFileAsset.isFont;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "cdnUuid", {
+        get: function () {
+            return this._nativeFileAsset.cdnUuid;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(FileAssetWrapper.prototype, "nativeFileAsset", {
+        get: function () {
+            return this._nativeFileAsset;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return FileAssetWrapper;
+}());
+/**
+ * Rive class extending the FileAsset that exposes a `setRenderImage()` API with a
+ * decoded Image (via the `decodeImage()` API) to set a new Image on the Rive FileAsset
+ */
+var ImageAssetWrapper = /** @class */ (function (_super) {
+    __extends(ImageAssetWrapper, _super);
+    function ImageAssetWrapper(nativeAsset) {
+        return _super.call(this, nativeAsset) || this;
+    }
+    ImageAssetWrapper.prototype.setRenderImage = function (image) {
+        this._nativeFileAsset.setRenderImage(image.nativeImage);
+    };
+    return ImageAssetWrapper;
+}(FileAssetWrapper));
+/**
+ * Rive class extending the FileAsset that exposes a `setAudioSource()` API with a
+ * decoded Audio (via the `decodeAudio()` API) to set a new Audio on the Rive FileAsset
+ */
+var AudioAssetWrapper = /** @class */ (function (_super) {
+    __extends(AudioAssetWrapper, _super);
+    function AudioAssetWrapper(nativeAsset) {
+        return _super.call(this, nativeAsset) || this;
+    }
+    AudioAssetWrapper.prototype.setAudioSource = function (audio) {
+        this._nativeFileAsset.setAudioSource(audio.nativeAudio);
+    };
+    return AudioAssetWrapper;
+}(FileAssetWrapper));
+/**
+ * Rive class extending the FileAsset that exposes a `setFont()` API with a
+ * decoded Font (via the `decodeFont()` API) to set a new Font on the Rive FileAsset
+ */
+var FontAssetWrapper = /** @class */ (function (_super) {
+    __extends(FontAssetWrapper, _super);
+    function FontAssetWrapper() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FontAssetWrapper.prototype.setFont = function (font) {
+        this._nativeFileAsset.setFont(font.nativeFont);
+    };
+    return FontAssetWrapper;
+}(FileAssetWrapper));
+var FakeFinalizationRegistry = /** @class */ (function (_super) {
+    __extends(FakeFinalizationRegistry, _super);
+    function FakeFinalizationRegistry(fn) {
+        return _super.call(this, fn) || this;
+    }
+    FakeFinalizationRegistry.prototype.register = function (object) {
+        object.selfUnref = true;
+    };
+    FakeFinalizationRegistry.prototype.unregister = function (_) { };
+    return FakeFinalizationRegistry;
+}(FinalizationRegistry));
+var MyFinalizationRegistry = FinalizationRegistry || FakeFinalizationRegistry;
+var finalizationRegistry = new MyFinalizationRegistry(function (ob) {
+    ob.unref();
+});
+
+
+
 /***/ })
 /******/ 	]);
 /************************************************************************/
@@ -2744,6 +3008,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Testing: () => (/* binding */ Testing),
 /* harmony export */   ViewModel: () => (/* binding */ ViewModel),
 /* harmony export */   ViewModelInstance: () => (/* binding */ ViewModelInstance),
+/* harmony export */   ViewModelInstanceAssetImage: () => (/* binding */ ViewModelInstanceAssetImage),
 /* harmony export */   ViewModelInstanceBoolean: () => (/* binding */ ViewModelInstanceBoolean),
 /* harmony export */   ViewModelInstanceColor: () => (/* binding */ ViewModelInstanceColor),
 /* harmony export */   ViewModelInstanceEnum: () => (/* binding */ ViewModelInstanceEnum),
@@ -3966,7 +4231,7 @@ var RiveFile = /** @class */ (function () {
     }
     RiveFile.prototype.initData = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, loader, _b;
+            var _a, loader, loaderWrapper, _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -3982,9 +4247,8 @@ var RiveFile = /** @class */ (function () {
                             return [2 /*return*/];
                         }
                         if (this.assetLoader) {
-                            loader = new this.runtime.CustomFileAssetLoader({
-                                loadContents: this.assetLoader,
-                            });
+                            loaderWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.CustomFileAssetLoaderWrapper(this.runtime, this.assetLoader);
+                            loader = loaderWrapper.assetLoader;
                         }
                         // Load the Rive file
                         _b = this;
@@ -4283,7 +4547,11 @@ var Rive = /** @class */ (function () {
             }
             // Load Rive data from a source uri or a data buffer
             _this.initData(artboard, startingAnimationNames, startingStateMachineNames, autoplay, autoBind)
-                .then(function () { return _this.setupRiveListeners(); })
+                .then(function (hasInitialized) {
+                if (hasInitialized) {
+                    return _this.setupRiveListeners();
+                }
+            })
                 .catch(function (e) {
                 console.error(e);
             });
@@ -4362,7 +4630,8 @@ var Rive = /** @class */ (function () {
         this._artboardHeight = this.artboard.height =
             this._artboardHeight || this.artboard.height;
     };
-    // Initializes runtime with Rive data and preps for playing
+    // Initializes runtime with Rive data and preps for playing. 
+    // Returns true for successful initialization.
     Rive.prototype.initData = function (artboardName, animationNames, stateMachineNames, autoplay, autoBind) {
         return __awaiter(this, void 0, void 0, function () {
             var error_1, msg;
@@ -4385,7 +4654,7 @@ var Rive = /** @class */ (function () {
                     case 2:
                         // Check for riveFile in case it has been cleaned up while initializing;
                         if (!this.riveFile) {
-                            throw new RiveError(Rive.cleanupErrorMessage);
+                            return [2 /*return*/, false];
                         }
                         this.file = this.riveFile.getInstance();
                         // Initialize and draw frame
@@ -4405,7 +4674,7 @@ var Rive = /** @class */ (function () {
                         this.readyForPlaying = true;
                         this.taskQueue.process();
                         this.drawFrame();
-                        return [2 /*return*/, Promise.resolve()];
+                        return [2 /*return*/, true];
                     case 3:
                         error_1 = _b.sent();
                         msg = resolveErrorMessage(error_1);
@@ -5623,6 +5892,7 @@ var PropertyType;
     PropertyType["Trigger"] = "trigger";
     PropertyType["Enum"] = "enum";
     PropertyType["List"] = "list";
+    PropertyType["Image"] = "image";
 })(PropertyType || (PropertyType = {}));
 var ViewModelInstance = /** @class */ (function () {
     function ViewModelInstance(runtimeInstance, parent) {
@@ -5746,7 +6016,7 @@ var ViewModelInstance = /** @class */ (function () {
         return null;
     };
     ViewModelInstance.prototype.propertyFromPathSegments = function (pathSegments, index, type) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         if (index < pathSegments.length - 1) {
             var viewModelInstance = this.internalViewModelInstance(pathSegments[index]);
             if (viewModelInstance !== null) {
@@ -5800,6 +6070,12 @@ var ViewModelInstance = /** @class */ (function () {
                     return new ViewModelInstanceList(instance, this);
                 }
                 break;
+            case PropertyType.Image:
+                instance = (_r = (_q = this._runtimeInstance) === null || _q === void 0 ? void 0 : _q.image(pathSegments[index])) !== null && _r !== void 0 ? _r : null;
+                if (instance !== null) {
+                    return new ViewModelInstanceAssetImage(instance, this);
+                }
+                break;
         }
         return null;
     };
@@ -5880,6 +6156,15 @@ var ViewModelInstance = /** @class */ (function () {
         var viewmodelInstanceValue = this.propertyFromPath(path, PropertyType.List);
         return viewmodelInstanceValue;
     };
+    /**
+     * method to access a view model property instance belonging
+     * to the view model instance or to a nested view model instance
+     * @param path - path to the image property
+     */
+    ViewModelInstance.prototype.image = function (path) {
+        var viewmodelInstanceValue = this.propertyFromPath(path, PropertyType.Image);
+        return viewmodelInstanceValue;
+    };
     /**
      * method to access a view model property instance belonging
      * to the view model instance or to a nested view model instance
@@ -6231,6 +6516,25 @@ var ViewModelInstanceColor = /** @class */ (function (_super) {
     return ViewModelInstanceColor;
 }(ViewModelInstanceValue));
 
+var ViewModelInstanceAssetImage = /** @class */ (function (_super) {
+    __extends(ViewModelInstanceAssetImage, _super);
+    function ViewModelInstanceAssetImage(instance, root) {
+        return _super.call(this, instance, root) || this;
+    }
+    Object.defineProperty(ViewModelInstanceAssetImage.prototype, "value", {
+        set: function (image) {
+            this._viewModelInstanceValue.value =
+                image.nativeImage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewModelInstanceAssetImage.prototype.internalHandleCallback = function (callback) {
+        callback();
+    };
+    return ViewModelInstanceAssetImage;
+}(ViewModelInstanceValue));
+
 // Loads Rive data from a URI via fetch.
 var loadRiveFile = function (src) { return __awaiter(void 0, void 0, void 0, function () {
     var req, res, buffer;
@@ -6278,39 +6582,75 @@ var Testing = {
  * Be sure to call `.unref()` on the audio once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
-var decodeAudio = function (bytes) {
-    return new Promise(function (resolve) {
-        return RuntimeLoader.getInstance(function (rive) {
-            rive.decodeAudio(bytes, resolve);
-        });
+var decodeAudio = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, audio, audioWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeAudio(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                audio = _a.sent();
+                audioWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.AudioWrapper(audio);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(audioWrapper, audio);
+                return [2 /*return*/, audioWrapper];
+        }
     });
-};
+}); };
 /**
  * Decodes bytes into an image.
  *
  * Be sure to call `.unref()` on the image once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
-var decodeImage = function (bytes) {
-    return new Promise(function (resolve) {
-        return RuntimeLoader.getInstance(function (rive) {
-            rive.decodeImage(bytes, resolve);
-        });
+var decodeImage = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, image, imageWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeImage(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                image = _a.sent();
+                imageWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.ImageWrapper(image);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(imageWrapper, image);
+                return [2 /*return*/, imageWrapper];
+        }
     });
-};
+}); };
 /**
  * Decodes bytes into a font.
  *
  * Be sure to call `.unref()` on the font once it is no longer needed. This
  * allows the engine to clean it up when it is not used by any more animations.
  */
-var decodeFont = function (bytes) {
-    return new Promise(function (resolve) {
-        return RuntimeLoader.getInstance(function (rive) {
-            rive.decodeFont(bytes, resolve);
-        });
+var decodeFont = function (bytes) { return __awaiter(void 0, void 0, void 0, function () {
+    var decodedPromise, font, fontWrapper;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                decodedPromise = new Promise(function (resolve) {
+                    return RuntimeLoader.getInstance(function (rive) {
+                        rive.decodeFont(bytes, resolve);
+                    });
+                });
+                return [4 /*yield*/, decodedPromise];
+            case 1:
+                font = _a.sent();
+                fontWrapper = new _utils__WEBPACK_IMPORTED_MODULE_3__.FontWrapper(font);
+                _utils__WEBPACK_IMPORTED_MODULE_3__.finalizationRegistry.register(fontWrapper, font);
+                return [2 /*return*/, fontWrapper];
+        }
     });
-};
+}); };
 // #endregion
 
 })();