redhotmagma-visualization 1.34.0 → 1.34.1

package/Three/Three2D.js

@@ -781,53 +781,61 @@ var Three2D = /*#__PURE__*/function (_ThreeBase) {
             switch (_context7.prev = _context7.next) {
               case 0:
                 this._redraw = (_this$_getDrawingCont = this._getDrawingContext).bind.apply(_this$_getDrawingCont, [this].concat(Array.prototype.slice.call(_args7)));
+                _context7.prev = 1;
+                _context7.next = 4;
+                return this._redrawPromise;
 
-                if (!this._redrawPromise) {
-                  window.cancelAnimationFrame(this._redrawFrame);
-                  this._redrawPromise = new Promise(function (resolve, reject) {
-                    _this5._redrawFrame = window.requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-                      return regeneratorRuntime.wrap(function _callee6$(_context6) {
-                        while (1) {
-                          switch (_context6.prev = _context6.next) {
-                            case 0:
-                              _context6.prev = 0;
-                              _context6.next = 3;
-                              return _this5.redraw();
-
-                            case 3:
-                              resolve();
-                              _context6.next = 9;
-                              break;
+              case 4:
+                _context7.next = 8;
+                break;
 
-                            case 6:
-                              _context6.prev = 6;
-                              _context6.t0 = _context6["catch"](0);
-                              reject(_context6.t0);
+              case 6:
+                _context7.prev = 6;
+                _context7.t0 = _context7["catch"](1);
 
-                            case 9:
-                              _context6.prev = 9;
-                              delete _this5._redrawPromise;
-                              return _context6.finish(9);
+              case 8:
+                this._redrawPromise = new Promise(function (resolve, reject) {
+                  _this5._redrawFrame = window.requestAnimationFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+                    return regeneratorRuntime.wrap(function _callee6$(_context6) {
+                      while (1) {
+                        switch (_context6.prev = _context6.next) {
+                          case 0:
+                            _context6.prev = 0;
+                            _context6.next = 3;
+                            return _this5.redraw();
 
-                            case 12:
-                            case "end":
-                              return _context6.stop();
-                          }
-                        }
-                      }, _callee6, null, [[0, 6, 9, 12]]);
-                    })));
-                  });
-                }
+                          case 3:
+                            resolve();
+                            _context6.next = 9;
+                            break;
 
-                _context7.next = 4;
+                          case 6:
+                            _context6.prev = 6;
+                            _context6.t0 = _context6["catch"](0);
+                            reject(_context6.t0);
+
+                          case 9:
+                            _context6.prev = 9;
+                            delete _this5._redrawPromise;
+                            return _context6.finish(9);
+
+                          case 12:
+                          case "end":
+                            return _context6.stop();
+                        }
+                      }
+                    }, _callee6, null, [[0, 6, 9, 12]]);
+                  })));
+                });
+                _context7.next = 11;
                 return this._redrawPromise;
 
-              case 4:
+              case 11:
               case "end":
                 return _context7.stop();
             }
           }
-        }, _callee7, this);
+        }, _callee7, this, [[1, 6]]);
       }));
 
       function getDrawingContext() {

package/package.json

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

package/src/Three/Three2D.js

@@ -411,21 +411,23 @@ export class Three2D extends ThreeBase {
 
   async getDrawingContext() {
     this._redraw = this._getDrawingContext.bind(this, ...arguments);
-    if (!this._redrawPromise) {
-      window.cancelAnimationFrame(this._redrawFrame);
-      this._redrawPromise = new Promise((resolve, reject) => {
-        this._redrawFrame = window.requestAnimationFrame(async () => {
-          try {
-            await this.redraw();
-            resolve();
-          } catch (e) {
-            reject(e);
-          } finally {
-            delete this._redrawPromise;
-          }
-        });
-      });
+    try {
+      await this._redrawPromise;
+    } catch (e) {
+      // continue drawing anyway
     }
+    this._redrawPromise = new Promise((resolve, reject) => {
+      this._redrawFrame = window.requestAnimationFrame(async () => {
+        try {
+          await this.redraw();
+          resolve();
+        } catch (e) {
+          reject(e);
+        } finally {
+          delete this._redrawPromise;
+        }
+      });
+    });
     await this._redrawPromise;
   }