@kitware/vtk.js 28.10.1 → 28.11.0

package/Rendering/OpenGL/RenderWindow.js

@@ -1,9 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { VtkDataTypes } from '../../Common/Core/DataArray/Constants.js';
-import macro from '../../macros.js';
+import { m as macro } from '../../macros2.js';
 import { registerViewConstructor } from '../Core/RenderWindow.js';
 import vtkForwardPass from './ForwardPass.js';
 import vtkHardwareSelector from './HardwareSelector.js';
@@ -15,88 +11,84 @@ import vtkRenderWindowViewNode from '../SceneGraph/RenderWindowViewNode.js';
 import Constants from './RenderWindow/Constants.js';
 import { createContextProxyHandler, GET_UNDERLYING_CONTEXT } from './RenderWindow/ContextProxy.js';
 
-var vtkDebugMacro = macro.vtkDebugMacro,
-    vtkErrorMacro = macro.vtkErrorMacro;
-var XrSessionTypes = Constants.XrSessionTypes;
-var SCREENSHOT_PLACEHOLDER = {
+const {
+  vtkDebugMacro,
+  vtkErrorMacro
+} = macro;
+const {
+  XrSessionTypes
+} = Constants;
+const SCREENSHOT_PLACEHOLDER = {
   position: 'absolute',
   top: 0,
   left: 0,
   width: '100%',
   height: '100%'
 };
-var DEFAULT_RESET_FACTORS = {
+const DEFAULT_RESET_FACTORS = {
   rescaleFactor: 0.25,
   // isotropic scale factor reduces apparent size of objects
   translateZ: -1.5 // default translation initializes object in front of camera
-
 };
 
 function checkRenderTargetSupport(gl, format, type) {
   // create temporary frame buffer and texture
-  var framebuffer = gl.createFramebuffer();
-  var texture = gl.createTexture();
+  const framebuffer = gl.createFramebuffer();
+  const texture = gl.createTexture();
   gl.bindTexture(gl.TEXTURE_2D, texture);
   gl.texImage2D(gl.TEXTURE_2D, 0, format, 2, 2, 0, format, type, null);
   gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
-  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0); // check frame buffer status
+  gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
 
-  var status = gl.checkFramebufferStatus(gl.FRAMEBUFFER); // clean up
+  // check frame buffer status
+  const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);
 
+  // clean up
   gl.bindFramebuffer(gl.FRAMEBUFFER, null);
   gl.bindTexture(gl.TEXTURE_2D, null);
   return status === gl.FRAMEBUFFER_COMPLETE;
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // Monitor the usage of GL context across vtkOpenGLRenderWindow instances
 // ----------------------------------------------------------------------------
 
-
-var GL_CONTEXT_COUNT = 0;
-var GL_CONTEXT_LISTENERS = [];
-
+let GL_CONTEXT_COUNT = 0;
+const GL_CONTEXT_LISTENERS = [];
 function createGLContext() {
   GL_CONTEXT_COUNT++;
-  GL_CONTEXT_LISTENERS.forEach(function (cb) {
-    return cb(GL_CONTEXT_COUNT);
-  });
+  GL_CONTEXT_LISTENERS.forEach(cb => cb(GL_CONTEXT_COUNT));
 }
-
 function deleteGLContext() {
   GL_CONTEXT_COUNT--;
-  GL_CONTEXT_LISTENERS.forEach(function (cb) {
-    return cb(GL_CONTEXT_COUNT);
-  });
+  GL_CONTEXT_LISTENERS.forEach(cb => cb(GL_CONTEXT_COUNT));
 }
-
 function pushMonitorGLContextCount(cb) {
   GL_CONTEXT_LISTENERS.push(cb);
 }
 function popMonitorGLContextCount(cb) {
   return GL_CONTEXT_LISTENERS.pop();
 }
-
 function _preventDefault(e) {
   e.preventDefault();
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // vtkOpenGLRenderWindow methods
 // ----------------------------------------------------------------------------
 
-
 function vtkOpenGLRenderWindow(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkOpenGLRenderWindow');
-  var cachingContextHandler = createContextProxyHandler();
-
-  publicAPI.getViewNodeFactory = function () {
-    return model.myFactory;
-  }; // prevent default context lost handler
-
+  const cachingContextHandler = createContextProxyHandler();
+  publicAPI.getViewNodeFactory = () => model.myFactory;
 
+  // prevent default context lost handler
   model.canvas.addEventListener('webglcontextlost', _preventDefault, false);
-  model.canvas.addEventListener('webglcontextrestored', publicAPI.restoreContext, false); // Auto update style
-
-  var previousSize = [0, 0];
+  model.canvas.addEventListener('webglcontextrestored', publicAPI.restoreContext, false);
 
+  // Auto update style
+  const previousSize = [0, 0];
   function updateWindow() {
     // Canvas size
     if (model.renderable) {
@@ -106,163 +98,145 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
         model.canvas.setAttribute('width', model.size[0]);
         model.canvas.setAttribute('height', model.size[1]);
       }
-    } // ImageStream size
-
+    }
 
+    // ImageStream size
     if (model.viewStream) {
       // If same size that's a NoOp
       model.viewStream.setSize(model.size[0], model.size[1]);
-    } // Offscreen ?
-
+    }
 
-    model.canvas.style.display = model.useOffScreen ? 'none' : 'block'; // Cursor type
+    // Offscreen ?
+    model.canvas.style.display = model.useOffScreen ? 'none' : 'block';
 
+    // Cursor type
     if (model.el) {
       model.el.style.cursor = model.cursorVisibility ? model.cursor : 'none';
-    } // Invalidate cached DOM container size
-
+    }
 
+    // Invalidate cached DOM container size
     model.containerSize = null;
   }
+  publicAPI.onModified(updateWindow);
 
-  publicAPI.onModified(updateWindow); // Builds myself.
-
-  publicAPI.buildPass = function (prepass) {
+  // Builds myself.
+  publicAPI.buildPass = prepass => {
     if (prepass) {
       if (!model.renderable) {
         return;
       }
-
       publicAPI.prepareNodes();
       publicAPI.addMissingNodes(model.renderable.getRenderersByReference());
       publicAPI.removeUnusedNodes();
       publicAPI.initialize();
-      model.children.forEach(function (child) {
+      model.children.forEach(child => {
         child.setOpenGLRenderWindow(publicAPI);
       });
     }
   };
-
-  publicAPI.initialize = function () {
+  publicAPI.initialize = () => {
     if (!model.initialized) {
       model.context = publicAPI.get3DContext();
       model.textureUnitManager = vtkTextureUnitManager.newInstance();
       model.textureUnitManager.setContext(model.context);
-      model.shaderCache.setContext(model.context); // initialize blending for transparency
-
-      var gl = model.context;
+      model.shaderCache.setContext(model.context);
+      // initialize blending for transparency
+      const gl = model.context;
       gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
       gl.depthFunc(gl.LEQUAL);
       gl.enable(gl.BLEND);
       model.initialized = true;
     }
   };
-
-  publicAPI.makeCurrent = function () {
+  publicAPI.makeCurrent = () => {
     model.context.makeCurrent();
   };
-
-  publicAPI.setContainer = function (el) {
+  publicAPI.setContainer = el => {
     if (model.el && model.el !== el) {
       if (model.canvas.parentNode !== model.el) {
         vtkErrorMacro('Error: canvas parent node does not match container');
-      } // Remove canvas from previous container
+      }
 
+      // Remove canvas from previous container
+      model.el.removeChild(model.canvas);
 
-      model.el.removeChild(model.canvas); // If the renderer has previously added
+      // If the renderer has previously added
       // a background image, remove it from the DOM.
-
       if (model.el.contains(model.bgImage)) {
         model.el.removeChild(model.bgImage);
       }
     }
-
     if (model.el !== el) {
       model.el = el;
-
       if (model.el) {
-        model.el.appendChild(model.canvas); // If the renderer is set to use a background
-        // image, attach it to the DOM.
+        model.el.appendChild(model.canvas);
 
+        // If the renderer is set to use a background
+        // image, attach it to the DOM.
         if (model.useBackgroundImage) {
           model.el.appendChild(model.bgImage);
         }
-      } // Trigger modified()
-
+      }
 
+      // Trigger modified()
       publicAPI.modified();
     }
   };
-
-  publicAPI.getContainer = function () {
-    return model.el;
-  };
-
-  publicAPI.getContainerSize = function () {
+  publicAPI.getContainer = () => model.el;
+  publicAPI.getContainerSize = () => {
     if (!model.containerSize && model.el) {
-      var _model$el$getBounding = model.el.getBoundingClientRect(),
-          width = _model$el$getBounding.width,
-          height = _model$el$getBounding.height;
-
+      const {
+        width,
+        height
+      } = model.el.getBoundingClientRect();
       model.containerSize = [width, height];
     }
-
     return model.containerSize || model.size;
   };
-
-  publicAPI.getFramebufferSize = function () {
+  publicAPI.getFramebufferSize = () => {
     if (model.activeFramebuffer) {
       return model.activeFramebuffer.getSize();
     }
-
     return model.size;
   };
-
-  publicAPI.getPixelData = function (x1, y1, x2, y2) {
-    var pixels = new Uint8Array((x2 - x1 + 1) * (y2 - y1 + 1) * 4);
+  publicAPI.getPixelData = (x1, y1, x2, y2) => {
+    const pixels = new Uint8Array((x2 - x1 + 1) * (y2 - y1 + 1) * 4);
     model.context.readPixels(x1, y1, x2 - x1 + 1, y2 - y1 + 1, model.context.RGBA, model.context.UNSIGNED_BYTE, pixels);
     return pixels;
   };
-
   publicAPI.get3DContext = function () {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
       preserveDrawingBuffer: false,
       depth: true,
       alpha: true,
       powerPreference: 'high-performance'
     };
-    var result = null;
-    var webgl2Supported = typeof WebGL2RenderingContext !== 'undefined';
+    let result = null;
+    const webgl2Supported = typeof WebGL2RenderingContext !== 'undefined';
     model.webgl2 = false;
-
     if (model.defaultToWebgl2 && webgl2Supported) {
       result = model.canvas.getContext('webgl2', options);
-
       if (result) {
         model.webgl2 = true;
         vtkDebugMacro('using webgl2');
       }
     }
-
     if (!result) {
       vtkDebugMacro('using webgl1');
       result = model.canvas.getContext('webgl', options) || model.canvas.getContext('experimental-webgl', options);
     }
-
     return new Proxy(result, cachingContextHandler);
-  }; // Request an XR session on the user device with WebXR,
-  // typically in response to a user request such as a button press
-
+  };
 
-  publicAPI.startXR = function (xrSessionType) {
+  // Request an XR session on the user device with WebXR,
+  // typically in response to a user request such as a button press
+  publicAPI.startXR = xrSessionType => {
     if (navigator.xr === undefined) {
       throw new Error('WebXR is not available');
     }
-
     model.xrSessionType = xrSessionType !== undefined ? xrSessionType : XrSessionTypes.HmdVR;
-    var isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
-    var sessionType = isXrSessionAR ? 'immersive-ar' : 'immersive-vr';
-
+    const isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
+    const sessionType = isXrSessionAR ? 'immersive-ar' : 'immersive-vr';
     if (!navigator.xr.isSessionSupported(sessionType)) {
       if (isXrSessionAR) {
         throw new Error('Device does not support AR session');
@@ -270,659 +244,520 @@ function vtkOpenGLRenderWindow(publicAPI, model) {
         throw new Error('VR display is not available');
       }
     }
-
     if (model.xrSession === null) {
-      navigator.xr.requestSession(sessionType).then(publicAPI.enterXR, function () {
+      navigator.xr.requestSession(sessionType).then(publicAPI.enterXR, () => {
         throw new Error('Failed to create XR session!');
       });
     } else {
       throw new Error('XR Session already exists!');
     }
-  }; // When an XR session is available, set up the XRWebGLLayer
-  // and request the first animation frame for the device
-
-
-  publicAPI.enterXR = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(xrSession) {
-      var gl, glLayer, isXrSessionAR, ren;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              model.xrSession = xrSession;
-              model.oldCanvasSize = model.size.slice();
-
-              if (!(model.xrSession !== null)) {
-                _context.next = 17;
-                break;
-              }
-
-              gl = publicAPI.get3DContext();
-              _context.next = 6;
-              return gl.makeXRCompatible();
-
-            case 6:
-              glLayer = new global.XRWebGLLayer(model.xrSession, // constructor needs unproxied context
-              gl[GET_UNDERLYING_CONTEXT]());
-              publicAPI.setSize(glLayer.framebufferWidth, glLayer.framebufferHeight);
-              model.xrSession.updateRenderState({
-                baseLayer: glLayer
-              });
-              model.xrSession.requestReferenceSpace('local').then(function (refSpace) {
-                model.xrReferenceSpace = refSpace;
-              }); // Initialize transparent background for augmented reality session
-
-              isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
-
-              if (isXrSessionAR) {
-                ren = model.renderable.getRenderers()[0];
-                model.preXrSessionBackground = ren.getBackground();
-                ren.setBackground([0, 0, 0, 0]);
-              }
-
-              publicAPI.resetXRScene();
-              model.renderable.getInteractor().switchToXRAnimation();
-              model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
-              _context.next = 18;
-              break;
-
-            case 17:
-              throw new Error('Failed to enter XR with a null xrSession.');
-
-            case 18:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
+  };
 
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  // When an XR session is available, set up the XRWebGLLayer
+  // and request the first animation frame for the device
+  publicAPI.enterXR = async xrSession => {
+    model.xrSession = xrSession;
+    model.oldCanvasSize = model.size.slice();
+    if (model.xrSession !== null) {
+      const gl = publicAPI.get3DContext();
+      await gl.makeXRCompatible();
+      const glLayer = new global.XRWebGLLayer(model.xrSession,
+      // constructor needs unproxied context
+      gl[GET_UNDERLYING_CONTEXT]());
+      publicAPI.setSize(glLayer.framebufferWidth, glLayer.framebufferHeight);
+      model.xrSession.updateRenderState({
+        baseLayer: glLayer
+      });
+      model.xrSession.requestReferenceSpace('local').then(refSpace => {
+        model.xrReferenceSpace = refSpace;
+      });
 
+      // Initialize transparent background for augmented reality session
+      const isXrSessionAR = [XrSessionTypes.HmdAR, XrSessionTypes.MobileAR].includes(model.xrSessionType);
+      if (isXrSessionAR) {
+        const ren = model.renderable.getRenderers()[0];
+        model.preXrSessionBackground = ren.getBackground();
+        ren.setBackground([0, 0, 0, 0]);
+      }
+      publicAPI.resetXRScene();
+      model.renderable.getInteractor().switchToXRAnimation();
+      model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
+    } else {
+      throw new Error('Failed to enter XR with a null xrSession.');
+    }
+  };
   publicAPI.resetXRScene = function () {
-    var rescaleFactor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_RESET_FACTORS.rescaleFactor;
-    var translateZ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RESET_FACTORS.translateZ;
+    let rescaleFactor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_RESET_FACTORS.rescaleFactor;
+    let translateZ = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RESET_FACTORS.translateZ;
     // Adjust world-to-physical parameters for different modalities
-    var ren = model.renderable.getRenderers()[0];
+
+    const ren = model.renderable.getRenderers()[0];
     ren.resetCamera();
-    var camera = ren.getActiveCamera();
-    var physicalScale = camera.getPhysicalScale();
-    var physicalTranslation = camera.getPhysicalTranslation();
-    var rescaledTranslateZ = translateZ * physicalScale;
+    const camera = ren.getActiveCamera();
+    let physicalScale = camera.getPhysicalScale();
+    const physicalTranslation = camera.getPhysicalTranslation();
+    const rescaledTranslateZ = translateZ * physicalScale;
     physicalScale /= rescaleFactor;
     physicalTranslation[2] += rescaledTranslateZ;
     camera.setPhysicalScale(physicalScale);
-    camera.setPhysicalTranslation(physicalTranslation); // Clip at 0.1m, 100.0m in physical space by default
-
+    camera.setPhysicalTranslation(physicalTranslation);
+    // Clip at 0.1m, 100.0m in physical space by default
     camera.setClippingRange(0.1 * physicalScale, 100.0 * physicalScale);
   };
-
-  publicAPI.stopXR = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var gl, ren;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!(navigator.xr === undefined)) {
-              _context2.next = 2;
-              break;
-            }
-
-            return _context2.abrupt("return");
-
-          case 2:
-            if (!(model.xrSession !== null)) {
-              _context2.next = 10;
-              break;
-            }
-
-            model.xrSession.cancelAnimationFrame(model.xrSceneFrame);
-            model.renderable.getInteractor().returnFromXRAnimation();
-            gl = publicAPI.get3DContext();
-            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-            _context2.next = 9;
-            return model.xrSession.end().catch(function (error) {
-              if (!(error instanceof DOMException)) {
-                throw error;
-              }
-            });
-
-          case 9:
-            model.xrSession = null;
-
-          case 10:
-            if (model.oldCanvasSize !== undefined) {
-              publicAPI.setSize.apply(publicAPI, _toConsumableArray(model.oldCanvasSize));
-            } // Reset to default canvas
-
-
-            ren = model.renderable.getRenderers()[0];
-
-            if (model.preXrSessionBackground != null) {
-              ren.setBackground(model.preXrSessionBackground);
-              model.preXrSessionBackground = null;
-            }
-
-            ren.getActiveCamera().setProjectionMatrix(null);
-            ren.resetCamera();
-            ren.setViewport(0.0, 0, 1.0, 1.0);
-            publicAPI.traverseAllPasses();
-
-          case 17:
-          case "end":
-            return _context2.stop();
+  publicAPI.stopXR = async () => {
+    if (navigator.xr === undefined) {
+      // WebXR polyfill not available so nothing to do
+      return;
+    }
+    if (model.xrSession !== null) {
+      model.xrSession.cancelAnimationFrame(model.xrSceneFrame);
+      model.renderable.getInteractor().returnFromXRAnimation();
+      const gl = publicAPI.get3DContext();
+      gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+      await model.xrSession.end().catch(error => {
+        if (!(error instanceof DOMException)) {
+          throw error;
         }
+      });
+      model.xrSession = null;
+    }
+    if (model.oldCanvasSize !== undefined) {
+      publicAPI.setSize(...model.oldCanvasSize);
+    }
+
+    // Reset to default canvas
+    const ren = model.renderable.getRenderers()[0];
+    if (model.preXrSessionBackground != null) {
+      ren.setBackground(model.preXrSessionBackground);
+      model.preXrSessionBackground = null;
+    }
+    ren.getActiveCamera().setProjectionMatrix(null);
+    ren.resetCamera();
+    ren.setViewport(0.0, 0, 1.0, 1.0);
+    publicAPI.traverseAllPasses();
+  };
+  publicAPI.xrRender = async (t, frame) => {
+    const xrSession = frame.session;
+    const isXrSessionHMD = [XrSessionTypes.HmdVR, XrSessionTypes.HmdAR].includes(model.xrSessionType);
+    model.renderable.getInteractor().updateXRGamepads(xrSession, frame, model.xrReferenceSpace);
+    model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
+    const xrPose = frame.getViewerPose(model.xrReferenceSpace);
+    if (xrPose) {
+      const gl = publicAPI.get3DContext();
+      if (model.xrSessionType === XrSessionTypes.MobileAR && model.oldCanvasSize !== undefined) {
+        gl.canvas.width = model.oldCanvasSize[0];
+        gl.canvas.height = model.oldCanvasSize[1];
       }
-    }, _callee2);
-  }));
-
-  publicAPI.xrRender = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(t, frame) {
-      var xrSession, isXrSessionHMD, xrPose, gl, glLayer, ren;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              xrSession = frame.session;
-              isXrSessionHMD = [XrSessionTypes.HmdVR, XrSessionTypes.HmdAR].includes(model.xrSessionType);
-              model.renderable.getInteractor().updateXRGamepads(xrSession, frame, model.xrReferenceSpace);
-              model.xrSceneFrame = model.xrSession.requestAnimationFrame(publicAPI.xrRender);
-              xrPose = frame.getViewerPose(model.xrReferenceSpace);
-
-              if (xrPose) {
-                gl = publicAPI.get3DContext();
-
-                if (model.xrSessionType === XrSessionTypes.MobileAR && model.oldCanvasSize !== undefined) {
-                  gl.canvas.width = model.oldCanvasSize[0];
-                  gl.canvas.height = model.oldCanvasSize[1];
-                }
-
-                glLayer = xrSession.renderState.baseLayer;
-                gl.bindFramebuffer(gl.FRAMEBUFFER, glLayer.framebuffer);
-                gl.clear(gl.COLOR_BUFFER_BIT);
-                gl.clear(gl.DEPTH_BUFFER_BIT);
-                publicAPI.setSize(glLayer.framebufferWidth, glLayer.framebufferHeight); // get the first renderer
-
-                ren = model.renderable.getRenderers()[0]; // Do a render pass for each eye
-
-                xrPose.views.forEach(function (view, index) {
-                  var viewport = glLayer.getViewport(view);
-
-                  if (isXrSessionHMD) {
-                    if (view.eye === 'left') {
-                      ren.setViewport(0, 0, 0.5, 1.0);
-                    } else if (view.eye === 'right') {
-                      ren.setViewport(0.5, 0, 1.0, 1.0);
-                    } else {
-                      // No handling for non-eye viewport
-                      return;
-                    }
-                  } else if (model.xrSessionType === XrSessionTypes.LookingGlassVR) {
-                    var startX = viewport.x / glLayer.framebufferWidth;
-                    var startY = viewport.y / glLayer.framebufferHeight;
-                    var endX = (viewport.x + viewport.width) / glLayer.framebufferWidth;
-                    var endY = (viewport.y + viewport.height) / glLayer.framebufferHeight;
-                    ren.setViewport(startX, startY, endX, endY);
-                  } else {
-                    ren.setViewport(0, 0, 1, 1);
-                  }
-
-                  ren.getActiveCamera().computeViewParametersFromPhysicalMatrix(view.transform.inverse.matrix);
-                  ren.getActiveCamera().setProjectionMatrix(view.projectionMatrix);
-                  publicAPI.traverseAllPasses();
-                }); // Reset scissorbox before any subsequent rendering to external displays
-                // on frame end, such as rendering to a Looking Glass display.
-
-                gl.scissor(0, 0, glLayer.framebufferWidth, glLayer.framebufferHeight);
-                gl.disable(gl.SCISSOR_TEST);
-              }
-
-            case 6:
-            case "end":
-              return _context3.stop();
+      const glLayer = xrSession.renderState.baseLayer;
+      gl.bindFramebuffer(gl.FRAMEBUFFER, glLayer.framebuffer);
+      gl.clear(gl.COLOR_BUFFER_BIT);
+      gl.clear(gl.DEPTH_BUFFER_BIT);
+      publicAPI.setSize(glLayer.framebufferWidth, glLayer.framebufferHeight);
+
+      // get the first renderer
+      const ren = model.renderable.getRenderers()[0];
+
+      // Do a render pass for each eye
+      xrPose.views.forEach((view, index) => {
+        const viewport = glLayer.getViewport(view);
+        if (isXrSessionHMD) {
+          if (view.eye === 'left') {
+            ren.setViewport(0, 0, 0.5, 1.0);
+          } else if (view.eye === 'right') {
+            ren.setViewport(0.5, 0, 1.0, 1.0);
+          } else {
+            // No handling for non-eye viewport
+            return;
           }
+        } else if (model.xrSessionType === XrSessionTypes.LookingGlassVR) {
+          const startX = viewport.x / glLayer.framebufferWidth;
+          const startY = viewport.y / glLayer.framebufferHeight;
+          const endX = (viewport.x + viewport.width) / glLayer.framebufferWidth;
+          const endY = (viewport.y + viewport.height) / glLayer.framebufferHeight;
+          ren.setViewport(startX, startY, endX, endY);
+        } else {
+          ren.setViewport(0, 0, 1, 1);
         }
-      }, _callee3);
-    }));
-
-    return function (_x2, _x3) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
+        ren.getActiveCamera().computeViewParametersFromPhysicalMatrix(view.transform.inverse.matrix);
+        ren.getActiveCamera().setProjectionMatrix(view.projectionMatrix);
+        publicAPI.traverseAllPasses();
+      });
 
-  publicAPI.restoreContext = function () {
-    var rp = vtkRenderPass.newInstance();
+      // Reset scissorbox before any subsequent rendering to external displays
+      // on frame end, such as rendering to a Looking Glass display.
+      gl.scissor(0, 0, glLayer.framebufferWidth, glLayer.framebufferHeight);
+      gl.disable(gl.SCISSOR_TEST);
+    }
+  };
+  publicAPI.restoreContext = () => {
+    const rp = vtkRenderPass.newInstance();
     rp.setCurrentOperation('Release');
     rp.traverse(publicAPI, null);
   };
-
-  publicAPI.activateTexture = function (texture) {
+  publicAPI.activateTexture = texture => {
     // Only add if it isn't already there
-    var result = model._textureResourceIds.get(texture);
-
+    const result = model._textureResourceIds.get(texture);
     if (result !== undefined) {
       model.context.activeTexture(model.context.TEXTURE0 + result);
       return;
     }
-
-    var activeUnit = publicAPI.getTextureUnitManager().allocate();
-
+    const activeUnit = publicAPI.getTextureUnitManager().allocate();
     if (activeUnit < 0) {
       vtkErrorMacro('Hardware does not support the number of textures defined.');
       return;
     }
-
     model._textureResourceIds.set(texture, activeUnit);
-
     model.context.activeTexture(model.context.TEXTURE0 + activeUnit);
   };
-
-  publicAPI.deactivateTexture = function (texture) {
+  publicAPI.deactivateTexture = texture => {
     // Only deactivate if it isn't already there
-    var result = model._textureResourceIds.get(texture);
-
+    const result = model._textureResourceIds.get(texture);
     if (result !== undefined) {
       publicAPI.getTextureUnitManager().free(result);
-
       model._textureResourceIds.delete(texture);
     }
   };
-
-  publicAPI.getTextureUnitForTexture = function (texture) {
-    var result = model._textureResourceIds.get(texture);
-
+  publicAPI.getTextureUnitForTexture = texture => {
+    const result = model._textureResourceIds.get(texture);
     if (result !== undefined) {
       return result;
     }
-
     return -1;
   };
-
   publicAPI.getDefaultTextureInternalFormat = function (vtktype, numComps) {
-    var oglNorm16Ext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var useHalfFloat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
+    let oglNorm16Ext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let useHalfFloat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     if (model.webgl2) {
       switch (vtktype) {
         case VtkDataTypes.UNSIGNED_CHAR:
           switch (numComps) {
             case 1:
               return model.context.R8;
-
             case 2:
               return model.context.RG8;
-
             case 3:
               return model.context.RGB8;
-
             case 4:
             default:
               return model.context.RGBA8;
           }
-
         case oglNorm16Ext && !useHalfFloat && VtkDataTypes.UNSIGNED_SHORT:
           switch (numComps) {
             case 1:
               return oglNorm16Ext.R16_EXT;
-
             case 2:
               return oglNorm16Ext.RG16_EXT;
-
             case 3:
               return oglNorm16Ext.RGB16_EXT;
-
             case 4:
             default:
               return oglNorm16Ext.RGBA16_EXT;
           }
-
         // prioritize norm16 over float
-
         case oglNorm16Ext && !useHalfFloat && VtkDataTypes.SHORT:
           switch (numComps) {
             case 1:
               return oglNorm16Ext.R16_SNORM_EXT;
-
             case 2:
               return oglNorm16Ext.RG16_SNORM_EXT;
-
             case 3:
               return oglNorm16Ext.RGB16_SNORM_EXT;
-
             case 4:
             default:
               return oglNorm16Ext.RGBA16_SNORM_EXT;
           }
-
         case VtkDataTypes.FLOAT:
         default:
           switch (numComps) {
             case 1:
               return model.context.R16F;
-
             case 2:
               return model.context.RG16F;
-
             case 3:
               return model.context.RGB16F;
-
             case 4:
             default:
               return model.context.RGBA16F;
           }
-
       }
-    } // webgl1 only supports four types
-
+    }
 
+    // webgl1 only supports four types
     switch (numComps) {
       case 1:
         return model.context.LUMINANCE;
-
       case 2:
         return model.context.LUMINANCE_ALPHA;
-
       case 3:
         return model.context.RGB;
-
       case 4:
       default:
         return model.context.RGBA;
     }
   };
-
-  publicAPI.setBackgroundImage = function (img) {
+  publicAPI.setBackgroundImage = img => {
     model.bgImage.src = img.src;
   };
+  publicAPI.setUseBackgroundImage = value => {
+    model.useBackgroundImage = value;
 
-  publicAPI.setUseBackgroundImage = function (value) {
-    model.useBackgroundImage = value; // Add or remove the background image from the
+    // Add or remove the background image from the
     // DOM as specified.
-
     if (model.useBackgroundImage && !model.el.contains(model.bgImage)) {
       model.el.appendChild(model.bgImage);
     } else if (!model.useBackgroundImage && model.el.contains(model.bgImage)) {
       model.el.removeChild(model.bgImage);
     }
   };
-
   function getCanvasDataURL() {
-    var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.imageFormat;
+    let format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : model.imageFormat;
     // Copy current canvas to not modify the original
-    var temporaryCanvas = document.createElement('canvas');
-    var temporaryContext = temporaryCanvas.getContext('2d');
+    const temporaryCanvas = document.createElement('canvas');
+    const temporaryContext = temporaryCanvas.getContext('2d');
     temporaryCanvas.width = model.canvas.width;
     temporaryCanvas.height = model.canvas.height;
-    temporaryContext.drawImage(model.canvas, 0, 0); // Get current client rect to place canvas
-
-    var mainBoundingClientRect = model.canvas.getBoundingClientRect();
-    var renderWindow = model.renderable;
-    var renderers = renderWindow.getRenderers();
-    renderers.forEach(function (renderer) {
-      var viewProps = renderer.getViewProps();
-      viewProps.forEach(function (viewProp) {
+    temporaryContext.drawImage(model.canvas, 0, 0);
+
+    // Get current client rect to place canvas
+    const mainBoundingClientRect = model.canvas.getBoundingClientRect();
+    const renderWindow = model.renderable;
+    const renderers = renderWindow.getRenderers();
+    renderers.forEach(renderer => {
+      const viewProps = renderer.getViewProps();
+      viewProps.forEach(viewProp => {
         // Check if the prop has a container that should have canvas
         if (viewProp.getContainer) {
-          var container = viewProp.getContainer();
-          var canvasList = container.getElementsByTagName('canvas'); // Go throughout all canvas and copy it into temporary main canvas
-
-          for (var i = 0; i < canvasList.length; i++) {
-            var currentCanvas = canvasList[i];
-            var boundingClientRect = currentCanvas.getBoundingClientRect();
-            var newXPosition = boundingClientRect.x - mainBoundingClientRect.x;
-            var newYPosition = boundingClientRect.y - mainBoundingClientRect.y;
+          const container = viewProp.getContainer();
+          const canvasList = container.getElementsByTagName('canvas');
+          // Go throughout all canvas and copy it into temporary main canvas
+          for (let i = 0; i < canvasList.length; i++) {
+            const currentCanvas = canvasList[i];
+            const boundingClientRect = currentCanvas.getBoundingClientRect();
+            const newXPosition = boundingClientRect.x - mainBoundingClientRect.x;
+            const newYPosition = boundingClientRect.y - mainBoundingClientRect.y;
             temporaryContext.drawImage(currentCanvas, newXPosition, newYPosition);
           }
         }
       });
     });
-    var screenshot = temporaryCanvas.toDataURL(format);
+    const screenshot = temporaryCanvas.toDataURL(format);
     temporaryCanvas.remove();
     publicAPI.invokeImageReady(screenshot);
   }
-
   publicAPI.captureNextImage = function () {
-    var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image/png';
-
-    var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref4$resetCamera = _ref4.resetCamera,
-        resetCamera = _ref4$resetCamera === void 0 ? false : _ref4$resetCamera,
-        _ref4$size = _ref4.size,
-        size = _ref4$size === void 0 ? null : _ref4$size,
-        _ref4$scale = _ref4.scale,
-        scale = _ref4$scale === void 0 ? 1 : _ref4$scale;
-
+    let format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image/png';
+    let {
+      resetCamera = false,
+      size = null,
+      scale = 1
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (model.deleted) {
       return null;
     }
-
     model.imageFormat = format;
-    var previous = model.notifyStartCaptureImage;
+    const previous = model.notifyStartCaptureImage;
     model.notifyStartCaptureImage = true;
     model._screenshot = {
-      size: !!size || scale !== 1 ? size || model.size.map(function (val) {
-        return val * scale;
-      }) : null
+      size: !!size || scale !== 1 ? size || model.size.map(val => val * scale) : null
     };
-    return new Promise(function (resolve, reject) {
-      var subscription = publicAPI.onImageReady(function (imageURL) {
+    return new Promise((resolve, reject) => {
+      const subscription = publicAPI.onImageReady(imageURL => {
         if (model._screenshot.size === null) {
           model.notifyStartCaptureImage = previous;
           subscription.unsubscribe();
-
           if (model._screenshot.placeHolder) {
             // resize the main canvas back to its original size and show it
-            model.size = model._screenshot.originalSize; // process the resize
+            model.size = model._screenshot.originalSize;
 
-            publicAPI.modified(); // restore the saved camera parameters, if applicable
+            // process the resize
+            publicAPI.modified();
 
+            // restore the saved camera parameters, if applicable
             if (model._screenshot.cameras) {
-              model._screenshot.cameras.forEach(function (_ref5) {
-                var restoreParamsFn = _ref5.restoreParamsFn,
-                    arg = _ref5.arg;
+              model._screenshot.cameras.forEach(_ref => {
+                let {
+                  restoreParamsFn,
+                  arg
+                } = _ref;
                 return restoreParamsFn(arg);
               });
-            } // Trigger a render at the original size
-
+            }
 
-            publicAPI.traverseAllPasses(); // Remove and clean up the placeholder, revealing the original
+            // Trigger a render at the original size
+            publicAPI.traverseAllPasses();
 
+            // Remove and clean up the placeholder, revealing the original
             model.el.removeChild(model._screenshot.placeHolder);
-
             model._screenshot.placeHolder.remove();
-
             model._screenshot = null;
           }
-
           resolve(imageURL);
         } else {
           // Create a placeholder image overlay while we resize and render
-          var tmpImg = document.createElement('img');
+          const tmpImg = document.createElement('img');
           tmpImg.style = SCREENSHOT_PLACEHOLDER;
           tmpImg.src = imageURL;
-          model._screenshot.placeHolder = model.el.appendChild(tmpImg); // hide the main canvas
+          model._screenshot.placeHolder = model.el.appendChild(tmpImg);
 
-          model.canvas.style.display = 'none'; // remember the main canvas original size, then resize it
+          // hide the main canvas
+          model.canvas.style.display = 'none';
 
+          // remember the main canvas original size, then resize it
           model._screenshot.originalSize = model.size;
           model.size = model._screenshot.size;
-          model._screenshot.size = null; // process the resize
+          model._screenshot.size = null;
 
+          // process the resize
           publicAPI.modified();
-
           if (resetCamera) {
-            var isUserResetCamera = resetCamera !== true; // If resetCamera was requested, we first save camera parameters
-            // from all the renderers, so we can restore them later
+            const isUserResetCamera = resetCamera !== true;
 
-            model._screenshot.cameras = model.renderable.getRenderers().map(function (renderer) {
-              var camera = renderer.getActiveCamera();
-              var params = camera.get('focalPoint', 'position', 'parallelScale');
+            // If resetCamera was requested, we first save camera parameters
+            // from all the renderers, so we can restore them later
+            model._screenshot.cameras = model.renderable.getRenderers().map(renderer => {
+              const camera = renderer.getActiveCamera();
+              const params = camera.get('focalPoint', 'position', 'parallelScale');
               return {
                 resetCameraArgs: isUserResetCamera ? {
-                  renderer: renderer
+                  renderer
                 } : undefined,
                 resetCameraFn: isUserResetCamera ? resetCamera : renderer.resetCamera,
                 restoreParamsFn: camera.set,
                 // "clone" the params so we don't keep refs to properties
                 arg: JSON.parse(JSON.stringify(params))
               };
-            }); // Perform the resetCamera() on each renderer only after capturing
+            });
+
+            // Perform the resetCamera() on each renderer only after capturing
             // the params from all active cameras, in case there happen to be
             // linked cameras among the renderers.
-
-            model._screenshot.cameras.forEach(function (_ref6) {
-              var resetCameraFn = _ref6.resetCameraFn,
-                  resetCameraArgs = _ref6.resetCameraArgs;
+            model._screenshot.cameras.forEach(_ref2 => {
+              let {
+                resetCameraFn,
+                resetCameraArgs
+              } = _ref2;
               return resetCameraFn(resetCameraArgs);
             });
-          } // Trigger a render at the custom size
-
+          }
 
+          // Trigger a render at the custom size
           publicAPI.traverseAllPasses();
         }
       });
     });
   };
-
-  var hardwareMaximumLineWidth;
-
-  publicAPI.getHardwareMaximumLineWidth = function () {
+  let hardwareMaximumLineWidth;
+  publicAPI.getHardwareMaximumLineWidth = () => {
     // We cache the result of this function because `getParameter` is slow
     if (hardwareMaximumLineWidth != null) {
       return hardwareMaximumLineWidth;
     }
-
-    var gl = publicAPI.get3DContext();
-    var lineWidthRange = gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE);
+    const gl = publicAPI.get3DContext();
+    const lineWidthRange = gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE);
     hardwareMaximumLineWidth = lineWidthRange[1];
     return lineWidthRange[1];
   };
-
-  publicAPI.getGLInformations = function () {
-    var gl = publicAPI.get3DContext();
-    var glTextureFloat = gl.getExtension('OES_texture_float');
-    var glTextureHalfFloat = gl.getExtension('OES_texture_half_float');
-    var glDebugRendererInfo = gl.getExtension('WEBGL_debug_renderer_info');
-    var glDrawBuffers = gl.getExtension('WEBGL_draw_buffers');
-    var glAnisotropic = gl.getExtension('EXT_texture_filter_anisotropic') || gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic');
-    var params = [['Max Vertex Attributes', 'MAX_VERTEX_ATTRIBS', gl.getParameter(gl.MAX_VERTEX_ATTRIBS)], ['Max Varying Vectors', 'MAX_VARYING_VECTORS', gl.getParameter(gl.MAX_VARYING_VECTORS)], ['Max Vertex Uniform Vectors', 'MAX_VERTEX_UNIFORM_VECTORS', gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS)], ['Max Fragment Uniform Vectors', 'MAX_FRAGMENT_UNIFORM_VECTORS', gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS)], ['Max Fragment Texture Image Units', 'MAX_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)], ['Max Vertex Texture Image Units', 'MAX_VERTEX_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)], ['Max Combined Texture Image Units', 'MAX_COMBINED_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS)], ['Max 2D Texture Size', 'MAX_TEXTURE_SIZE', gl.getParameter(gl.MAX_TEXTURE_SIZE)], ['Max Cube Texture Size', 'MAX_CUBE_MAP_TEXTURE_SIZE', gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE)], ['Max Texture Anisotropy', 'MAX_TEXTURE_MAX_ANISOTROPY_EXT', glAnisotropic && gl.getParameter(glAnisotropic.MAX_TEXTURE_MAX_ANISOTROPY_EXT)], ['Point Size Range', 'ALIASED_POINT_SIZE_RANGE', gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE).join(' - ')], ['Line Width Range', 'ALIASED_LINE_WIDTH_RANGE', gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE).join(' - ')], ['Max Viewport Dimensions', 'MAX_VIEWPORT_DIMS', gl.getParameter(gl.MAX_VIEWPORT_DIMS).join(' - ')], ['Max Renderbuffer Size', 'MAX_RENDERBUFFER_SIZE', gl.getParameter(gl.MAX_RENDERBUFFER_SIZE)], ['Framebuffer Red Bits', 'RED_BITS', gl.getParameter(gl.RED_BITS)], ['Framebuffer Green Bits', 'GREEN_BITS', gl.getParameter(gl.GREEN_BITS)], ['Framebuffer Blue Bits', 'BLUE_BITS', gl.getParameter(gl.BLUE_BITS)], ['Framebuffer Alpha Bits', 'ALPHA_BITS', gl.getParameter(gl.ALPHA_BITS)], ['Framebuffer Depth Bits', 'DEPTH_BITS', gl.getParameter(gl.DEPTH_BITS)], ['Framebuffer Stencil Bits', 'STENCIL_BITS', gl.getParameter(gl.STENCIL_BITS)], ['Framebuffer Subpixel Bits', 'SUBPIXEL_BITS', gl.getParameter(gl.SUBPIXEL_BITS)], ['MSAA Samples', 'SAMPLES', gl.getParameter(gl.SAMPLES)], ['MSAA Sample Buffers', 'SAMPLE_BUFFERS', gl.getParameter(gl.SAMPLE_BUFFERS)], ['Supported Formats for UByte Render Targets     ', 'UNSIGNED_BYTE RENDER TARGET FORMATS', [glTextureFloat && checkRenderTargetSupport(gl, gl.RGBA, gl.UNSIGNED_BYTE) ? 'RGBA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.RGB, gl.UNSIGNED_BYTE) ? 'RGB' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, gl.UNSIGNED_BYTE) ? 'LUMINANCE' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.ALPHA, gl.UNSIGNED_BYTE) ? 'ALPHA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, gl.UNSIGNED_BYTE) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Supported Formats for Half Float Render Targets', 'HALF FLOAT RENDER TARGET FORMATS', [glTextureHalfFloat && checkRenderTargetSupport(gl, gl.RGBA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'RGBA' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.RGB, glTextureHalfFloat.HALF_FLOAT_OES) ? 'RGB' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, glTextureHalfFloat.HALF_FLOAT_OES) ? 'LUMINANCE' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.ALPHA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'ALPHA' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Supported Formats for Full Float Render Targets', 'FLOAT RENDER TARGET FORMATS', [glTextureFloat && checkRenderTargetSupport(gl, gl.RGBA, gl.FLOAT) ? 'RGBA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.RGB, gl.FLOAT) ? 'RGB' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, gl.FLOAT) ? 'LUMINANCE' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.ALPHA, gl.FLOAT) ? 'ALPHA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, gl.FLOAT) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Max Multiple Render Targets Buffers', 'MAX_DRAW_BUFFERS_WEBGL', glDrawBuffers ? gl.getParameter(glDrawBuffers.MAX_DRAW_BUFFERS_WEBGL) : 0], ['High Float Precision in Vertex Shader', 'HIGH_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).rangeMax, '</sup>)'].join('')], ['Medium Float Precision in Vertex Shader', 'MEDIUM_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).rangeMax, '</sup>)'].join('')], ['Low Float Precision in Vertex Shader', 'LOW_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).rangeMax, '</sup>)'].join('')], ['High Float Precision in Fragment Shader', 'HIGH_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).rangeMax, '</sup>)'].join('')], ['Medium Float Precision in Fragment Shader', 'MEDIUM_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).rangeMax, '</sup>)'].join('')], ['Low Float Precision in Fragment Shader', 'LOW_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).rangeMax, '</sup>)'].join('')], ['High Int Precision in Vertex Shader', 'HIGH_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).rangeMax, '</sup>)'].join('')], ['Medium Int Precision in Vertex Shader', 'MEDIUM_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).rangeMax, '</sup>)'].join('')], ['Low Int Precision in Vertex Shader', 'LOW_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).rangeMax, '</sup>)'].join('')], ['High Int Precision in Fragment Shader', 'HIGH_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).rangeMax, '</sup>)'].join('')], ['Medium Int Precision in Fragment Shader', 'MEDIUM_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).rangeMax, '</sup>)'].join('')], ['Low Int Precision in Fragment Shader', 'LOW_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).rangeMax, '</sup>)'].join('')], ['Supported Extensions', 'EXTENSIONS', gl.getSupportedExtensions().join('<br/>\t\t\t\t\t    ')], ['WebGL Renderer', 'RENDERER', gl.getParameter(gl.RENDERER)], ['WebGL Vendor', 'VENDOR', gl.getParameter(gl.VENDOR)], ['WebGL Version', 'VERSION', gl.getParameter(gl.VERSION)], ['Shading Language Version', 'SHADING_LANGUAGE_VERSION', gl.getParameter(gl.SHADING_LANGUAGE_VERSION)], ['Unmasked Renderer', 'UNMASKED_RENDERER', glDebugRendererInfo && gl.getParameter(glDebugRendererInfo.UNMASKED_RENDERER_WEBGL)], ['Unmasked Vendor', 'UNMASKED_VENDOR', glDebugRendererInfo && gl.getParameter(glDebugRendererInfo.UNMASKED_VENDOR_WEBGL)], ['WebGL Version', 'WEBGL_VERSION', model.webgl2 ? 2 : 1]];
-    var result = {};
-
+  publicAPI.getGLInformations = () => {
+    const gl = publicAPI.get3DContext();
+    const glTextureFloat = gl.getExtension('OES_texture_float');
+    const glTextureHalfFloat = gl.getExtension('OES_texture_half_float');
+    const glDebugRendererInfo = gl.getExtension('WEBGL_debug_renderer_info');
+    const glDrawBuffers = gl.getExtension('WEBGL_draw_buffers');
+    const glAnisotropic = gl.getExtension('EXT_texture_filter_anisotropic') || gl.getExtension('WEBKIT_EXT_texture_filter_anisotropic');
+    const params = [['Max Vertex Attributes', 'MAX_VERTEX_ATTRIBS', gl.getParameter(gl.MAX_VERTEX_ATTRIBS)], ['Max Varying Vectors', 'MAX_VARYING_VECTORS', gl.getParameter(gl.MAX_VARYING_VECTORS)], ['Max Vertex Uniform Vectors', 'MAX_VERTEX_UNIFORM_VECTORS', gl.getParameter(gl.MAX_VERTEX_UNIFORM_VECTORS)], ['Max Fragment Uniform Vectors', 'MAX_FRAGMENT_UNIFORM_VECTORS', gl.getParameter(gl.MAX_FRAGMENT_UNIFORM_VECTORS)], ['Max Fragment Texture Image Units', 'MAX_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)], ['Max Vertex Texture Image Units', 'MAX_VERTEX_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)], ['Max Combined Texture Image Units', 'MAX_COMBINED_TEXTURE_IMAGE_UNITS', gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS)], ['Max 2D Texture Size', 'MAX_TEXTURE_SIZE', gl.getParameter(gl.MAX_TEXTURE_SIZE)], ['Max Cube Texture Size', 'MAX_CUBE_MAP_TEXTURE_SIZE', gl.getParameter(gl.MAX_CUBE_MAP_TEXTURE_SIZE)], ['Max Texture Anisotropy', 'MAX_TEXTURE_MAX_ANISOTROPY_EXT', glAnisotropic && gl.getParameter(glAnisotropic.MAX_TEXTURE_MAX_ANISOTROPY_EXT)], ['Point Size Range', 'ALIASED_POINT_SIZE_RANGE', gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE).join(' - ')], ['Line Width Range', 'ALIASED_LINE_WIDTH_RANGE', gl.getParameter(gl.ALIASED_LINE_WIDTH_RANGE).join(' - ')], ['Max Viewport Dimensions', 'MAX_VIEWPORT_DIMS', gl.getParameter(gl.MAX_VIEWPORT_DIMS).join(' - ')], ['Max Renderbuffer Size', 'MAX_RENDERBUFFER_SIZE', gl.getParameter(gl.MAX_RENDERBUFFER_SIZE)], ['Framebuffer Red Bits', 'RED_BITS', gl.getParameter(gl.RED_BITS)], ['Framebuffer Green Bits', 'GREEN_BITS', gl.getParameter(gl.GREEN_BITS)], ['Framebuffer Blue Bits', 'BLUE_BITS', gl.getParameter(gl.BLUE_BITS)], ['Framebuffer Alpha Bits', 'ALPHA_BITS', gl.getParameter(gl.ALPHA_BITS)], ['Framebuffer Depth Bits', 'DEPTH_BITS', gl.getParameter(gl.DEPTH_BITS)], ['Framebuffer Stencil Bits', 'STENCIL_BITS', gl.getParameter(gl.STENCIL_BITS)], ['Framebuffer Subpixel Bits', 'SUBPIXEL_BITS', gl.getParameter(gl.SUBPIXEL_BITS)], ['MSAA Samples', 'SAMPLES', gl.getParameter(gl.SAMPLES)], ['MSAA Sample Buffers', 'SAMPLE_BUFFERS', gl.getParameter(gl.SAMPLE_BUFFERS)], ['Supported Formats for UByte Render Targets     ', 'UNSIGNED_BYTE RENDER TARGET FORMATS', [glTextureFloat && checkRenderTargetSupport(gl, gl.RGBA, gl.UNSIGNED_BYTE) ? 'RGBA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.RGB, gl.UNSIGNED_BYTE) ? 'RGB' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, gl.UNSIGNED_BYTE) ? 'LUMINANCE' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.ALPHA, gl.UNSIGNED_BYTE) ? 'ALPHA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, gl.UNSIGNED_BYTE) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Supported Formats for Half Float Render Targets', 'HALF FLOAT RENDER TARGET FORMATS', [glTextureHalfFloat && checkRenderTargetSupport(gl, gl.RGBA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'RGBA' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.RGB, glTextureHalfFloat.HALF_FLOAT_OES) ? 'RGB' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, glTextureHalfFloat.HALF_FLOAT_OES) ? 'LUMINANCE' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.ALPHA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'ALPHA' : '', glTextureHalfFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, glTextureHalfFloat.HALF_FLOAT_OES) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Supported Formats for Full Float Render Targets', 'FLOAT RENDER TARGET FORMATS', [glTextureFloat && checkRenderTargetSupport(gl, gl.RGBA, gl.FLOAT) ? 'RGBA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.RGB, gl.FLOAT) ? 'RGB' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE, gl.FLOAT) ? 'LUMINANCE' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.ALPHA, gl.FLOAT) ? 'ALPHA' : '', glTextureFloat && checkRenderTargetSupport(gl, gl.LUMINANCE_ALPHA, gl.FLOAT) ? 'LUMINANCE_ALPHA' : ''].join(' ')], ['Max Multiple Render Targets Buffers', 'MAX_DRAW_BUFFERS_WEBGL', glDrawBuffers ? gl.getParameter(glDrawBuffers.MAX_DRAW_BUFFERS_WEBGL) : 0], ['High Float Precision in Vertex Shader', 'HIGH_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT).rangeMax, '</sup>)'].join('')], ['Medium Float Precision in Vertex Shader', 'MEDIUM_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT).rangeMax, '</sup>)'].join('')], ['Low Float Precision in Vertex Shader', 'LOW_FLOAT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_FLOAT).rangeMax, '</sup>)'].join('')], ['High Float Precision in Fragment Shader', 'HIGH_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).rangeMax, '</sup>)'].join('')], ['Medium Float Precision in Fragment Shader', 'MEDIUM_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT).rangeMax, '</sup>)'].join('')], ['Low Float Precision in Fragment Shader', 'LOW_FLOAT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_FLOAT).rangeMax, '</sup>)'].join('')], ['High Int Precision in Vertex Shader', 'HIGH_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_INT).rangeMax, '</sup>)'].join('')], ['Medium Int Precision in Vertex Shader', 'MEDIUM_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_INT).rangeMax, '</sup>)'].join('')], ['Low Int Precision in Vertex Shader', 'LOW_INT VERTEX_SHADER', [gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.LOW_INT).rangeMax, '</sup>)'].join('')], ['High Int Precision in Fragment Shader', 'HIGH_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_INT).rangeMax, '</sup>)'].join('')], ['Medium Int Precision in Fragment Shader', 'MEDIUM_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_INT).rangeMax, '</sup>)'].join('')], ['Low Int Precision in Fragment Shader', 'LOW_INT FRAGMENT_SHADER', [gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).precision, ' (-2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).rangeMin, '</sup> - 2<sup>', gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.LOW_INT).rangeMax, '</sup>)'].join('')], ['Supported Extensions', 'EXTENSIONS', gl.getSupportedExtensions().join('<br/>\t\t\t\t\t    ')], ['WebGL Renderer', 'RENDERER', gl.getParameter(gl.RENDERER)], ['WebGL Vendor', 'VENDOR', gl.getParameter(gl.VENDOR)], ['WebGL Version', 'VERSION', gl.getParameter(gl.VERSION)], ['Shading Language Version', 'SHADING_LANGUAGE_VERSION', gl.getParameter(gl.SHADING_LANGUAGE_VERSION)], ['Unmasked Renderer', 'UNMASKED_RENDERER', glDebugRendererInfo && gl.getParameter(glDebugRendererInfo.UNMASKED_RENDERER_WEBGL)], ['Unmasked Vendor', 'UNMASKED_VENDOR', glDebugRendererInfo && gl.getParameter(glDebugRendererInfo.UNMASKED_VENDOR_WEBGL)], ['WebGL Version', 'WEBGL_VERSION', model.webgl2 ? 2 : 1]];
+    const result = {};
     while (params.length) {
-      var _params$pop = params.pop(),
-          _params$pop2 = _slicedToArray(_params$pop, 3),
-          label = _params$pop2[0],
-          key = _params$pop2[1],
-          value = _params$pop2[2];
-
+      const [label, key, value] = params.pop();
       if (key) {
         result[key] = {
-          label: label,
-          value: value
+          label,
+          value
         };
       }
     }
-
     return result;
   };
-
-  publicAPI.traverseAllPasses = function () {
+  publicAPI.traverseAllPasses = () => {
     if (model.renderPasses) {
-      for (var index = 0; index < model.renderPasses.length; ++index) {
+      for (let index = 0; index < model.renderPasses.length; ++index) {
         model.renderPasses[index].traverse(publicAPI, null);
       }
     }
-
     if (model.notifyStartCaptureImage) {
       getCanvasDataURL();
     }
   };
-
-  publicAPI.disableCullFace = function () {
+  publicAPI.disableCullFace = () => {
     if (model.cullFaceEnabled) {
       model.context.disable(model.context.CULL_FACE);
       model.cullFaceEnabled = false;
     }
   };
-
-  publicAPI.enableCullFace = function () {
+  publicAPI.enableCullFace = () => {
     if (!model.cullFaceEnabled) {
       model.context.enable(model.context.CULL_FACE);
       model.cullFaceEnabled = true;
     }
   };
-
-  publicAPI.setViewStream = function (stream) {
+  publicAPI.setViewStream = stream => {
     if (model.viewStream === stream) {
       return false;
     }
-
     if (model.subscription) {
       model.subscription.unsubscribe();
       model.subscription = null;
     }
-
     model.viewStream = stream;
-
     if (model.viewStream) {
       // Force background to be transparent + render
-      var mainRenderer = model.renderable.getRenderers()[0];
-      mainRenderer.getBackgroundByReference()[3] = 0; // Enable display of the background image
+      const mainRenderer = model.renderable.getRenderers()[0];
+      mainRenderer.getBackgroundByReference()[3] = 0;
 
-      publicAPI.setUseBackgroundImage(true); // Bind to remote stream
+      // Enable display of the background image
+      publicAPI.setUseBackgroundImage(true);
 
-      model.subscription = model.viewStream.onImageReady(function (e) {
-        return publicAPI.setBackgroundImage(e.image);
-      });
+      // Bind to remote stream
+      model.subscription = model.viewStream.onImageReady(e => publicAPI.setBackgroundImage(e.image));
       model.viewStream.setSize(model.size[0], model.size[1]);
       model.viewStream.invalidateCache();
       model.viewStream.render();
       publicAPI.modified();
     }
-
     return true;
   };
-
-  publicAPI.createSelector = function () {
-    var ret = vtkHardwareSelector.newInstance();
+  publicAPI.createSelector = () => {
+    const ret = vtkHardwareSelector.newInstance();
     ret.setOpenGLRenderWindow(publicAPI);
     return ret;
   };
-
   function clearEvents() {
     model.canvas.removeEventListener('webglcontextlost', _preventDefault);
     model.canvas.removeEventListener('webglcontextrestored', publicAPI.restoreContext);
   }
+  publicAPI.delete = macro.chain(clearEvents, publicAPI.delete, publicAPI.setViewStream, deleteGLContext);
 
-  publicAPI.delete = macro.chain(clearEvents, publicAPI.delete, publicAPI.setViewStream, deleteGLContext); // Do not trigger modified for performance reasons
-
-  publicAPI.setActiveFramebuffer = function (newActiveFramebuffer) {
+  // Do not trigger modified for performance reasons
+  publicAPI.setActiveFramebuffer = newActiveFramebuffer => {
     model.activeFramebuffer = newActiveFramebuffer;
   };
-
-  var superSetSize = publicAPI.setSize;
-
-  publicAPI.setSize = function (width, height) {
-    var modified = superSetSize(width, height);
-
+  const superSetSize = publicAPI.setSize;
+  publicAPI.setSize = (width, height) => {
+    const modified = superSetSize(width, height);
     if (modified) {
       publicAPI.invokeWindowResizeEvent({
-        width: width,
-        height: height
+        width,
+        height
       });
     }
-
     return modified;
   };
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
-
-var DEFAULT_VALUES = {
+const DEFAULT_VALUES = {
   cullFaceEnabled: false,
   shaderCache: null,
   initialized: false,
@@ -945,24 +780,27 @@ var DEFAULT_VALUES = {
   imageFormat: 'image/png',
   useOffScreen: false,
   useBackgroundImage: false
-}; // ----------------------------------------------------------------------------
+};
+
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues); // Inheritance
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.assign(model, DEFAULT_VALUES, initialValues);
 
-  vtkRenderWindowViewNode.extend(publicAPI, model, initialValues); // Create internal instances
+  // Inheritance
+  vtkRenderWindowViewNode.extend(publicAPI, model, initialValues);
 
+  // Create internal instances
   model.canvas = document.createElement('canvas');
   model.canvas.style.width = '100%';
   createGLContext();
-
   if (!model.selector) {
     model.selector = vtkHardwareSelector.newInstance();
     model.selector.setOpenGLRenderWindow(publicAPI);
-  } // Create internal bgImage
-
+  }
 
+  // Create internal bgImage
   model.bgImage = new Image();
   model.bgImage.style.position = 'absolute';
   model.bgImage.style.left = '0';
@@ -973,35 +811,43 @@ function extend(publicAPI, model) {
   model._textureResourceIds = new Map();
   model.myFactory = vtkViewNodeFactory.newInstance();
   /* eslint-disable no-use-before-define */
-
   model.myFactory.registerOverride('vtkRenderWindow', newInstance);
   /* eslint-enable no-use-before-define */
 
   model.shaderCache = vtkShaderCache.newInstance();
-  model.shaderCache.setOpenGLRenderWindow(publicAPI); // setup default forward pass rendering
+  model.shaderCache.setOpenGLRenderWindow(publicAPI);
 
+  // setup default forward pass rendering
   model.renderPasses[0] = vtkForwardPass.newInstance();
-  macro.event(publicAPI, model, 'imageReady'); // Build VTK API
+  macro.event(publicAPI, model, 'imageReady');
 
+  // Build VTK API
   macro.get(publicAPI, model, ['shaderCache', 'textureUnitManager', 'webgl2', 'vrDisplay', 'useBackgroundImage', 'xrSupported', 'activeFramebuffer']);
   macro.setGet(publicAPI, model, ['initialized', 'context', 'canvas', 'renderPasses', 'notifyStartCaptureImage', 'defaultToWebgl2', 'cursor', 'useOffScreen']);
   macro.setGetArray(publicAPI, model, ['size'], 2);
-  macro.event(publicAPI, model, 'windowResizeEvent'); // Object methods
+  macro.event(publicAPI, model, 'windowResizeEvent');
 
+  // Object methods
   vtkOpenGLRenderWindow(publicAPI, model);
-} // ----------------------------------------------------------------------------
+}
 
-var newInstance = macro.newInstance(extend, 'vtkOpenGLRenderWindow'); // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
+
+const newInstance = macro.newInstance(extend, 'vtkOpenGLRenderWindow');
+
+// ----------------------------------------------------------------------------
 // Register API specific RenderWindow implementation
 // ----------------------------------------------------------------------------
 
-registerViewConstructor('WebGL', newInstance); // ----------------------------------------------------------------------------
+registerViewConstructor('WebGL', newInstance);
+
+// ----------------------------------------------------------------------------
 
 var vtkRenderWindow = {
-  newInstance: newInstance,
-  extend: extend,
-  pushMonitorGLContextCount: pushMonitorGLContextCount,
-  popMonitorGLContextCount: popMonitorGLContextCount
+  newInstance,
+  extend,
+  pushMonitorGLContextCount,
+  popMonitorGLContextCount
 };
 
 export { vtkRenderWindow as default, extend, newInstance, popMonitorGLContextCount, pushMonitorGLContextCount };