@realsee/vreo 2.6.4-alpha.4 → 2.6.4

package/lib/fivePlugins/CameraMovementPlugin/index.js

@@ -1,6 +1,5 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Five } from '@realsee/five';
 import { Rotation } from "./typings.js";
 var PI = Math.PI;
@@ -29,83 +28,86 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       preload: true
     };
-    return new Promise(/*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(resolve, reject) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
         var _opts$asyncEndCallbac;
         var panoIndex, start, movePanoOptions;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              moving = true;
-              if (opts.asyncStartCallback) {
-                opts.asyncStartCallback();
-              }
-              if (!(five.panoIndex === undefined)) {
-                _context.n = 1;
-                break;
-              }
-              return _context.a(2, reject(false));
-            case 1:
-              if (!(args.mode && args.mode !== five.currentMode)) {
-                _context.n = 3;
-                break;
-              }
-              _context.n = 2;
-              return five.changeMode(args.mode, args, duration);
-            case 2:
-              return _context.a(2, resolve(true));
-            case 3:
-              if (!(args.mode === Five.Mode.Floorplan)) {
-                _context.n = 4;
-                break;
-              }
-              return _context.a(2, resolve(true));
-            case 4:
-              if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-                _context.n = 5;
-                break;
-              }
-              _context.n = 5;
-              return five.preloadPano(args.panoIndex);
-            case 5:
-              (_opts$asyncEndCallbac = opts.asyncEndCallback) === null || _opts$asyncEndCallbac === void 0 || _opts$asyncEndCallbac.call(opts);
-              if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
-                _context.n = 6;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                moving = true;
+                if (opts.asyncStartCallback) {
+                  opts.asyncStartCallback();
+                }
+                if (!(five.panoIndex === undefined)) {
+                  _context.next = 4;
+                  break;
+                }
+                return _context.abrupt("return", reject(false));
+              case 4:
+                if (!(args.mode && args.mode !== five.currentMode)) {
+                  _context.next = 8;
+                  break;
+                }
+                _context.next = 7;
+                return five.changeMode(args.mode, args, duration);
+              case 7:
+                return _context.abrupt("return", resolve(true));
+              case 8:
+                if (!(args.mode === Five.Mode.Floorplan)) {
+                  _context.next = 10;
+                  break;
+                }
+                return _context.abrupt("return", resolve(true));
+              case 10:
+                if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+                  _context.next = 13;
+                  break;
+                }
+                _context.next = 13;
+                return five.preloadPano(args.panoIndex);
+              case 13:
+                (_opts$asyncEndCallbac = opts.asyncEndCallback) === null || _opts$asyncEndCallbac === void 0 ? void 0 : _opts$asyncEndCallbac.call(opts);
+                if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
+                  _context.next = 16;
+                  break;
+                }
+                return _context.abrupt("return", resolve(true));
+              case 16:
+                panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
+                if (!(panoIndex !== undefined)) {
+                  _context.next = 26;
+                  break;
+                }
+                start = performance.now();
+                _context.next = 21;
+                return five.ready();
+              case 21:
+                movePanoOptions = Object.assign({}, args, {
+                  duration: duration - (performance.now() - start),
+                  // 移动耗时
+                  moveEndCallback: function moveEndCallback() {
+                    return resolve(true);
+                  },
+                  // 移动结束
+                  moveCancelCallback: function moveCancelCallback() {
+                    resolve(true);
+                  },
+                  // 移动开始
+                  effect: args.transEffect || 'fly'
+                });
+                _context.next = 24;
+                return five.moveToPano(panoIndex, movePanoOptions);
+              case 24:
+                _context.next = 27;
                 break;
-              }
-              return _context.a(2, resolve(true));
-            case 6:
-              panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
-              if (!(panoIndex !== undefined)) {
-                _context.n = 9;
-                break;
-              }
-              start = performance.now();
-              _context.n = 7;
-              return five.ready();
-            case 7:
-              movePanoOptions = Object.assign({}, args, {
-                duration: duration - (performance.now() - start),
-                // 移动耗时
-                moveEndCallback: function moveEndCallback() {
-                  return resolve(true);
-                },
-                // 移动结束
-                moveCancelCallback: function moveCancelCallback() {
-                  resolve(true);
-                },
-                // 移动开始
-                effect: args.transEffect || 'fly'
-              });
-              _context.n = 8;
-              return five.moveToPano(panoIndex, movePanoOptions);
-            case 8:
-              _context.n = 10;
-              break;
-            case 9:
-              reject(false);
-            case 10:
-              return _context.a(2);
+              case 26:
+                reject(false);
+              case 27:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));
@@ -115,7 +117,7 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     }());
   };
   var rotate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(args, duration) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
       var _opts$asyncStartCallb, _opts$asyncEndCallbac2;
       var opts,
         from,
@@ -123,107 +125,112 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
         timeEnd,
         start,
         animeDuration,
-        _onFiveRenderFrame,
+        onFiveRenderFrame,
         _args2 = arguments;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.n) {
-          case 0:
-            opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
-            moving = false;
-            (_opts$asyncStartCallb = opts.asyncStartCallback) === null || _opts$asyncStartCallb === void 0 || _opts$asyncStartCallb.call(opts);
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
+              moving = false;
+              (_opts$asyncStartCallb = opts.asyncStartCallback) === null || _opts$asyncStartCallb === void 0 ? void 0 : _opts$asyncStartCallb.call(opts);
 
-            // 先切换模型再出旋转效果
-            if (!(args.mode && five.currentMode !== args.mode)) {
-              _context2.n = 1;
-              break;
-            }
-            _context2.n = 1;
-            return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
-              latitude: 0
-            } : undefined);
-          case 1:
-            if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-              _context2.n = 3;
-              break;
-            }
-            if (!opts.preload) {
-              _context2.n = 2;
-              break;
-            }
-            _context2.n = 2;
-            return five.preloadPano(args.panoIndex);
-          case 2:
-            _context2.n = 3;
-            return new Promise(function (resolve, reject) {
-              five.moveToPano(args.panoIndex, {
-                moveEndCallback: function moveEndCallback() {
-                  return resolve(true);
-                },
-                // 移动结束
-                moveCancelCallback: function moveCancelCallback() {
-                  return reject(false);
-                },
-                // 移动开始
-                effect: 'fade'
+              // 先切换模型再出旋转效果
+              if (!(args.mode && five.currentMode !== args.mode)) {
+                _context2.next = 6;
+                break;
+              }
+              _context2.next = 6;
+              return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
+                latitude: 0
+              } : undefined);
+            case 6:
+              if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+                _context2.next = 12;
+                break;
+              }
+              if (!opts.preload) {
+                _context2.next = 10;
+                break;
+              }
+              _context2.next = 10;
+              return five.preloadPano(args.panoIndex);
+            case 10:
+              _context2.next = 12;
+              return new Promise(function (resolve, reject) {
+                five.moveToPano(args.panoIndex, {
+                  moveEndCallback: function moveEndCallback() {
+                    return resolve(true);
+                  },
+                  // 移动结束
+                  moveCancelCallback: function moveCancelCallback() {
+                    return reject(false);
+                  },
+                  // 移动开始
+                  effect: 'fade'
+                });
               });
-            });
-          case 3:
-            _context2.n = 4;
-            return five.ready();
-          case 4:
-            (_opts$asyncEndCallbac2 = opts.asyncEndCallback) === null || _opts$asyncEndCallbac2 === void 0 || _opts$asyncEndCallbac2.call(opts);
+            case 12:
+              _context2.next = 14;
+              return five.ready();
+            case 14:
+              (_opts$asyncEndCallbac2 = opts.asyncEndCallback) === null || _opts$asyncEndCallbac2 === void 0 ? void 0 : _opts$asyncEndCallbac2.call(opts);
 
-            // 计算to
-            from = five.getCurrentState();
-            to = function () {
-              return args;
-            }();
-            timeEnd = false; // 开始时间
-            start = performance.now();
-            animeDuration = duration;
-            if (args.rotation === Rotation.Loop) {
-              animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
-              animeDuration = Math.min(duration, animeDuration);
-            }
-            _onFiveRenderFrame = function onFiveRenderFrame() {
-              if (timeEnd || moving) {
-                five.off('renderFrame', _onFiveRenderFrame);
-                return;
-              }
-              var targetState = {};
-              if (args.rotation !== Rotation.Loop) {
-                var progress = (performance.now() - start) / duration;
-                targetState = {
-                  fov: progressNumber(from.fov, to.fov, progress),
-                  latitude: progressNumber(from.latitude, to.latitude, progress),
-                  longitude: progressLongitude(from.longitude, to.longitude, args.rotation, progress)
-                };
-              } else {
-                var _progress = (performance.now() - start) / animeDuration; // 可能大于1
-                var times = Math.floor(_progress);
-                var progress2 = _progress - times; // 一定小于1
-                var isNegative = times % 2 === 1; // 是否为反向旋转, 0: 正, 1: 反, 2: 正, 3: 反 以此类推
-                var resultProgress = isNegative ? 1 - progress2 : progress2;
-                targetState = {
-                  fov: progressNumber(from.fov, to.fov, resultProgress),
-                  latitude: progressNumber(from.latitude, to.latitude, resultProgress),
-                  longitude: progressNumber(from.longitude, to.longitude, resultProgress)
-                };
+              // 计算to
+              from = five.getCurrentState();
+              to = function () {
+                return args;
+              }();
+              timeEnd = false; // 开始时间
+              start = performance.now();
+              animeDuration = duration;
+              if (args.rotation === Rotation.Loop) {
+                animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
+                animeDuration = Math.min(duration, animeDuration);
               }
-              five.setState(targetState, true);
-            };
-            five.on('renderFrame', _onFiveRenderFrame);
-            _context2.n = 5;
-            return new Promise(function (resolve) {
-              setTimeout(function () {
-                timeEnd = true;
-                five.off('renderFrame', _onFiveRenderFrame);
-                // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
-                resolve(true);
-              }, duration);
-            });
-          case 5:
-            return _context2.a(2, _context2.v);
+              onFiveRenderFrame = function onFiveRenderFrame() {
+                if (timeEnd || moving) {
+                  five.off('renderFrame', onFiveRenderFrame);
+                  return;
+                }
+                var targetState = {};
+                if (args.rotation !== Rotation.Loop) {
+                  var progress = (performance.now() - start) / duration;
+                  targetState = {
+                    fov: progressNumber(from.fov, to.fov, progress),
+                    latitude: progressNumber(from.latitude, to.latitude, progress),
+                    longitude: progressLongitude(from.longitude, to.longitude, args.rotation, progress)
+                  };
+                } else {
+                  var _progress = (performance.now() - start) / animeDuration; // 可能大于1
+                  var times = Math.floor(_progress);
+                  var progress2 = _progress - times; // 一定小于1
+                  var isNegative = times % 2 === 1; // 是否为反向旋转, 0: 正, 1: 反, 2: 正, 3: 反 以此类推
+                  var resultProgress = isNegative ? 1 - progress2 : progress2;
+                  targetState = {
+                    fov: progressNumber(from.fov, to.fov, resultProgress),
+                    latitude: progressNumber(from.latitude, to.latitude, resultProgress),
+                    longitude: progressNumber(from.longitude, to.longitude, resultProgress)
+                  };
+                }
+                five.setState(targetState, true);
+              };
+              five.on('renderFrame', onFiveRenderFrame);
+              _context2.next = 25;
+              return new Promise(function (resolve) {
+                setTimeout(function () {
+                  timeEnd = true;
+                  five.off('renderFrame', onFiveRenderFrame);
+                  // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
+                  resolve(true);
+                }, duration);
+              });
+            case 25:
+              return _context2.abrupt("return", _context2.sent);
+            case 26:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2);
     }));

package/lib/fivePlugins/CameraMovementPlugin/typings.js

@@ -2,14 +2,14 @@
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-export var CameraMovementEffect = /*#__PURE__*/function (CameraMovementEffect) {
+export var CameraMovementEffect;
+(function (CameraMovementEffect) {
   CameraMovementEffect["Move"] = "Move";
   CameraMovementEffect["Rotate"] = "Rotate";
-  return CameraMovementEffect;
-}({});
-export var Rotation = /*#__PURE__*/function (Rotation) {
+})(CameraMovementEffect || (CameraMovementEffect = {}));
+export var Rotation;
+(function (Rotation) {
   Rotation["Clockwise"] = "Clockwise";
   Rotation["Anticlockwise"] = "Anticlockwise";
   Rotation["Loop"] = "Loop";
-  return Rotation;
-}({});
+})(Rotation || (Rotation = {}));

package/lib/fivePlugins/ModelTVVideoPlugin/index.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as THREE from 'three';
 export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
   var videoElement = _ref.videoElement,
@@ -29,7 +28,7 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
   var stop = function stop() {
     var _removeReady;
     ++generation;
-    (_removeReady = removeReady) === null || _removeReady === void 0 || _removeReady();
+    (_removeReady = removeReady) === null || _removeReady === void 0 ? void 0 : _removeReady();
     removeReady = undefined;
     if (output) {
       output.muted = true;
@@ -103,8 +102,8 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
     state.videoMeshes.forEach(function (mesh) {
       return five.scene.add(mesh);
     });
-    var _timeupdate = function timeupdate() {
-      element.removeEventListener('timeupdate', _timeupdate);
+    var timeupdate = function timeupdate() {
+      element.removeEventListener('timeupdate', timeupdate);
       if (!valid()) return;
       state.videoTextureEnabled = true;
       state.videoMeshes.forEach(function (mesh) {
@@ -112,10 +111,10 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
       });
       five.needsRender = true;
     };
-    var _play = function play() {
-      five.off('modelLoaded', _play);
+    var play = function play() {
+      five.off('modelLoaded', play);
       if (!valid()) return;
-      element.addEventListener('timeupdate', _timeupdate);
+      element.addEventListener('timeupdate', timeupdate);
       void media.play().catch(function (error) {
         if (valid()) {
           disable();
@@ -124,13 +123,13 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
       });
     };
     removeReady = function removeReady() {
-      five.off('modelLoaded', _play);
-      element.removeEventListener('timeupdate', _timeupdate);
+      five.off('modelLoaded', play);
+      element.removeEventListener('timeupdate', timeupdate);
     };
-    if (five.model.loaded) _play();else five.on('modelLoaded', _play);
+    if (five.model.loaded) play();else five.on('modelLoaded', play);
   };
   var disable = function disable() {
-    controller === null || controller === void 0 || controller.cancel();
+    controller === null || controller === void 0 ? void 0 : controller.cancel();
     stop();
   };
   var createPanoVideoMeshes = function createPanoVideoMeshes() {
@@ -225,51 +224,54 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
     });
   };
   var load = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(data, videoElement) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
       var current, video_src, video_poster_src, points, texture;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            current = ++generation;
-            video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
-            state.videoSource = video_src;
-            state.rectPoints = points.map(function (items) {
-              return items.map(function (_ref3) {
-                var x = _ref3.x,
-                  y = _ref3.y,
-                  z = _ref3.z;
-                return new THREE.Vector3(x, y, z);
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              current = ++generation;
+              video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
+              state.videoSource = video_src;
+              state.rectPoints = points.map(function (items) {
+                return items.map(function (_ref3) {
+                  var x = _ref3.x,
+                    y = _ref3.y,
+                    z = _ref3.z;
+                  return new THREE.Vector3(x, y, z);
+                });
               });
-            });
-            state.imageTexture = getImageTexture(video_poster_src);
-            if (videoElement) {
-              state.videoElement = videoElement;
-            }
-            _context.n = 1;
-            return getVideoTexture(state.videoSource, state.videoElement, function () {
-              return !disposed && current === generation;
-            });
-          case 1:
-            texture = _context.v;
-            if (!(disposed || current !== generation)) {
-              _context.n = 2;
-              break;
-            }
-            texture.image.muted = true;
-            texture.image.pause();
-            URL.revokeObjectURL(texture.image.src);
-            texture.dispose();
-            return _context.a(2);
-          case 2:
-            if (state.videoTexture) {
-              state.videoTexture.image.pause();
-              URL.revokeObjectURL(state.videoTexture.image.src);
-              state.videoTexture.dispose();
-            }
-            state.videoTexture = texture;
-            if (data.enable) enable();
-          case 3:
-            return _context.a(2);
+              state.imageTexture = getImageTexture(video_poster_src);
+              if (videoElement) {
+                state.videoElement = videoElement;
+              }
+              _context.next = 8;
+              return getVideoTexture(state.videoSource, state.videoElement, function () {
+                return !disposed && current === generation;
+              });
+            case 8:
+              texture = _context.sent;
+              if (!(disposed || current !== generation)) {
+                _context.next = 15;
+                break;
+              }
+              texture.image.muted = true;
+              texture.image.pause();
+              URL.revokeObjectURL(texture.image.src);
+              texture.dispose();
+              return _context.abrupt("return");
+            case 15:
+              if (state.videoTexture) {
+                state.videoTexture.image.pause();
+                URL.revokeObjectURL(state.videoTexture.image.src);
+                state.videoTexture.dispose();
+              }
+              state.videoTexture = texture;
+              if (data.enable) enable();
+            case 18:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
@@ -328,11 +330,11 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
     disposed = true;
     ++generation;
     disable();
-    controller === null || controller === void 0 || controller.dispose();
+    controller === null || controller === void 0 ? void 0 : controller.dispose();
     listeners.splice(0).forEach(function (remove) {
       return remove();
     });
-    (_state$imageTexture = state.imageTexture) === null || _state$imageTexture === void 0 || _state$imageTexture.dispose();
+    (_state$imageTexture = state.imageTexture) === null || _state$imageTexture === void 0 ? void 0 : _state$imageTexture.dispose();
     if (state.videoTexture) {
       URL.revokeObjectURL(state.videoTexture.image.src);
       state.videoTexture.dispose();

package/lib/react/index.js

@@ -38,7 +38,7 @@ export var VreoProvider = function VreoProvider(props) {
     setPlayer(playerRef.current);
     return function () {
       var _playerRef$current;
-      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.dispose();
+      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : _playerRef$current.dispose();
     };
   }, []);
   if (!player) return /*#__PURE__*/React.createElement(React.Fragment, null);