@micromag/screen-video-360 0.3.592 → 0.3.598

package/es/index.js

@@ -361,13 +361,28 @@ var Video360Screen = function Video360Screen(_ref) {
 
   useEffect(function () {
     if (THREE !== null && hasVideoUrl && withVideoSphere) {
-      var Scene = THREE.Scene,
-        PerspectiveCamera = THREE.PerspectiveCamera,
-        SphereBufferGeometry = THREE.SphereBufferGeometry,
-        VideoTexture = THREE.VideoTexture,
-        MeshBasicMaterial = THREE.MeshBasicMaterial,
-        Mesh = THREE.Mesh,
-        WebGLRenderer = THREE.WebGLRenderer;
+      var _ref7 = THREE || {},
+        _ref7$Scene = _ref7.Scene,
+        Scene = _ref7$Scene === void 0 ? null : _ref7$Scene,
+        _ref7$PerspectiveCame = _ref7.PerspectiveCamera,
+        PerspectiveCamera = _ref7$PerspectiveCame === void 0 ? null : _ref7$PerspectiveCame,
+        _ref7$SphereBufferGeo = _ref7.SphereBufferGeometry,
+        SphereBufferGeometry = _ref7$SphereBufferGeo === void 0 ? null : _ref7$SphereBufferGeo,
+        _ref7$VideoTexture = _ref7.VideoTexture,
+        VideoTexture = _ref7$VideoTexture === void 0 ? null : _ref7$VideoTexture,
+        _ref7$MeshBasicMateri = _ref7.MeshBasicMaterial,
+        MeshBasicMaterial = _ref7$MeshBasicMateri === void 0 ? null : _ref7$MeshBasicMateri,
+        _ref7$Mesh = _ref7.Mesh,
+        Mesh = _ref7$Mesh === void 0 ? null : _ref7$Mesh,
+        _ref7$WebGLRenderer = _ref7.WebGLRenderer,
+        WebGLRenderer = _ref7$WebGLRenderer === void 0 ? null : _ref7$WebGLRenderer;
+      if (Scene === null || PerspectiveCamera === null || SphereBufferGeometry === null || VideoTexture === null || MeshBasicMaterial === null || Mesh === null || WebGLRenderer === null) {
+        return function () {
+          camera.current = null;
+          scene.current = null;
+          renderer.current = null;
+        };
+      }
       var _canvasRef$current = canvasRef.current,
         canvasWidth = _canvasRef$current.offsetWidth,
         canvasHeight = _canvasRef$current.offsetHeight;
@@ -375,9 +390,9 @@ var Video360Screen = function Video360Screen(_ref) {
       scene.current = new Scene();
       var geometry = new SphereBufferGeometry(500, 60, 40);
       geometry.scale(-1, 1, 1);
-      var _ref7 = mediaRef || {},
-        _ref7$current = _ref7.current,
-        videoElement = _ref7$current === void 0 ? null : _ref7$current;
+      var _ref8 = mediaRef || {},
+        _ref8$current = _ref8.current,
+        videoElement = _ref8$current === void 0 ? null : _ref8$current;
       var videoTexture = new VideoTexture(videoElement);
       var videoMaterial = new MeshBasicMaterial({
         map: videoTexture
@@ -436,20 +451,20 @@ var Video360Screen = function Video360Screen(_ref) {
   var pixelsMovedTracked = useRef(false);
   var onPointerMove = useCallback(function (e) {
     if (pointerDown.current) {
-      var _ref8 = e || {},
-        _ref8$clientX = _ref8.clientX,
-        clientX = _ref8$clientX === void 0 ? null : _ref8$clientX,
-        _ref8$clientY = _ref8.clientY,
-        clientY = _ref8$clientY === void 0 ? null : _ref8$clientY;
+      var _ref9 = e || {},
+        _ref9$clientX = _ref9.clientX,
+        clientX = _ref9$clientX === void 0 ? null : _ref9$clientX,
+        _ref9$clientY = _ref9.clientY,
+        clientY = _ref9$clientY === void 0 ? null : _ref9$clientY;
       var downDeltaX = pointerDownX.current - clientX;
       var downDeltaY = pointerDownY.current - clientY;
       lon.current = downDeltaX * 0.2 + pointerLon.current;
       lat.current = downDeltaY * 0.2 + pointerLat.current;
-      var _ref9 = lastPointerClient.current || {},
-        _ref9$x = _ref9.x,
-        lastX = _ref9$x === void 0 ? clientX : _ref9$x,
-        _ref9$y = _ref9.y,
-        lastY = _ref9$y === void 0 ? clientY : _ref9$y;
+      var _ref10 = lastPointerClient.current || {},
+        _ref10$x = _ref10.x,
+        lastX = _ref10$x === void 0 ? clientX : _ref10$x,
+        _ref10$y = _ref10.y,
+        lastY = _ref10$y === void 0 ? clientY : _ref10$y;
       var deltaX = Math.abs(lastX - clientX) || 0;
       var deltaY = Math.abs(lastY - clientY) || 0;
       pixelsMoved.current += deltaX + deltaY;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-video-360",
-    "version": "0.3.592",
+    "version": "0.3.598",
     "private": false,
     "description": "",
     "keywords": [
@@ -65,7 +65,7 @@
         "@micromag/element-background": "^0.3.592",
         "@micromag/element-closed-captions": "^0.3.590",
         "@micromag/element-container": "^0.3.590",
-        "@micromag/element-footer": "^0.3.590",
+        "@micromag/element-footer": "^0.3.595",
         "@micromag/element-header": "^0.3.590",
         "@micromag/element-image": "^0.3.590",
         "@micromag/element-video": "^0.3.592",
@@ -81,5 +81,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "f8571e100614efa926df27062058faee906df21e"
+    "gitHead": "372bf20cd6b87388c729d8b824b5fe48618ccb2c"
 }