@combeenation/3d-viewer 5.0.1 → 5.0.3-beta2

package/dist/lib-cjs/api/util/globalTypes.js

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";
 //# sourceMappingURL=globalTypes.js.map

package/dist/lib-cjs/api/util/resourceHelper.d.ts

@@ -1,53 +1,58 @@
-/**
- * Sleeps for a certain amount of microseconds.
- */
-declare const sleep: (ms: number) => Promise<unknown>;
-/**
- * Loads a JSON from a given path.
- * @emits {@link Event.LOADING_START}
- * @emits {@link Event.LOADING_END}
- */
-declare const loadJson: <T>(path: string) => Promise<T>;
-/**
- * Loads a Text from a given path.
- * @emits {@link Event.LOADING_START}
- * @emits {@link Event.LOADING_END}
- */
-declare const loadText: (path: string) => Promise<string>;
-/**
- * Debounces: it limits the rate at which a function can fire.
- */
-declare const debounce: (func: Function, wait: number, immediate?: boolean) => () => void;
-/**
- * Merges multiple maps.
- */
-declare const mergeMaps: <TKey, TValue>(...maps: Map<TKey, TValue>[]) => Map<TKey, TValue>;
-/**
- * Creates a HTML image element based on a SVG string, whereas all the embedded assets in the SVG (eg: fonts, images)
- * are already loaded and exchanged by their base64 representation.\
- * There the output image can exist as "standalone" image and may be used for example as a paintable.
- *
- * !!CAUTION!!: The used functions within this code section are very well evaluated since most alternatives
- * somehow don't work in Safari, as mentioned in the following BJS forum entries:
- * - https://forum.babylonjs.com/t/drawing-svg-content-text-into-dynamictexture-doesnt-work-in-safari-v15/25048
- * - https://forum.babylonjs.com/t/texture-createfrombase64string-doesnt-seem-to-work-for-ios-devices-initially/25502
- */
-declare const createImageFromSvg: (svgSrc: string) => Promise<HTMLImageElement>;
-/**
- * Creates an HTML image element from a dedicated image source.\
- * Also waits until the image has loaded.
- *
- * !!CAUTION!!: The `setTimeout` after loading is finished is required due to a Safari bug:
- * - https://bugs.webkit.org/show_bug.cgi?id=39059
- * - https://bugs.webkit.org/show_bug.cgi?id=219770
- *
- * It's not 100% ensured that the timeout solves the issue in every case, but there is no other way unfortunately.\
- * => Keep an eye on it in future projects
- *
- * @param imgSrc Theoretically every source is valid which is also supported by
- *               [HTMLImageElement.src](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src).\
- *               Known exceptions are SVGs with embedded assets that are provided as object URL. See comments in
- *               {@link createImageFromSvg} for further details.
- */
-declare const createImageFromImgSrc: (imgSrc: string) => Promise<HTMLImageElement>;
-export { sleep, loadJson, loadText, debounce, mergeMaps, createImageFromSvg, createImageFromImgSrc };
+/**
+ * Sleeps for a certain amount of microseconds.
+ */
+declare const sleep: (ms: number) => Promise<unknown>;
+/**
+ * Loads a JSON from a given path.
+ * @emits {@link Event.LOADING_START}
+ * @emits {@link Event.LOADING_END}
+ */
+declare const loadJson: <T>(path: string) => Promise<T>;
+/**
+ * Loads a Text from a given path.
+ * @emits {@link Event.LOADING_START}
+ * @emits {@link Event.LOADING_END}
+ */
+declare const loadText: (path: string) => Promise<string>;
+/**
+ * Loads a Javascript ressource.\
+ * Usefull for including packages via CDN (eg: BabylonJS Inspector)
+ */
+declare const loadJavascript: (url: string) => Promise<void>;
+/**
+ * Debounces: it limits the rate at which a function can fire.
+ */
+declare const debounce: (func: Function, wait: number, immediate?: boolean) => () => void;
+/**
+ * Merges multiple maps.
+ */
+declare const mergeMaps: <TKey, TValue>(...maps: Map<TKey, TValue>[]) => Map<TKey, TValue>;
+/**
+ * Creates a HTML image element based on a SVG string, whereas all the embedded assets in the SVG (eg: fonts, images)
+ * are already loaded and exchanged by their base64 representation.\
+ * There the output image can exist as "standalone" image and may be used for example as a paintable.
+ *
+ * !!CAUTION!!: The used functions within this code section are very well evaluated since most alternatives
+ * somehow don't work in Safari, as mentioned in the following BJS forum entries:
+ * - https://forum.babylonjs.com/t/drawing-svg-content-text-into-dynamictexture-doesnt-work-in-safari-v15/25048
+ * - https://forum.babylonjs.com/t/texture-createfrombase64string-doesnt-seem-to-work-for-ios-devices-initially/25502
+ */
+declare const createImageFromSvg: (svgSrc: string) => Promise<HTMLImageElement>;
+/**
+ * Creates an HTML image element from a dedicated image source.\
+ * Also waits until the image has loaded.
+ *
+ * !!CAUTION!!: The `setTimeout` after loading is finished is required due to a Safari bug:
+ * - https://bugs.webkit.org/show_bug.cgi?id=39059
+ * - https://bugs.webkit.org/show_bug.cgi?id=219770
+ *
+ * It's not 100% ensured that the timeout solves the issue in every case, but there is no other way unfortunately.\
+ * => Keep an eye on it in future projects
+ *
+ * @param imgSrc Theoretically every source is valid which is also supported by
+ *               [HTMLImageElement.src](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src).\
+ *               Known exceptions are SVGs with embedded assets that are provided as object URL. See comments in
+ *               {@link createImageFromSvg} for further details.
+ */
+declare const createImageFromImgSrc: (imgSrc: string) => Promise<HTMLImageElement>;
+export { sleep, loadJson, loadText, loadJavascript, debounce, mergeMaps, createImageFromSvg, createImageFromImgSrc };

package/dist/lib-cjs/api/util/resourceHelper.js

@@ -1,243 +1,258 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createImageFromImgSrc = exports.createImageFromSvg = exports.mergeMaps = exports.debounce = exports.loadText = exports.loadJson = exports.sleep = void 0;
-var tslib_1 = require("tslib");
-var event_1 = require("../classes/event");
-/**
- * Sleeps for a certain amount of microseconds.
- */
-var sleep = function (ms) { return new Promise(function (resolve) { return window.setTimeout(resolve, ms); }); };
-exports.sleep = sleep;
-/**
- * Loads any kind of response from given path.
- * @emits {@link Event.LOADING_START}
- * @emits {@link Event.LOADING_END}
- */
-var load = function (path) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var data;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    event_1.emitter.emit(event_1.Event.LOADING_START, path);
-                    return [4 /*yield*/, fetch(path)];
-                case 1:
-                    data = _a.sent();
-                    event_1.emitter.emit(event_1.Event.LOADING_END, path);
-                    return [2 /*return*/, data];
-            }
-        });
-    });
-};
-/**
- * Loads a JSON from a given path.
- * @emits {@link Event.LOADING_START}
- * @emits {@link Event.LOADING_END}
- */
-var loadJson = function (path) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var response;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, load(path)];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.json()];
-            }
-        });
-    });
-};
-exports.loadJson = loadJson;
-/**
- * Loads a Text from a given path.
- * @emits {@link Event.LOADING_START}
- * @emits {@link Event.LOADING_END}
- */
-var loadText = function (path) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var response;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, load(path)];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.text()];
-            }
-        });
-    });
-};
-exports.loadText = loadText;
-/**
- * Debounces: it limits the rate at which a function can fire.
- */
-var debounce = function (func, wait, immediate) {
-    if (immediate === void 0) { immediate = false; }
-    var timeout;
-    return function () {
-        // @ts-ignore
-        var context = this;
-        var args = arguments;
-        var later = function () {
-            timeout = null;
-            if (!immediate) {
-                func.apply(context, args);
-            }
-        };
-        var callNow = immediate && !timeout;
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-        if (callNow) {
-            func.apply(context, args);
-        }
-    };
-};
-exports.debounce = debounce;
-/**
- * Merges multiple maps.
- */
-var mergeMaps = function () {
-    var maps = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        maps[_i] = arguments[_i];
-    }
-    var resultMap = new Map();
-    maps.forEach(function (map) {
-        map.forEach(function (v, k) {
-            resultMap.set(k, v);
-        });
-    });
-    return resultMap;
-};
-exports.mergeMaps = mergeMaps;
-/**
- * Creates a HTML image element based on a SVG string, whereas all the embedded assets in the SVG (eg: fonts, images)
- * are already loaded and exchanged by their base64 representation.\
- * There the output image can exist as "standalone" image and may be used for example as a paintable.
- *
- * !!CAUTION!!: The used functions within this code section are very well evaluated since most alternatives
- * somehow don't work in Safari, as mentioned in the following BJS forum entries:
- * - https://forum.babylonjs.com/t/drawing-svg-content-text-into-dynamictexture-doesnt-work-in-safari-v15/25048
- * - https://forum.babylonjs.com/t/texture-createfrombase64string-doesnt-seem-to-work-for-ios-devices-initially/25502
- */
-var createImageFromSvg = function (svgSrc) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var svgWithAssetsEmbedded, svgEncoded;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, _embedAssets(svgSrc)];
-                case 1:
-                    svgWithAssetsEmbedded = _a.sent();
-                    svgEncoded = 'data:image/svg+xml,' + encodeURIComponent(svgWithAssetsEmbedded);
-                    return [2 /*return*/, createImageFromImgSrc(svgEncoded)];
-            }
-        });
-    });
-};
-exports.createImageFromSvg = createImageFromSvg;
-/**
- * Creates an HTML image element from a dedicated image source.\
- * Also waits until the image has loaded.
- *
- * !!CAUTION!!: The `setTimeout` after loading is finished is required due to a Safari bug:
- * - https://bugs.webkit.org/show_bug.cgi?id=39059
- * - https://bugs.webkit.org/show_bug.cgi?id=219770
- *
- * It's not 100% ensured that the timeout solves the issue in every case, but there is no other way unfortunately.\
- * => Keep an eye on it in future projects
- *
- * @param imgSrc Theoretically every source is valid which is also supported by
- *               [HTMLImageElement.src](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src).\
- *               Known exceptions are SVGs with embedded assets that are provided as object URL. See comments in
- *               {@link createImageFromSvg} for further details.
- */
-var createImageFromImgSrc = function (imgSrc) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var img;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    img = new Image();
-                    return [4 /*yield*/, new Promise(function (resolve) {
-                            img.onload = function () {
-                                setTimeout(resolve, 0);
-                            };
-                            img.src = imgSrc;
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/, img];
-            }
-        });
-    });
-};
-exports.createImageFromImgSrc = createImageFromImgSrc;
-/**
- * Replaces all supported image & font URLs in the given SVG with their base64 representation.
- */
-var _embedAssets = function (svgSrc) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var _imageExtensions, _fontExtensions, _assetExtensions, urlRegex, allUrls, assetUrls, assetBase64Fetcher, assetFetcherResults;
-        return tslib_1.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _imageExtensions = ['png', 'gif', 'jpg', 'jpeg', 'svg', 'bmp'];
-                    _fontExtensions = ['woff2', 'woff', 'ttf', 'otf'];
-                    _assetExtensions = tslib_1.__spreadArrays(_imageExtensions, _fontExtensions);
-                    urlRegex = /(\bhttps?:\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/gi;
-                    allUrls = svgSrc.match(urlRegex);
-                    assetUrls = allUrls.filter(function (url) {
-                        return _assetExtensions.some(function (extension) { return url.toLowerCase().endsWith("." + extension); });
-                    });
-                    assetBase64Fetcher = assetUrls.map(_fetchBase64AssetUrl);
-                    return [4 /*yield*/, Promise.all(assetBase64Fetcher)];
-                case 1:
-                    assetFetcherResults = _a.sent();
-                    return [2 /*return*/, assetFetcherResults.reduce(function (svgSrc, x) { return svgSrc.replace(x.url, x.base64); }, svgSrc)];
-            }
-        });
-    });
-};
-/**
- * Fetch asset (image or font) and convert it to base64 string representation.
- */
-var _fetchBase64AssetUrl = function (assetUrl) {
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return tslib_1.__generator(this, function (_a) {
-            // TODO: Cache known base64 representation and only fetch/convert when not already known.
-            //       Usually the fetch shouldn't hit the network but the browser cache since the SVG was already drawn.
-            //       See comments of "createImageBitmapFromSvg" for some considerations...
-            return [2 /*return*/, new Promise(function (resolve, reject) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-                    var resp, blob, reader;
-                    return tslib_1.__generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, fetch(assetUrl)];
-                            case 1:
-                                resp = _a.sent();
-                                return [4 /*yield*/, resp.blob()];
-                            case 2:
-                                blob = _a.sent();
-                                reader = new FileReader();
-                                reader.onloadend = function (event) {
-                                    var target = event.target;
-                                    if (!target) {
-                                        return reject("Asset with URL \"" + assetUrl + "\" could not be loaded.");
-                                    }
-                                    var result = target.result;
-                                    if (!result) {
-                                        return reject("Asset with URL \"" + assetUrl + "\" returned an empty result.");
-                                    }
-                                    resolve({
-                                        url: assetUrl,
-                                        base64: result.toString(),
-                                    });
-                                };
-                                reader.readAsDataURL(blob);
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })];
-        });
-    });
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createImageFromImgSrc = exports.createImageFromSvg = exports.mergeMaps = exports.debounce = exports.loadJavascript = exports.loadText = exports.loadJson = exports.sleep = void 0;
+var tslib_1 = require("tslib");
+var event_1 = require("../classes/event");
+/**
+ * Sleeps for a certain amount of microseconds.
+ */
+var sleep = function (ms) { return new Promise(function (resolve) { return window.setTimeout(resolve, ms); }); };
+exports.sleep = sleep;
+/**
+ * Loads any kind of response from given path.
+ * @emits {@link Event.LOADING_START}
+ * @emits {@link Event.LOADING_END}
+ */
+var load = function (path) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var data;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    event_1.emitter.emit(event_1.Event.LOADING_START, path);
+                    return [4 /*yield*/, fetch(path)];
+                case 1:
+                    data = _a.sent();
+                    event_1.emitter.emit(event_1.Event.LOADING_END, path);
+                    return [2 /*return*/, data];
+            }
+        });
+    });
+};
+/**
+ * Loads a JSON from a given path.
+ * @emits {@link Event.LOADING_START}
+ * @emits {@link Event.LOADING_END}
+ */
+var loadJson = function (path) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var response;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, load(path)];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.json()];
+            }
+        });
+    });
+};
+exports.loadJson = loadJson;
+/**
+ * Loads a Text from a given path.
+ * @emits {@link Event.LOADING_START}
+ * @emits {@link Event.LOADING_END}
+ */
+var loadText = function (path) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var response;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, load(path)];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, response.text()];
+            }
+        });
+    });
+};
+exports.loadText = loadText;
+/**
+ * Loads a Javascript ressource.\
+ * Usefull for including packages via CDN (eg: BabylonJS Inspector)
+ */
+var loadJavascript = function (url) {
+    return new Promise(function (resolve) {
+        var scriptEl = document.createElement('script');
+        scriptEl.setAttribute('src', url);
+        scriptEl.setAttribute('type', 'text/javascript');
+        scriptEl.setAttribute('crossorigin', 'anonymous');
+        scriptEl.onload = function () { return resolve(); };
+        document.head.appendChild(scriptEl);
+    });
+};
+exports.loadJavascript = loadJavascript;
+/**
+ * Debounces: it limits the rate at which a function can fire.
+ */
+var debounce = function (func, wait, immediate) {
+    if (immediate === void 0) { immediate = false; }
+    var timeout;
+    return function () {
+        // @ts-ignore
+        var context = this;
+        var args = arguments;
+        var later = function () {
+            timeout = null;
+            if (!immediate) {
+                func.apply(context, args);
+            }
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) {
+            func.apply(context, args);
+        }
+    };
+};
+exports.debounce = debounce;
+/**
+ * Merges multiple maps.
+ */
+var mergeMaps = function () {
+    var maps = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        maps[_i] = arguments[_i];
+    }
+    var resultMap = new Map();
+    maps.forEach(function (map) {
+        map.forEach(function (v, k) {
+            resultMap.set(k, v);
+        });
+    });
+    return resultMap;
+};
+exports.mergeMaps = mergeMaps;
+/**
+ * Creates a HTML image element based on a SVG string, whereas all the embedded assets in the SVG (eg: fonts, images)
+ * are already loaded and exchanged by their base64 representation.\
+ * There the output image can exist as "standalone" image and may be used for example as a paintable.
+ *
+ * !!CAUTION!!: The used functions within this code section are very well evaluated since most alternatives
+ * somehow don't work in Safari, as mentioned in the following BJS forum entries:
+ * - https://forum.babylonjs.com/t/drawing-svg-content-text-into-dynamictexture-doesnt-work-in-safari-v15/25048
+ * - https://forum.babylonjs.com/t/texture-createfrombase64string-doesnt-seem-to-work-for-ios-devices-initially/25502
+ */
+var createImageFromSvg = function (svgSrc) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var svgWithAssetsEmbedded, svgEncoded;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, _embedAssets(svgSrc)];
+                case 1:
+                    svgWithAssetsEmbedded = _a.sent();
+                    svgEncoded = 'data:image/svg+xml,' + encodeURIComponent(svgWithAssetsEmbedded);
+                    return [2 /*return*/, createImageFromImgSrc(svgEncoded)];
+            }
+        });
+    });
+};
+exports.createImageFromSvg = createImageFromSvg;
+/**
+ * Creates an HTML image element from a dedicated image source.\
+ * Also waits until the image has loaded.
+ *
+ * !!CAUTION!!: The `setTimeout` after loading is finished is required due to a Safari bug:
+ * - https://bugs.webkit.org/show_bug.cgi?id=39059
+ * - https://bugs.webkit.org/show_bug.cgi?id=219770
+ *
+ * It's not 100% ensured that the timeout solves the issue in every case, but there is no other way unfortunately.\
+ * => Keep an eye on it in future projects
+ *
+ * @param imgSrc Theoretically every source is valid which is also supported by
+ *               [HTMLImageElement.src](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src).\
+ *               Known exceptions are SVGs with embedded assets that are provided as object URL. See comments in
+ *               {@link createImageFromSvg} for further details.
+ */
+var createImageFromImgSrc = function (imgSrc) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var img;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    img = new Image();
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            img.onload = function () {
+                                setTimeout(resolve, 0);
+                            };
+                            img.src = imgSrc;
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, img];
+            }
+        });
+    });
+};
+exports.createImageFromImgSrc = createImageFromImgSrc;
+/**
+ * Replaces all supported image & font URLs in the given SVG with their base64 representation.
+ */
+var _embedAssets = function (svgSrc) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var _imageExtensions, _fontExtensions, _assetExtensions, urlRegex, allUrls, assetUrls, assetBase64Fetcher, assetFetcherResults;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _imageExtensions = ['png', 'gif', 'jpg', 'jpeg', 'svg', 'bmp'];
+                    _fontExtensions = ['woff2', 'woff', 'ttf', 'otf'];
+                    _assetExtensions = tslib_1.__spreadArrays(_imageExtensions, _fontExtensions);
+                    urlRegex = /(\bhttps?:\/\/[-A-Z0-9+&@#/%?=~_|!:,.;]*[-A-Z0-9+&@#/%=~_|])/gi;
+                    allUrls = svgSrc.match(urlRegex);
+                    assetUrls = allUrls.filter(function (url) {
+                        return _assetExtensions.some(function (extension) { return url.toLowerCase().endsWith("." + extension); });
+                    });
+                    assetBase64Fetcher = assetUrls.map(_fetchBase64AssetUrl);
+                    return [4 /*yield*/, Promise.all(assetBase64Fetcher)];
+                case 1:
+                    assetFetcherResults = _a.sent();
+                    return [2 /*return*/, assetFetcherResults.reduce(function (svgSrc, x) { return svgSrc.replace(x.url, x.base64); }, svgSrc)];
+            }
+        });
+    });
+};
+/**
+ * Fetch asset (image or font) and convert it to base64 string representation.
+ */
+var _fetchBase64AssetUrl = function (assetUrl) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var _this = this;
+        return tslib_1.__generator(this, function (_a) {
+            // TODO: Cache known base64 representation and only fetch/convert when not already known.
+            //       Usually the fetch shouldn't hit the network but the browser cache since the SVG was already drawn.
+            //       See comments of "createImageBitmapFromSvg" for some considerations...
+            return [2 /*return*/, new Promise(function (resolve, reject) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                    var resp, blob, reader;
+                    return tslib_1.__generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, fetch(assetUrl)];
+                            case 1:
+                                resp = _a.sent();
+                                return [4 /*yield*/, resp.blob()];
+                            case 2:
+                                blob = _a.sent();
+                                reader = new FileReader();
+                                reader.onloadend = function (event) {
+                                    var target = event.target;
+                                    if (!target) {
+                                        return reject("Asset with URL \"" + assetUrl + "\" could not be loaded.");
+                                    }
+                                    var result = target.result;
+                                    if (!result) {
+                                        return reject("Asset with URL \"" + assetUrl + "\" returned an empty result.");
+                                    }
+                                    resolve({
+                                        url: assetUrl,
+                                        base64: result.toString(),
+                                    });
+                                };
+                                reader.readAsDataURL(blob);
+                                return [2 /*return*/];
+                        }
+                    });
+                }); })];
+        });
+    });
+};
 //# sourceMappingURL=resourceHelper.js.map