redhotmagma-visualization 1.56.4 → 1.57.2

package/Utils/imagePreloader.js

@@ -13,8 +13,10 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
 import once from "lodash/once";
 export var createImagePreloader = function createImagePreloader(srcArr) {
   var ready = false;
-  var images;
+  /** @type {Map<string, HTMLImageElement>|undefined} */
+  var imagesBySrc;
   var loadAll = once( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var images;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -35,19 +37,24 @@ export var createImagePreloader = function createImagePreloader(srcArr) {
           }));
         case 3:
           images = _context.sent;
+          imagesBySrc = new Map(images.map(function (_ref2) {
+            var src = _ref2.src,
+              img = _ref2.img;
+            return [src, img];
+          }));
           ready = true;
-          _context.next = 10;
+          _context.next = 11;
           break;
-        case 7:
-          _context.prev = 7;
+        case 8:
+          _context.prev = 8;
           _context.t0 = _context["catch"](0);
           // eslint-disable-next-line no-console
           console.error("Error while loading resource!", _context.t0);
-        case 10:
+        case 11:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 7]]);
+    }, _callee, null, [[0, 8]]);
   })));
   return {
     loadAll: loadAll,
@@ -55,11 +62,8 @@ export var createImagePreloader = function createImagePreloader(srcArr) {
       return ready;
     },
     get: function get(searchSrc) {
-      var item = images && images.filter(function (_ref2) {
-        var src = _ref2.src;
-        return src === searchSrc;
-      }).pop();
-      return item && item.img;
+      var _imagesBySrc;
+      return (_imagesBySrc = imagesBySrc) === null || _imagesBySrc === void 0 ? void 0 : _imagesBySrc.get(searchSrc);
     }
   };
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "redhotmagma-visualization",
-  "version": "1.56.4",
+  "version": "1.57.2",
   "license": "UNLICENSED",
   "private": false,
   "main": "./index.js",
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@configuratorware/scripts": "1.56.4",
+    "@configuratorware/scripts": "1.57.2",
     "@tweenjs/tween.js": "^17.6.0",
     "console-polyfill": "^0.3.0",
     "css-element-queries": "^1.2.3",

package/src/Utils/imagePreloader.js

@@ -2,11 +2,12 @@ import once from "lodash/once";
 
 export const createImagePreloader = srcArr => {
   let ready = false;
-  let images;
+  /** @type {Map<string, HTMLImageElement>|undefined} */
+  let imagesBySrc;
 
   const loadAll = once(async () => {
     try {
-      images = await Promise.all(
+      const images = await Promise.all(
         srcArr.map(
           src =>
             new Promise((resolve, reject) => {
@@ -17,6 +18,7 @@ export const createImagePreloader = srcArr => {
             })
         )
       );
+      imagesBySrc = new Map(images.map(({ src, img }) => [src, img]));
       ready = true;
     } catch (e) {
       // eslint-disable-next-line no-console
@@ -27,9 +29,6 @@ export const createImagePreloader = srcArr => {
   return {
     loadAll,
     isReady: () => ready,
-    get: searchSrc => {
-      const item = images && images.filter(({ src }) => src === searchSrc).pop();
-      return item && item.img;
-    },
+    get: searchSrc => imagesBySrc?.get(searchSrc),
   };
 };