iwer 2.1.0 → 2.1.1

package/build/iwer.js

@@ -11,7 +11,7 @@
 
   // Configuration Constants
   var EPSILON = 0.000001;
-  var ARRAY_TYPE = typeof Float32Array !== "undefined" ? Float32Array : Array;
+  var ARRAY_TYPE$1 = typeof Float32Array !== "undefined" ? Float32Array : Array;
 
   /**
    * 3x3 Matrix
@@ -23,9 +23,9 @@
    *
    * @returns {mat3} a new 3x3 matrix
    */
-  function create$5() {
-    var out = new ARRAY_TYPE(9);
-    if (ARRAY_TYPE != Float32Array) {
+  function create$6() {
+    var out = new ARRAY_TYPE$1(9);
+    if (ARRAY_TYPE$1 != Float32Array) {
       out[1] = 0;
       out[2] = 0;
       out[3] = 0;
@@ -49,9 +49,9 @@
    *
    * @returns {mat4} a new 4x4 matrix
    */
-  function create$4() {
-    var out = new ARRAY_TYPE(16);
-    if (ARRAY_TYPE != Float32Array) {
+  function create$5() {
+    var out = new ARRAY_TYPE$1(16);
+    if (ARRAY_TYPE$1 != Float32Array) {
       out[1] = 0;
       out[2] = 0;
       out[3] = 0;
@@ -79,7 +79,7 @@
    * @returns {mat4} a new 4x4 matrix
    */
   function clone(a) {
-    var out = new ARRAY_TYPE(16);
+    var out = new ARRAY_TYPE$1(16);
     out[0] = a[0];
     out[1] = a[1];
     out[2] = a[2];
@@ -222,7 +222,7 @@
    * @param {ReadonlyMat4} b the second operand
    * @returns {mat4} out
    */
-  function multiply$1(out, a, b) {
+  function multiply$2(out, a, b) {
     var a00 = a[0],
       a01 = a[1],
       a02 = a[2],
@@ -460,7 +460,7 @@
    * @return {quat} out
    */
   function getRotation(out, mat) {
-    var scaling = new ARRAY_TYPE(3);
+    var scaling = new ARRAY_TYPE$1(3);
     getScaling(scaling, mat);
     var is1 = 1 / scaling[0];
     var is2 = 1 / scaling[1];
@@ -561,50 +561,6 @@
     return out;
   }
 
-  /**
-   * Calculates a 4x4 matrix from the given quaternion
-   *
-   * @param {mat4} out mat4 receiving operation result
-   * @param {ReadonlyQuat} q Quaternion to create matrix from
-   *
-   * @returns {mat4} out
-   */
-  function fromQuat(out, q) {
-    var x = q[0],
-      y = q[1],
-      z = q[2],
-      w = q[3];
-    var x2 = x + x;
-    var y2 = y + y;
-    var z2 = z + z;
-    var xx = x * x2;
-    var yx = y * x2;
-    var yy = y * y2;
-    var zx = z * x2;
-    var zy = z * y2;
-    var zz = z * z2;
-    var wx = w * x2;
-    var wy = w * y2;
-    var wz = w * z2;
-    out[0] = 1 - yy - zz;
-    out[1] = yx + wz;
-    out[2] = zx - wy;
-    out[3] = 0;
-    out[4] = yx - wz;
-    out[5] = 1 - xx - zz;
-    out[6] = zy + wx;
-    out[7] = 0;
-    out[8] = zx + wy;
-    out[9] = zy - wx;
-    out[10] = 1 - xx - yy;
-    out[11] = 0;
-    out[12] = 0;
-    out[13] = 0;
-    out[14] = 0;
-    out[15] = 1;
-    return out;
-  }
-
   /**
    * Generates a perspective projection matrix with the given bounds.
    * The near/far clip planes correspond to a normalized device coordinate Z range of [-1, 1],
@@ -661,9 +617,9 @@
    *
    * @returns {vec3} a new 3D vector
    */
-  function create$3() {
-    var out = new ARRAY_TYPE(3);
-    if (ARRAY_TYPE != Float32Array) {
+  function create$4() {
+    var out = new ARRAY_TYPE$1(3);
+    if (ARRAY_TYPE$1 != Float32Array) {
       out[0] = 0;
       out[1] = 0;
       out[2] = 0;
@@ -693,7 +649,7 @@
    * @returns {vec3} a new 3D vector
    */
   function fromValues$2(x, y, z) {
-    var out = new ARRAY_TYPE(3);
+    var out = new ARRAY_TYPE$1(3);
     out[0] = x;
     out[1] = y;
     out[2] = z;
@@ -875,7 +831,7 @@
    * @function
    */
   (function () {
-    var vec = create$3();
+    var vec = create$4();
     return function (a, stride, offset, count, fn, arg) {
       var i, l;
       if (!stride) {
@@ -912,9 +868,9 @@
    *
    * @returns {vec4} a new 4D vector
    */
-  function create$2() {
-    var out = new ARRAY_TYPE(4);
-    if (ARRAY_TYPE != Float32Array) {
+  function create$3() {
+    var out = new ARRAY_TYPE$1(4);
+    if (ARRAY_TYPE$1 != Float32Array) {
       out[0] = 0;
       out[1] = 0;
       out[2] = 0;
@@ -933,7 +889,7 @@
    * @returns {vec4} a new 4D vector
    */
   function fromValues$1(x, y, z, w) {
-    var out = new ARRAY_TYPE(4);
+    var out = new ARRAY_TYPE$1(4);
     out[0] = x;
     out[1] = y;
     out[2] = z;
@@ -1030,7 +986,7 @@
    * @function
    */
   (function () {
-    var vec = create$2();
+    var vec = create$3();
     return function (a, stride, offset, count, fn, arg) {
       var i, l;
       if (!stride) {
@@ -1069,9 +1025,9 @@
    *
    * @returns {quat} a new quaternion
    */
-  function create$1() {
-    var out = new ARRAY_TYPE(4);
-    if (ARRAY_TYPE != Float32Array) {
+  function create$2() {
+    var out = new ARRAY_TYPE$1(4);
+    if (ARRAY_TYPE$1 != Float32Array) {
       out[0] = 0;
       out[1] = 0;
       out[2] = 0;
@@ -1107,7 +1063,7 @@
    * @param {ReadonlyQuat} b the second operand
    * @returns {quat} out
    */
-  function multiply(out, a, b) {
+  function multiply$1(out, a, b) {
     var ax = a[0],
       ay = a[1],
       az = a[2],
@@ -1290,7 +1246,7 @@
    * @returns {quat} out
    */
   (function () {
-    var tmpvec3 = create$3();
+    var tmpvec3 = create$4();
     var xUnitVec3 = fromValues$2(1, 0, 0);
     var yUnitVec3 = fromValues$2(0, 1, 0);
     return function (out, a, b) {
@@ -1330,8 +1286,8 @@
    * @returns {quat} out
    */
   (function () {
-    var temp1 = create$1();
-    var temp2 = create$1();
+    var temp1 = create$2();
+    var temp2 = create$2();
     return function (out, a, b, c, d, t) {
       slerp(temp1, a, d, t);
       slerp(temp2, b, c, t);
@@ -1351,7 +1307,7 @@
    * @returns {quat} out
    */
   (function () {
-    var matr = create$5();
+    var matr = create$6();
     return function (out, view, right, up) {
       matr[0] = right[0];
       matr[3] = right[1];
@@ -1366,63 +1322,6 @@
     };
   })();
 
-  /**
-   * 2 Dimensional Vector
-   * @module vec2
-   */
-
-  /**
-   * Creates a new, empty vec2
-   *
-   * @returns {vec2} a new 2D vector
-   */
-  function create() {
-    var out = new ARRAY_TYPE(2);
-    if (ARRAY_TYPE != Float32Array) {
-      out[0] = 0;
-      out[1] = 0;
-    }
-    return out;
-  }
-
-  /**
-   * Perform some operation over an array of vec2s.
-   *
-   * @param {Array} a the array of vectors to iterate over
-   * @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
-   * @param {Number} offset Number of elements to skip at the beginning of the array
-   * @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
-   * @param {Function} fn Function to call for each vector in the array
-   * @param {Object} [arg] additional argument to pass to fn
-   * @returns {Array} a
-   * @function
-   */
-  (function () {
-    var vec = create();
-    return function (a, stride, offset, count, fn, arg) {
-      var i, l;
-      if (!stride) {
-        stride = 2;
-      }
-      if (!offset) {
-        offset = 0;
-      }
-      if (count) {
-        l = Math.min(count * stride + offset, a.length);
-      } else {
-        l = a.length;
-      }
-      for (i = offset; i < l; i += stride) {
-        vec[0] = a[i];
-        vec[1] = a[i + 1];
-        fn(vec, vec, arg);
-        a[i] = vec[0];
-        a[i + 1] = vec[1];
-      }
-      return a;
-    };
-  })();
-
   /**
    * Copyright (c) Meta Platforms, Inc. and affiliates.
    *
@@ -1468,14 +1367,14 @@
           super();
           this[P_SPACE] = {
               parentSpace,
-              offsetMatrix: offsetMatrix ? clone(offsetMatrix) : create$4(),
+              offsetMatrix: offsetMatrix ? clone(offsetMatrix) : create$5(),
               emulated: true,
           };
       }
   }
   class GlobalSpace extends XRSpace {
       constructor() {
-          super(undefined, create$4()); // GlobalSpace has no parent
+          super(undefined, create$5()); // GlobalSpace has no parent
       }
   }
   class XRSpaceUtils {
@@ -1487,7 +1386,7 @@
       // Update the rotation component of the offsetMatrix of a given XRSpace using a quaternion
       static updateOffsetQuaternion(space, quaternion) {
           const offsetMatrix = space[P_SPACE].offsetMatrix;
-          const translation = create$3();
+          const translation = create$4();
           getTranslation(translation, offsetMatrix);
           fromRotationTranslation(offsetMatrix, quaternion, translation);
       }
@@ -1497,11 +1396,11 @@
           copy$3(offsetMatrix, matrix);
       }
       // Calculate the global offset matrix for a given XRSpace
-      static calculateGlobalOffsetMatrix(space, globalOffset = create$4()) {
+      static calculateGlobalOffsetMatrix(space, globalOffset = create$5()) {
           const parentOffset = space[P_SPACE].parentSpace
               ? XRSpaceUtils.calculateGlobalOffsetMatrix(space[P_SPACE].parentSpace)
-              : create$4(); // Identity matrix for GlobalSpace
-          multiply$1(globalOffset, parentOffset, space[P_SPACE].offsetMatrix);
+              : create$5(); // Identity matrix for GlobalSpace
+          multiply$2(globalOffset, parentOffset, space[P_SPACE].offsetMatrix);
           return globalOffset;
       }
   }
@@ -1519,7 +1418,7 @@
   class Vector3 {
       constructor(x = 0, y = 0, z = 0) {
           this.vec3 = fromValues$2(x, y, z);
-          this.tempVec3 = create$3();
+          this.tempVec3 = create$4();
       }
       get x() {
           return this.vec3[0];
@@ -1581,7 +1480,7 @@
   class Quaternion {
       constructor(x = 0, y = 0, z = 0, w = 1) {
           this.quat = fromValues(x, y, z, w);
-          this.tempQuat = create$1();
+          this.tempQuat = create$2();
       }
       get x() {
           return this.quat[0];
@@ -1630,7 +1529,7 @@
       }
       multiply(q) {
           copy(this.tempQuat, this.quat);
-          multiply(this.quat, this.tempQuat, q.quat);
+          multiply$1(this.quat, this.tempQuat, q.quat);
           return this;
       }
       setFromAxisAngle(axis, angle) {
@@ -2256,14 +2155,14 @@
       constructor(position, orientation) {
           // Default values
           const defaultPosition = fromValues$2(0, 0, 0);
-          const defaultOrientation = create$1();
+          const defaultOrientation = create$2();
           this[P_RIGID_TRANSFORM] = {
-              matrix: create$4(),
+              matrix: create$5(),
               position: position
                   ? fromValues$2(position.x, position.y, position.z)
                   : defaultPosition,
               orientation: orientation
-                  ? normalize(create$1(), fromValues(orientation.x, orientation.y, orientation.z, orientation.w))
+                  ? normalize(create$2(), fromValues(orientation.x, orientation.y, orientation.z, orientation.w))
                   : defaultOrientation,
               inverse: null,
           };
@@ -2285,14 +2184,14 @@
       }
       get inverse() {
           if (!this[P_RIGID_TRANSFORM].inverse) {
-              const invMatrix = create$4();
+              const invMatrix = create$5();
               if (!invert(invMatrix, this[P_RIGID_TRANSFORM].matrix)) {
                   throw new Error('Matrix is not invertible.');
               }
               // Decomposing the inverse matrix into position and orientation
-              let invPosition = create$3();
+              let invPosition = create$4();
               getTranslation(invPosition, invMatrix);
-              let invOrientation = create$1();
+              let invOrientation = create$2();
               getRotation(invOrientation, invMatrix);
               // Creating a new XRRigidTransform for the inverse
               this[P_RIGID_TRANSFORM].inverse = new XRRigidTransform(new DOMPointReadOnly(invPosition[0], invPosition[1], invPosition[2], 1), new DOMPointReadOnly(invOrientation[0], invOrientation[1], invOrientation[2], invOrientation[3]));
@@ -2318,8 +2217,8 @@
           if (origin instanceof XRRigidTransform) {
               const transform = origin;
               const matrix = transform.matrix;
-              const originVec4 = set$1(create$2(), _origin.x, _origin.y, _origin.z, _origin.w);
-              const directionVec4 = set$1(create$2(), _direction.x, _direction.y, _direction.z, _direction.w);
+              const originVec4 = set$1(create$3(), _origin.x, _origin.y, _origin.z, _origin.w);
+              const directionVec4 = set$1(create$3(), _direction.x, _direction.y, _direction.z, _direction.w);
               transformMat4(originVec4, originVec4, matrix);
               transformMat4(directionVec4, directionVec4, matrix);
               _origin.x = originVec4[0];
@@ -2371,23 +2270,23 @@
           if (this[P_RAY].matrix) {
               return this[P_RAY].matrix;
           }
-          const z = set$2(create$3(), 0, 0, -1);
-          const origin = set$2(create$3(), this[P_RAY].origin.x, this[P_RAY].origin.y, this[P_RAY].origin.z);
-          const direction = set$2(create$3(), this[P_RAY].direction.x, this[P_RAY].direction.y, this[P_RAY].direction.z);
-          const axis = cross(create$3(), direction, z);
+          const z = set$2(create$4(), 0, 0, -1);
+          const origin = set$2(create$4(), this[P_RAY].origin.x, this[P_RAY].origin.y, this[P_RAY].origin.z);
+          const direction = set$2(create$4(), this[P_RAY].direction.x, this[P_RAY].direction.y, this[P_RAY].direction.z);
+          const axis = cross(create$4(), direction, z);
           const cosAngle = dot(direction, z);
-          const rotation = create$4();
+          const rotation = create$5();
           if (cosAngle > -1 && cosAngle < 1) {
               fromRotation(rotation, Math.acos(cosAngle), axis);
           }
           else if (cosAngle === -1) {
-              fromRotation(rotation, Math.acos(cosAngle), set$2(create$3(), 1, 0, 0));
+              fromRotation(rotation, Math.acos(cosAngle), set$2(create$4(), 1, 0, 0));
           }
           else {
               identity(rotation);
           }
-          const translation = fromTranslation(create$4(), origin);
-          const matrix = multiply$1(create$4(), translation, rotation);
+          const translation = fromTranslation(create$5(), origin);
+          const matrix = multiply$2(create$5(), translation, rotation);
           this[P_RAY].matrix = new Float32Array(matrix);
           return this[P_RAY].matrix;
       }
@@ -2654,14 +2553,14 @@
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
-  const spaceGlobalMatrix = create$4();
-  const baseSpaceGlobalMatrix = create$4();
-  const baseSpaceGlobalMatrixInverse = create$4();
+  const spaceGlobalMatrix = create$5();
+  const baseSpaceGlobalMatrix = create$5();
+  const baseSpaceGlobalMatrixInverse = create$5();
   const getOffsetMatrix = (offsetMatrix, space, baseSpace) => {
       XRSpaceUtils.calculateGlobalOffsetMatrix(space, spaceGlobalMatrix);
       XRSpaceUtils.calculateGlobalOffsetMatrix(baseSpace, baseSpaceGlobalMatrix);
       invert(baseSpaceGlobalMatrixInverse, baseSpaceGlobalMatrix);
-      multiply$1(offsetMatrix, baseSpaceGlobalMatrixInverse, spaceGlobalMatrix);
+      multiply$2(offsetMatrix, baseSpaceGlobalMatrixInverse, spaceGlobalMatrix);
   };
   class XRFrame {
       constructor(session, id, active, animationFrame, predictedDisplayTime) {
@@ -2671,7 +2570,7 @@
               active,
               animationFrame,
               predictedDisplayTime,
-              tempMat4: create$4(),
+              tempMat4: create$5(),
               detectedPlanes: new XRPlaneSet(),
               detectedMeshes: new XRMeshSet(),
               trackedAnchors: session[P_SESSION].frameTrackedAnchors,
@@ -2689,9 +2588,9 @@
               throw new DOMException('XRFrame access outside the callback that produced it is invalid.', 'InvalidStateError');
           }
           getOffsetMatrix(this[P_FRAME].tempMat4, space, baseSpace);
-          const position = create$3();
+          const position = create$4();
           getTranslation(position, this[P_FRAME].tempMat4);
-          const orientation = create$1();
+          const orientation = create$2();
           getRotation(orientation, this[P_FRAME].tempMat4);
           return new XRPose(new XRRigidTransform({ x: position[0], y: position[1], z: position[2], w: 1.0 }, {
               x: orientation[0],
@@ -2842,9 +2741,9 @@
               isSystemKeyboardSupported: false,
               ended: false,
               projectionMatrices: {
-                  [XREye.Left]: create$4(),
-                  [XREye.Right]: create$4(),
-                  [XREye.None]: create$4(),
+                  [XREye.Left]: create$5(),
+                  [XREye.Right]: create$5(),
+                  [XREye.None]: create$5(),
               },
               getProjectionMatrix: (eye) => {
                   return this[P_SESSION].projectionMatrices[eye];
@@ -3093,8 +2992,8 @@
                       const sourceSpace = hitTestSource[P_HIT_TEST].space;
                       const sourceGlobalOffset = XRSpaceUtils.calculateGlobalOffsetMatrix(sourceSpace);
                       const rayLocalOffset = hitTestSource[P_HIT_TEST].offsetRay.matrix;
-                      const rayGlobalOffset = create$4();
-                      multiply$1(rayGlobalOffset, sourceGlobalOffset, rayLocalOffset);
+                      const rayGlobalOffset = create$5();
+                      multiply$2(rayGlobalOffset, sourceGlobalOffset, rayLocalOffset);
                       const hitTestResults = [];
                       sem.computeHitTestResults(rayGlobalOffset).forEach((matrix) => {
                           const offsetSpace = new XRSpace(globalSpace, matrix);
@@ -4266,15 +4165,15 @@
       buttons: [{ id: 'pinch', type: 'analog', eventTrigger: 'select' }],
       axes: [],
   };
-  const fromPosition = create$3();
-  const fromQuaternion = create$1();
-  const fromScale = create$3();
-  const toPosition = create$3();
-  const toQuaternion = create$1();
-  const toScale = create$3();
-  const interpolatedPosition = create$3();
-  const interpolatedQuaternion = create$1();
-  const interpolatedScale = create$3();
+  const fromPosition = create$4();
+  const fromQuaternion = create$2();
+  const fromScale = create$4();
+  const toPosition = create$4();
+  const toQuaternion = create$2();
+  const toScale = create$4();
+  const interpolatedPosition = create$4();
+  const interpolatedQuaternion = create$2();
+  const interpolatedScale = create$4();
   const interpolateMatrix = (out, fromMatrix, toMatrix, alpha) => {
       getTranslation(fromPosition, fromMatrix);
       getRotation(fromQuaternion, fromMatrix);
@@ -4467,8 +4366,8 @@
               playing: false,
               viewerSpace,
               viewSpaces,
-              vec3: create$3(),
-              quat: create$1(),
+              vec3: create$4(),
+              quat: create$2(),
           };
           fromTranslation(this[P_ACTION_PLAYER].viewSpaces[XREye.Left][P_SPACE].offsetMatrix, fromValues$2(-ipd / 2, 0, 0));
           fromTranslation(this[P_ACTION_PLAYER].viewSpaces[XREye.Right][P_SPACE].offsetMatrix, fromValues$2(ipd / 2, 0, 0));
@@ -4634,7 +4533,7 @@
       }
   }
 
-  const VERSION = "2.1.0";
+  const VERSION = "2.1.1";
 
   /**
    * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -4775,21 +4674,48 @@
   }
 
   /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
+   * @license
+   * webxr-layers-polyfill
+   * Version 1.1.0
+   * Copyright (c) 2021 Facebook, Inc. and its affiliates.
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
    * You may obtain a copy of the License at
-   *
+   * 
    * http://www.apache.org/licenses/LICENSE-2.0
-   *
+   * 
    * Unless required by applicable law or agreed to in writing, software
    * distributed under the License is distributed on an "AS IS" BASIS,
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
-   */
-  // Import WebXR types globally
-  /// <reference types="webxr" />
+  */
+
+  /**
+   * @license
+   * gl-matrix 
+   * Version 3.4.3
+   * Copyright (c) 2015-2021, Brandon Jones, Colin MacKenzie IV.
+   * 
+   * Permission is hereby granted, free of charge, to any person obtaining a copy
+   * of this software and associated documentation files (the "Software"), to deal
+   * in the Software without restriction, including without limitation the rights
+   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   * copies of the Software, and to permit persons to whom the Software is
+   * furnished to do so, subject to the following conditions:
+   * 
+   * The above copyright notice and this permission notice shall be included in
+   * all copies or substantial portions of the Software.
+   * 
+   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+   * THE SOFTWARE.
+  */ 
+
   var XRTextureType;
   (function (XRTextureType) {
       XRTextureType["texture"] = "texture";
@@ -4804,39 +4730,10 @@
       XRLayerLayout["stereo-top-bottom"] = "stereo-top-bottom";
   })(XRLayerLayout || (XRLayerLayout = {}));
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  /// <reference types="webxr" />
   const isReferenceSpace = (arg) => {
       return arg && typeof arg.getOffsetReferenceSpace === 'function';
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const getGlobal = () => {
       return typeof global !== 'undefined'
           ? global
@@ -4847,31 +4744,6 @@
                   : {};
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  /**
-   * In WebGL2, internalFormat and format no longer need to be the same, but
-   * must be defined very specifically. This is a helper utility that, given a sized or unsized format,
-   * returns both formats as well as the type for that format.
-   * See https://registry.khronos.org/webgl/specs/latest/2.0/#TEXTURE_TYPES_FORMATS_FROM_DOM_ELEMENTS_TABLE
-   * or https://webgl2fundamentals.org/webgl/lessons/webgl-data-textures.html for more information.
-   *
-   * @param context WebGL2 Rendering context used for the enums
-   * @param providedFormat The provided format (sized or unsized) to retrieve other formats for
-   * @returns
-   */
   const getFormatsFromInternalFormat = (context, providedFormat) => {
       switch (providedFormat) {
           case context.RGBA8:
@@ -5043,8 +4915,6 @@
                   textureFormat: context.DEPTH_STENCIL,
                   type: context.FLOAT_32_UNSIGNED_INT_24_8_REV,
               };
-          // DEPTH_COMPONENT and DEPTH_STENCIL are invalid internalFormats,
-          // so we have to account for those too
           case context.DEPTH_COMPONENT:
               return getFormatsFromInternalFormat(context, context.DEPTH_COMPONENT24);
           case context.DEPTH_STENCIL:
@@ -5064,20 +4934,6 @@
       }
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class XRCompositionLayerPolyfill {
       constructor() {
           this._hasRunDeferredInitialize = false;
@@ -5093,25 +4949,16 @@
       destroy() {
           this._colorTextures = [];
           this._depthStencilTextures = [];
-          // destroy underlying GL attachments
       }
-      // EventTarget things. Figure this out from the WebXR polyfill!
       addEventListener(type, listener, options) { }
-      /**
-       * Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
-       */
       dispatchEvent(event) {
           return false;
       }
-      /**
-       * Removes the event listener in target's event listener list with the same type, callback, and options.
-       */
       removeEventListener(type, callback, options) { }
       getContext() {
           return this.context;
       }
       getTextureType() {
-          // override this please
           throw new Error('Unimplemented');
       }
       get colorTextures() {
@@ -5120,11 +4967,9 @@
       get depthStencilTextures() {
           return this._depthStencilTextures;
       }
-      // POLYFILL ONLY: Get metadata for textures
       get colorTexturesMeta() {
           return this._texturesMeta;
       }
-      // POLYFILL ONLY: Get media source for media layers
       get media() {
           if (!this.isMediaLayer()) {
               console.warn('Attempted to retrieve media from a non-media layer');
@@ -5136,15 +4981,11 @@
               textureType === XRTextureType['texture-array']) {
               throw new TypeError();
           }
-          // UNIMPLEMENTED: If textureType is "texture-array" and not all of the session’s views in the list of views have the same recommended WebGL texture resolution,
-          // throw a NotSupportedError and abort these steps.
           if (layout === XRLayerLayout.mono) {
               return layout;
           }
           if (layout === XRLayerLayout.default) {
-              // If the size of list of views is 1, return "mono" and abort these steps.
-              if (this.session.internalViews &&
-                  this.session.internalViews.length === 1) {
+              if (this.session.internalViews && this.session.internalViews.length === 1) {
                   return XRLayerLayout['mono'];
               }
               if (textureType === XRTextureType['texture-array']) {
@@ -5152,61 +4993,36 @@
               }
           }
           if (layout === XRLayerLayout.default || layout === XRLayerLayout.stereo) {
-              // If the user agent prefers "stereo-left-right" layout, return "stereo-left-right" and abort these steps.
               return XRLayerLayout['stereo-left-right'];
-              // If the user agent prefers "stereo-top-bottom" layout, return "stereo-top-bottom" and abort these steps.
           }
           return layout;
       }
-      // projection and cube layers are never media layers
       isMediaLayer() {
           return this._media !== null;
       }
-      // LAZY INITIALIZATION
-      ////////////////////////
-      // override this to initialize things, assuming that session.views already exists
       _deferredInitialize() { }
-      // Call this to run deferred initialize
-      // do not override it
       initializeIfNeeded() {
-          // OVERRIDE THIS
           if (!this._hasRunDeferredInitialize) {
               this._hasRunDeferredInitialize = true;
               this._deferredInitialize();
           }
       }
-      // ALLOCATING TEXTURES
-      // NOTE: Projection layers override this behavior
-      ///////////////////////////////////////////////////
-      // https://www.w3.org/TR/webxrlayers-1/#allocate-color-textures
       _allocateColorTexturesInternal(textureType, init) {
           let session = this.session;
           let views = session.internalViews;
           if (!views || views.length === 0) {
-              // can't allocate if there are no views
               console.warn("We can't allocate color textures without views");
               return;
           }
-          // TODO UNIMPLEMENTED: If init’s mipLevels is smaller than 1, throw a InvalidStateError and abort these steps.
-          // TODO UNIMPLEMENTED: If init’s mipLevels is larger than 1 and viewPixelWidth and viewPixelHeight are not powers of 2,
-          // throw a InvalidStateError and abort these steps
-          // POLYFILL ONLY: initialize layout if we haven't already
           this.initializeIfNeeded();
-          // UNIMPLEMENTED: If init’s colorFormat is not in the list of color formats
-          // for non-projection layers, throw a NotSupportedError and abort these steps.
           if (this.layout === XRLayerLayout.mono) {
               if (textureType === XRTextureType['texture-array']) {
-                  // Initialize array with 1 new instance of an opaque texture in the relevant realm of this context created
-                  // as a TEXTURE_2D_ARRAY texture with 1 internal texture using context and init’s colorFormat, mipLevels, viewPixelWidth and viewPixelHeight values.
                   const newTexture = this._createNewColorTexture(init.viewPixelWidth, init.viewPixelHeight, textureType, init.colorFormat);
                   this._texturesMeta = [newTexture];
                   this._colorTextures = [newTexture.texture];
                   return;
               }
               else {
-                  // Initialize array with 1 new instance of an opaque texture in the relevant realm of context created as a
-                  // TEXTURE_2D texture with context and
-                  // init’s colorFormat, mipLevels, viewPixelWidth and viewPixelHeight values.
                   const newTexture = this._createNewColorTexture(init.viewPixelWidth, init.viewPixelHeight, textureType, init.colorFormat);
                   this._texturesMeta = [newTexture];
                   this._colorTextures = [newTexture.texture];
@@ -5215,10 +5031,6 @@
           }
           else if (this.layout === XRLayerLayout.stereo) {
               if (textureType === XRTextureType['texture-array']) {
-                  // Initialize array with 1 new instance of an opaque texture in the relevant realm of context created as a
-                  // TEXTURE_2D_ARRAY texture with 2 layers using context and init’s colorFormat, mipLevels, viewPixelWidth and viewPixelHeight values.
-                  // TODO: use a new createNewColorTextureArray function for this!
-                  // See https://github.com/WebGLSamples/WebGL2Samples/blob/master/samples/texture_2d_array.html#L145-L160
                   const newTexture = this._createNewColorTexture(init.viewPixelWidth, init.viewPixelHeight, textureType, init.colorFormat, 2);
                   this._texturesMeta = [newTexture];
                   this._colorTextures = [newTexture.texture];
@@ -5256,9 +5068,6 @@
           if (init.mipLevels < 1) {
               throw new Error('Invalid miplevel. Miplevel needs to be >= 1');
           }
-          // UNIMPLEMENTED: If init’s mipLevels is larger than 1 and
-          // viewPixelWidth and viewPixelHeight are not powers of 2,
-          // throw a InvalidStateError and abort these steps.
           if (this.layout === XRLayerLayout.mono) {
               if (textureType === XRTextureType['texture-array']) {
                   const newTexture = this._createNewDepthStencilTexture(init.viewPixelWidth, init.viewPixelHeight, textureType, init.depthFormat);
@@ -5299,11 +5108,9 @@
           return this._createGenericPolyfillTexture(textureType, width, height, colorFormat, 0, layers);
       }
       _createNewDepthStencilTexture(width, height, textureType, depthFormat, layers = 1) {
-          // If we have layers and are a texture-array, do that instead.
           return this._createGenericPolyfillTexture(textureType, width, height, depthFormat, 0, layers);
       }
       _createGenericPolyfillTexture(textureType, width, height, textureFormat, mipmapLevel = 0, numLayers = 1) {
-          // CHECKS FOR CORRECTNESS
           if (textureType === XRTextureType['texture-array'] && numLayers <= 1) {
               console.warn('creating a texture array with a single layer...');
           }
@@ -5311,10 +5118,6 @@
               this.context instanceof WebGLRenderingContext) {
               throw new Error('WebGL 1 does not support texture array');
           }
-          // AUTO-ANTIALIASING DETECTION
-          const autoSamples = this._getAutoSampleCount();
-          const useAutoAA = autoSamples > 1;
-          // CREATE THE TEXTURE AND SURROUNDING METADATA
           let texture = this.context.createTexture();
           let textureMeta = {
               width,
@@ -5323,14 +5126,7 @@
               type: textureType,
               textureFormat: textureFormat,
               texture,
-              // Add internal MSAA tracking
-              _msaaFramebuffer: null,
-              _resolveFramebuffer: null,
-              _autoAntialiasing: useAutoAA,
-              _samples: autoSamples,
           };
-          // DEPTH_COMPONENT is not a valid internalFormat in WebGL2.
-          // https://stackoverflow.com/a/60703526
           let internalFormat = textureFormat;
           let texImageType = this.context.UNSIGNED_BYTE;
           if (this.context instanceof WebGL2RenderingContext) {
@@ -5340,20 +5136,16 @@
               texImageType = expectedFormats.type;
           }
           else {
-              // WebGL1 specific code
               if (textureFormat === this.context.DEPTH_COMPONENT) {
                   texImageType = this.context.UNSIGNED_INT;
               }
               if (textureFormat === this.context.DEPTH_STENCIL) {
-                  // this only exists if we have the WEBGL_depth_texture extension, but
-                  // we assume that we must have it in order to get this far.
                   texImageType = this.context.UNSIGNED_INT_24_8_WEBGL;
               }
           }
           if (textureType === XRTextureType['texture-array'] &&
               this.context instanceof WebGL2RenderingContext) {
               console.warn('texture-array layers are supported...questionably in the polyfill at the moment. Use at your own risk.');
-              // create a 2d texture array
               const existingTextureBinding = this.context.getParameter(this.context.TEXTURE_BINDING_2D_ARRAY);
               this.context.bindTexture(this.context.TEXTURE_2D_ARRAY, texture);
               if (this._getSupportedDepthFormats().indexOf(textureFormat) >= 0) {
@@ -5365,27 +5157,11 @@
               this.context.bindTexture(this.context.TEXTURE_2D_ARRAY, existingTextureBinding);
           }
           else {
-              // regular texture 2d
               const existingTextureBinding = this.context.getParameter(this.context.TEXTURE_BINDING_2D);
               this.context.bindTexture(this.context.TEXTURE_2D, texture);
               this.context.texImage2D(this.context.TEXTURE_2D, 0, internalFormat, width, height, 0, textureFormat, texImageType, null);
               this.context.bindTexture(this.context.TEXTURE_2D, existingTextureBinding);
           }
-          // AUTO-ENABLE MSAA FOR DESKTOP - but only for color textures, not depth
-          if (useAutoAA && this.context instanceof WebGL2RenderingContext) {
-              const isDepthTexture = this._getSupportedDepthFormats().indexOf(textureFormat) >= 0;
-              if (!isDepthTexture) {
-                  try {
-                      this._createAutoMSAAFramebuffers(textureMeta, width, height, internalFormat);
-                      console.log(`Auto-enabled ${autoSamples}x MSAA for layer texture (${width}x${height})`);
-                  }
-                  catch (error) {
-                      console.warn('Failed to create MSAA framebuffers, falling back to non-AA:', error);
-                      textureMeta._autoAntialiasing = false;
-                      textureMeta._samples = 1;
-                  }
-              }
-          }
           return textureMeta;
       }
       _getSupportedDepthFormats() {
@@ -5401,117 +5177,37 @@
           }
           return supportedDepthFormats;
       }
-      // AUTO-ANTIALIASING HELPERS FOR DESKTOP
-      ////////////////////////////////////////////
-      _shouldAutoEnableAntialiasing() {
-          // Auto-enable AA for desktop environments (IWER)
-          // Option 1: Check for IWER specifically
-          if (typeof window.IWER !== 'undefined') {
-              return true;
-          }
-          // Option 2: Detect desktop via user agent (more general)
-          const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-          if (isMobile) {
-              return false;
-          }
-          // Option 3: Only enable if WebGL2 supports MSAA
-          if (!(this.context instanceof WebGL2RenderingContext)) {
-              return false;
-          }
-          // Check if MSAA is actually supported
-          const maxSamples = this.context.getParameter(this.context.MAX_SAMPLES);
-          return maxSamples > 1;
-      }
-      _getAutoSampleCount() {
-          if (!this._shouldAutoEnableAntialiasing())
-              return 1;
-          // Get max samples supported, but cap at reasonable level
-          const maxSamples = this.context.getParameter(this.context.MAX_SAMPLES);
-          return Math.min(maxSamples, 4); // Use 4x MSAA as reasonable default
-      }
-      _createAutoMSAAFramebuffers(textureMeta, width, height, colorFormat, depthFormat) {
-          const gl = this.context;
-          // Create MSAA color renderbuffer
-          const colorRenderbuffer = gl.createRenderbuffer();
-          gl.bindRenderbuffer(gl.RENDERBUFFER, colorRenderbuffer);
-          gl.renderbufferStorageMultisample(gl.RENDERBUFFER, textureMeta._samples, colorFormat, width, height);
-          // Create MSAA depth renderbuffer (if depth format provided)
-          let depthRenderbuffer = null;
-          if (depthFormat) {
-              depthRenderbuffer = gl.createRenderbuffer();
-              gl.bindRenderbuffer(gl.RENDERBUFFER, depthRenderbuffer);
-              gl.renderbufferStorageMultisample(gl.RENDERBUFFER, textureMeta._samples, depthFormat, width, height);
-          }
-          // Create MSAA framebuffer
-          const msaaFramebuffer = gl.createFramebuffer();
-          gl.bindFramebuffer(gl.FRAMEBUFFER, msaaFramebuffer);
-          gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, colorRenderbuffer);
-          if (depthRenderbuffer) {
-              gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthRenderbuffer);
-          }
-          // Create resolve framebuffer (uses the regular texture)
-          const resolveFramebuffer = gl.createFramebuffer();
-          gl.bindFramebuffer(gl.FRAMEBUFFER, resolveFramebuffer);
-          if (textureMeta.type === XRTextureType['texture-array']) {
-              // For texture arrays, attach the first layer
-              gl.framebufferTextureLayer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, textureMeta.texture, 0, 0);
-          }
-          else {
-              // For regular textures
-              gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, textureMeta.texture, 0);
-          }
-          // Store for later use
-          textureMeta._msaaFramebuffer = msaaFramebuffer;
-          textureMeta._resolveFramebuffer = resolveFramebuffer;
-          // Clean up bindings
-          gl.bindRenderbuffer(gl.RENDERBUFFER, null);
-          gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-      }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const defaultCylinderLayerInit = {
       colorFormat: 0x1908,
       mipLevels: 1,
       layout: XRLayerLayout.mono,
       isStatic: false,
-      space: null, // this is required
-      viewPixelHeight: 0, // this is required
-      viewPixelWidth: 0, // this is required
+      space: null,
+      viewPixelHeight: 0,
+      viewPixelWidth: 0,
       textureType: XRTextureType.texture,
       radius: 2.0,
-      centralAngle: 0.78539, // pi / 4
+      centralAngle: 0.78539,
       aspectRatio: 2.0,
   };
   const defaultMediaCylinderLayerInit = {
       layout: XRLayerLayout.mono,
       invertStereo: false,
-      space: null, // this is required
+      space: null,
       radius: 2.0,
-      centralAngle: 0.78539, // pi / 4
+      centralAngle: 0.78539,
   };
   class XRCylinderLayer extends XRCompositionLayerPolyfill {
       constructor(init, media) {
           super();
-          this._media = media ?? null;
+          this._media = media !== null && media !== void 0 ? media : null;
           if (this.isMediaLayer()) {
-              this.init = { ...defaultMediaCylinderLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultMediaCylinderLayerInit), init);
           }
           else {
-              this.init = { ...defaultCylinderLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultCylinderLayerInit), init);
           }
           this.radius = this.init.radius;
           this.centralAngle = this.init.centralAngle;
@@ -5563,7 +5259,6 @@
           }
           return this._depthStencilTextures;
       }
-      // POLYFILL ONLY: Get metadata for textures
       get colorTexturesMeta() {
           if (this.isMediaLayer()) {
               throw new Error('Media layers do not have associated textures');
@@ -5574,68 +5269,51 @@
           return this._texturesMeta;
       }
       get width() {
-          // circumference of the arc
           const circumference = 2 * this.radius * Math.PI;
           const percentage = this.centralAngle / (2 * Math.PI);
           return circumference * percentage;
       }
       get height() {
-          // aspect ratio is width / height
           return this.width / this.aspectRatio;
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const defaultEquirectLayerInit = {
       colorFormat: 0x1908,
       mipLevels: 1,
       layout: XRLayerLayout.mono,
       isStatic: false,
-      space: null, // this is required
-      viewPixelHeight: 0, // this is required
-      viewPixelWidth: 0, // this is required
+      space: null,
+      viewPixelHeight: 0,
+      viewPixelWidth: 0,
       textureType: XRTextureType.texture,
       radius: 0,
-      centralHorizontalAngle: 6.28318, // 2pi
-      upperVerticalAngle: 1.570795, // pi/2
-      lowerVerticalAngle: -1.570795, // -pi/2
+      centralHorizontalAngle: 6.28318,
+      upperVerticalAngle: 1.570795,
+      lowerVerticalAngle: -1.570795,
   };
   const defaultMediaEquirectLayerInit = {
-      space: null, // this is required
+      space: null,
       layout: XRLayerLayout.mono,
       invertStereo: false,
       radius: 0,
-      centralHorizontalAngle: 6.28318, // 2pi
-      upperVerticalAngle: 1.570795, // pi/2
-      lowerVerticalAngle: -1.570795, // -pi/2
+      centralHorizontalAngle: 6.28318,
+      upperVerticalAngle: 1.570795,
+      lowerVerticalAngle: -1.570795,
   };
   class XREquirectLayer extends XRCompositionLayerPolyfill {
       constructor(init, media) {
           super();
-          this._media = media ?? null;
+          this._media = media !== null && media !== void 0 ? media : null;
           if (this.isMediaLayer()) {
-              this.init = { ...defaultMediaEquirectLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultMediaEquirectLayerInit), init);
           }
           else {
-              this.init = { ...defaultEquirectLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultEquirectLayerInit), init);
           }
           if (!isReferenceSpace(this.init.space)) {
               throw new TypeError("Equirect layer's space needs to be an XRReferenceSpace");
           }
-          // UNIMPLEMENTED: If init's space has a type of 'viewer', throw TypeError and abort these steps.
           this.radius = this.init.radius;
           this.centralHorizontalAngle = this.init.centralHorizontalAngle;
           this.upperVerticalAngle = this.init.upperVerticalAngle;
@@ -5687,7 +5365,6 @@
           }
           return this._depthStencilTextures;
       }
-      // POLYFILL ONLY: Get metadata for textures
       get colorTexturesMeta() {
           if (this.isMediaLayer()) {
               throw new Error('Media layers do not have associated textures');
@@ -5699,47 +5376,32 @@
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const defaultQuadLayerInit = {
       colorFormat: 0x1908,
       mipLevels: 1,
       layout: XRLayerLayout.mono,
       isStatic: false,
-      space: null, // this is required
-      viewPixelHeight: 0, // this is required
-      viewPixelWidth: 0, // this is required
+      space: null,
+      viewPixelHeight: 0,
+      viewPixelWidth: 0,
       textureType: XRTextureType.texture,
       width: 1.0,
       height: 1.0,
   };
   const defaultMediaQuadLayerInit = {
-      space: null, // this is required
+      space: null,
       layout: XRLayerLayout.mono,
       invertStereo: false,
   };
   class XRQuadLayer extends XRCompositionLayerPolyfill {
-      // media should only be added if it's a media layer...
       constructor(init, media) {
           super();
-          this._media = media ?? null;
+          this._media = media !== null && media !== void 0 ? media : null;
           if (this.isMediaLayer()) {
-              this.init = { ...defaultMediaQuadLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultMediaQuadLayerInit), init);
           }
           else {
-              this.init = { ...defaultQuadLayerInit, ...init };
+              this.init = Object.assign(Object.assign({}, defaultQuadLayerInit), init);
           }
           this.width = this.init.width;
           this.height = this.init.height;
@@ -5765,7 +5427,6 @@
           if (this.isMediaLayer()) {
               return XRTextureType.texture;
           }
-          // override this please
           return this.init.textureType;
       }
       _deferredInitialize() {
@@ -5791,7 +5452,6 @@
           }
           return this._depthStencilTextures;
       }
-      // POLYFILL ONLY: Get metadata for textures
       get colorTexturesMeta() {
           if (this.isMediaLayer()) {
               throw new Error('Media layers do not have associated textures');
@@ -5803,27 +5463,12 @@
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class XRMediaBindingPolyfill {
       constructor(session) {
           this.session = session;
           if (this.session.ended) {
               throw new Error('Session has ended');
           }
-          // UNIMPLEMENTED: If session is not an immersive session, throw an InvalidStateError and abort these steps.
       }
       createQuadLayer(video, init) {
           if (this.session.ended) {
@@ -5873,7 +5518,6 @@
           if (!isReferenceSpace(init.space)) {
               throw new Error("Media Equirect layer's space must be of type XRReferenceSpace");
           }
-          // UNIMPLEMENTED: If init’s space has a type of "viewer", throw InvalidStateError and abort these steps.
           let layer = new XREquirectLayer(init, video);
           layer.needsRedraw = false;
           layer.initialize(this.session);
@@ -5892,34 +5536,19 @@
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const defaultXRProjectionLayerInit = {
       textureType: XRTextureType.texture,
       colorFormat: 0x1908,
       depthFormat: 0x1902,
-      scaleFactor: 1.5, // More conservative scaling for better performance
+      scaleFactor: 1.0,
   };
   class XRProjectionLayer extends XRCompositionLayerPolyfill {
       constructor(init = defaultXRProjectionLayerInit) {
           super();
-          this.init = { ...defaultXRProjectionLayerInit, ...init };
+          this.init = Object.assign(Object.assign({}, defaultXRProjectionLayerInit), init);
       }
       initialize(session, context) {
           super.initialize(session, context);
-          // POLYFILL ONLY: initialize layout
           this.initializeIfNeeded();
           let baseLayer = session.getBaseLayer();
           this.textureWidth = baseLayer.framebufferWidth * this.init.scaleFactor;
@@ -5937,38 +5566,20 @@
           let session = this.session;
           let views = session.internalViews;
           if (!views || views.length === 0) {
-              // can't allocate if there are no views
               console.warn("We can't allocate color textures without views");
               return;
           }
           let baseLayer = session.getBaseLayer();
           let numViews = views.length;
-          let width;
+          let width = baseLayer.framebufferWidth * this.init.scaleFactor / views.length;
           let height = baseLayer.framebufferHeight * this.init.scaleFactor;
-          // For texture-array types, each layer should be full resolution
-          // Only divide by views.length for separate textures per view
-          if (this.init.textureType === XRTextureType['texture-array']) {
-              width = baseLayer.framebufferWidth * this.init.scaleFactor;
-          }
-          else {
-              width =
-                  (baseLayer.framebufferWidth * this.init.scaleFactor) / views.length;
-          }
-          if (this.layout === XRLayerLayout.mono ||
-              this.layout === XRLayerLayout.default) {
+          if (this.layout === XRLayerLayout.mono || this.layout === XRLayerLayout.default) {
               if (this.init.textureType === XRTextureType['texture-array']) {
-                  // UNIMPLEMENTED: If the session’s views in the list of views don’t all have the same recommended WebGL texture resolution excluding the secondary views,
-                  // throw a NotSupportedError and abort these steps.
-                  // Initialize array with 1 new instance of an opaque texture in the relevant realm of context created as a TEXTURE_2D_ARRAY texture
-                  // with numViews layers using context, textureFormat, width and height.
                   let texture = this._createNewColorTexture(width, height, XRTextureType['texture-array'], this.init.colorFormat, numViews);
                   polyFillArray = [texture];
               }
               else {
                   for (let view of views) {
-                      // let texture be a new instance of an opaque texture
-                      // in the relevant realm of context created as a TEXTURE_2D texture
-                      // with context, textureFormat, width and height
                       let texture = this._createNewColorTexture(width, height, XRTextureType.texture, this.init.colorFormat);
                       polyFillArray.push(texture);
                   }
@@ -5995,16 +5606,12 @@
           let session = this.session;
           let views = session.internalViews;
           if (!views || views.length === 0) {
-              // can't allocate if there are no views
               return;
           }
-          // if textureFormat is a 0 abort steps.
           if (this.init.depthFormat === 0) {
               this._depthStencilTextures = [];
               return;
           }
-          // If context is a WebGLRenderingContext and the WEBGL_depth_texture extension
-          // is not enabled in context, return array and abort these steps.
           if (this.context instanceof WebGLRenderingContext) {
               let depthExtension = this.context.getExtension('WEBGL_depth_texture');
               if (!depthExtension) {
@@ -6012,9 +5619,6 @@
                   return;
               }
           }
-          // UNIMPLEMENTED: If textureFormat is not in the list of depth formats for projection layers,
-          // throw a NotSupportedError and abort these steps.
-          // INITIALIZE EVERYTHING
           let array = [];
           let polyFillArray = [];
           const createTextureArray = () => {
@@ -6023,38 +5627,18 @@
                   array.push(tex.texture);
               }
           };
-          // POLYFILL ONLY: initialize layout if we haven't already
           this.initializeIfNeeded();
           let baseLayer = session.getBaseLayer();
           let numViews = views.length;
-          let width;
+          let width = baseLayer.framebufferWidth * this.init.scaleFactor / views.length;
           let height = baseLayer.framebufferHeight * this.init.scaleFactor;
-          // For texture-array types, each layer should be full resolution
-          // Only divide by views.length for separate textures per view
-          if (this.init.textureType === XRTextureType['texture-array']) {
-              width = baseLayer.framebufferWidth * this.init.scaleFactor;
-          }
-          else {
-              width =
-                  (baseLayer.framebufferWidth * this.init.scaleFactor) / views.length;
-          }
-          if (this.layout === XRLayerLayout.mono ||
-              this.layout === XRLayerLayout.default) {
+          if (this.layout === XRLayerLayout.mono || this.layout === XRLayerLayout.default) {
               if (this.init.textureType === XRTextureType['texture-array']) {
-                  // UNIMPLEMENTED: If the session’s views in the list of views don’t all have the same
-                  // recommended WebGL texture resolution excluding the secondary views,
-                  // throw a NotSupportedError and abort these steps.
-                  // Initialize array with 1 new instance of an opaque texture in the relevant realm of
-                  // context created as a TEXTURE_2D_ARRAY texture
-                  // with numViews layers using context, textureFormat, width and height.
                   let texture = this._createNewDepthStencilTexture(width, height, this.init.textureType, this.init.depthFormat, numViews);
                   polyFillArray = [texture];
               }
               else {
                   for (let view of views) {
-                      // let texture be a new instance of an opaque texture
-                      // in the relevant realm of context created as a TEXTURE_2D texture
-                      // with context, textureFormat, width and height
                       let texture = this._createNewDepthStencilTexture(width, height, this.init.textureType, this.init.depthFormat);
                       polyFillArray.push(texture);
                   }
@@ -6097,29 +5681,17 @@
           return this.init.textureType;
       }
       _deferredInitialize() {
-          // initialize layer.isStatic = false
           this.isStatic = false;
-          // Some browsers use the depth for reprojection
           this.ignoreDepthValues = false;
-          // layer's fixedFoveation should be 0
           this.fixedFoveation = 0;
-          // let layout be the result of determining the layout attribute with init’s textureType, context and "default".
           let layout = this.determineLayoutAttribute(this.init.textureType, this.context, XRLayerLayout.default);
-          // initialize layer's layout to the created layout
           this.layout = layout;
           this.needsRedraw = true;
-          // Let maximum scalefactor be the result of determining the maximum scalefactor with session, context and layout.
           let maxScaleFactor = this.determineMaximumScaleFactor();
-          // CONSERVATIVE: Use the specified scale factor without automatic adjustments
-          // This respects the user's choice and doesn't automatically scale up.
-          let conservativeScaleFactor = Math.min(this.init.scaleFactor, maxScaleFactor);
-          // If scaleFactor is larger than maximum scalefactor, set scaleFactor to maximum scalefactor.
-          this.init.scaleFactor;
-          let scaleFactor = conservativeScaleFactor;
+          let scaleFactor = Math.min(this.init.scaleFactor, maxScaleFactor);
           this.init.scaleFactor = scaleFactor;
       }
       determineMaximumScaleFactor() {
-          // Let largest width be the largest width of the recommended WebGL texture resolution from the session's list of views excluding the secondary views.
           let baseLayer = this.session.getBaseLayer(this.context);
           let largestWidth = baseLayer.framebufferWidth;
           let largestHeight = baseLayer.framebufferHeight;
@@ -6131,40 +5703,20 @@
           }
           let largestViewDimension = Math.max(largestWidth, largestHeight);
           let largestTextureDimension = this.context.getParameter(this.context.MAX_TEXTURE_SIZE);
-          let maxScaleFactor = largestTextureDimension / largestViewDimension;
-          return maxScaleFactor;
+          return largestTextureDimension / largestViewDimension;
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const initializeViewport = (viewport, texture, layout, offset, numViews) => {
       let x = 0;
       let y = 0;
       let width = texture.width;
       let height = texture.height;
-      // If layout is "stereo-left-right":
-      // Set viewport’s x to the pixel width of texture multiplied by offset and divided by num.
-      // Set viewport’s width to the pixel width of subimage’s texture divided by num.
       if (layout === XRLayerLayout['stereo-left-right']) {
           x = (texture.width * offset) / numViews;
           width = texture.width / numViews;
       }
       else if (layout === XRLayerLayout['stereo-top-bottom']) {
-          // Set viewport’s y to the pixel height of texture multiplied by offset and divided by num.
-          // Set viewport’s height to the pixel height of subimage’s texture divided by num.
           y = (texture.height * offset) / numViews;
           height = texture.height / numViews;
       }
@@ -6174,59 +5726,31 @@
       viewport.height = height;
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const compileShader = (gl, shaderSource, shaderType) => {
-      // Create the shader object
       var shader = gl.createShader(shaderType);
-      // Set the shader source code.
       gl.shaderSource(shader, shaderSource);
-      // Compile the shader
       gl.compileShader(shader);
-      // Check if it compiled
       var success = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
       if (!success) {
-          // Something went wrong during compilation; get the error
           throw 'could not compile shader:' + gl.getShaderInfoLog(shader);
       }
       return shader;
   };
-  /**
-   * Creates a program from 2 shaders.
-   */
   const createProgram = (gl, vertexShader, fragmentShader) => {
-      // create a program.
       const program = gl.createProgram();
       const compiledVS = compileShader(gl, vertexShader, gl.VERTEX_SHADER);
       const compiledFS = compileShader(gl, fragmentShader, gl.FRAGMENT_SHADER);
-      // attach the shaders.
       gl.attachShader(program, compiledVS);
       gl.attachShader(program, compiledFS);
       gl.deleteShader(compiledVS);
       gl.deleteShader(compiledFS);
-      // link the program.
       gl.linkProgram(program);
-      // Check if it linked.
       var success = gl.getProgramParameter(program, gl.LINK_STATUS);
       if (!success) {
-          // something went wrong with the link
           throw 'program failed to link:' + gl.getProgramInfoLog(program);
       }
       return program;
   };
-  // USED FOR PROJECTION RENDERER
   const setRectangle = (gl, x, y, width, height) => {
       var x1 = x;
       var x2 = x + width;
@@ -6234,7 +5758,6 @@
       var y2 = y + height;
       gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([x1, y1, x2, y1, x1, y2, x1, y2, x2, y1, x2, y2]), gl.DYNAMIC_DRAW);
   };
-  // VAO support
   const applyVAOExtension = (gl) => {
       if (gl instanceof WebGL2RenderingContext) {
           return gl;
@@ -6252,23 +5775,8 @@
       };
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  // template tagging for syntax highlight
-  const glsl$2 = (x) => x;
-  const vertexShader$2 = glsl$2 `
+  const glsl = (x) => x;
+  const vertexShader = glsl `
 attribute vec2 a_position;
 attribute vec2 a_texCoord;
 
@@ -6291,7 +5799,7 @@ void main() {
    v_texCoord = a_texCoord;
 }
 `;
-  const fragmentShader$2 = glsl$2 `
+  const fragmentShader = glsl `
 precision mediump float;
 
 // our texture
@@ -6309,7 +5817,7 @@ void main() {
       constructor(layer, context) {
           this.gl = context;
           this.layer = layer;
-          this.program = createProgram(this.gl, vertexShader$2, fragmentShader$2);
+          this.program = createProgram(this.gl, vertexShader, fragmentShader);
           this.programInfo = {
               attribLocations: {
                   a_position: this.gl.getAttribLocation(this.program, 'a_position'),
@@ -6322,14 +5830,12 @@ void main() {
           let gl = this.gl;
           let baseLayer = session.getBaseLayer();
           gl.viewport(0, 0, baseLayer.framebufferWidth, baseLayer.framebufferHeight);
-          // get texture type of layer
           const textureType = this.layer.getTextureType();
           const existingTextureBinding = gl.getParameter(gl.TEXTURE_BINDING_2D);
           const existingActiveTexture = gl.getParameter(gl.ACTIVE_TEXTURE);
           if (textureType === XRTextureType.texture) {
               gl.activeTexture(gl.TEXTURE0);
               gl.bindTexture(gl.TEXTURE_2D, this.layer.colorTextures[0]);
-              // Set the parameters so we can render any size image.
               gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
               gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
               gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
@@ -6357,7 +5863,6 @@ This is probably an error with the polyfill itself; please file an issue on Gith
           const existingProgram = gl.getParameter(gl.CURRENT_PROGRAM);
           gl.useProgram(this.program);
           this.vaoGl.bindVertexArray(this.vao);
-          // Draw the rectangle.
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = 6;
@@ -6365,8 +5870,6 @@ This is probably an error with the polyfill itself; please file an issue on Gith
           this.vaoGl.bindVertexArray(null);
           gl.useProgram(existingProgram);
       }
-      // this is used only for stereo-left-right and stereo-top-bottom layers, and is used to render
-      // a part of a texture to a view.
       _renderInternalStereo(view) {
           if (view.eye === 'none') {
               return this._renderInternal();
@@ -6375,10 +5878,7 @@ This is probably an error with the polyfill itself; please file an issue on Gith
           this.vaoGl.bindVertexArray(this.vao);
           const existingProgram = gl.getParameter(gl.CURRENT_PROGRAM);
           gl.useProgram(this.program);
-          // set position array and texture array
-          // we have to set the texture buffer data for every eye
           this._setStereoTextureBuffer(view.eye === 'right' ? 1 : 0);
-          // Draw the shape
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = 6;
@@ -6389,29 +5889,23 @@ This is probably an error with the polyfill itself; please file an issue on Gith
       _createVAOs() {
           this._createTextureUVs();
           let gl = this.gl;
-          // makes sure that VAOs are usable on both WebGL1 and WebGL2
           this.vaoGl = applyVAOExtension(gl);
-          // position
           let positionBuffer = gl.createBuffer();
           this.vao = this.vaoGl.createVertexArray();
           this.vaoGl.bindVertexArray(this.vao);
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_position);
           gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
           setRectangle(gl, 0, 0, 1.0, 1.0);
-          // Tell the position attribute how to get data out of positionBuffer (ARRAY_BUFFER)
-          let size = 2; // 2 components per iteration
-          let type = gl.FLOAT; // the data is 32bit floats
-          let normalize = false; // don't normalize the data
-          let stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          let offset = 0; // start at the beginning of the buffer
+          let size = 2;
+          let type = gl.FLOAT;
+          let normalize = false;
+          let stride = 0;
+          let offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_position, size, type, normalize, stride, offset);
-          // textures
           this.texcoordBuffer = gl.createBuffer();
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_texCoord);
           gl.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
           gl.bufferData(gl.ARRAY_BUFFER, this.texturePoints, gl.DYNAMIC_DRAW);
-          // we can reset size, type, etc. here, but for projection
-          // layers they are the same between texture and position.
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_texCoord, size, type, normalize, stride, offset);
           this.vaoGl.bindVertexArray(null);
           gl.bindBuffer(gl.ARRAY_BUFFER, null);
@@ -6419,23 +5913,31 @@ This is probably an error with the polyfill itself; please file an issue on Gith
       _setStereoTextureBuffer(index) {
           let gl = this.gl;
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_texCoord);
-          // bind the texcoord buffer.
           gl.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
           gl.bufferData(gl.ARRAY_BUFFER, this.stereoTexturePoints[index], gl.STATIC_DRAW);
-          // Tell the texcoord attribute how to get data out of texcoordBuffer (ARRAY_BUFFER)
-          var size = 2; // 2 components per iteration
-          var type = gl.FLOAT; // the data is 32bit floats
-          var normalize = false; // don't normalize the data
-          var stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          var offset = 0; // start at the beginning of the buffer
+          var size = 2;
+          var type = gl.FLOAT;
+          var normalize = false;
+          var stride = 0;
+          var offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_texCoord, size, type, normalize, stride, offset);
           gl.bindBuffer(gl.ARRAY_BUFFER, null);
       }
       _createTextureUVs() {
           this.texturePoints = new Float32Array([
-              0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0,
+              0.0,
+              0.0,
+              1.0,
+              0.0,
+              0.0,
+              1.0,
+              0.0,
+              1.0,
+              1.0,
+              0.0,
+              1.0,
+              1.0,
           ]);
-          // calculate stereo layers if needed
           const viewport = {
               x: 0,
               y: 0,
@@ -6450,9 +5952,8 @@ This is probably an error with the polyfill itself; please file an issue on Gith
               this.stereoTexturePoints[1] = this._offsetTextureUVsByRect(this.layer.colorTexturesMeta[0], this.texturePoints, viewport);
           }
       }
-      // used in stereo-left-right and stereo-top-down layers to obtain UVs on a part of a texture
       _offsetTextureUVsByRect(texture, inArray, textureRect) {
-          textureRect = textureRect ?? {
+          textureRect = textureRect !== null && textureRect !== void 0 ? textureRect : {
               x: 0,
               y: 0,
               width: texture.width,
@@ -6478,7 +5979,7 @@ This is probably an error with the polyfill itself; please file an issue on Gith
               this.layer.layout === XRLayerLayout['stereo-top-bottom']);
       }
   }
-  const texArrayVertexShader$1 = glsl$2 `#version 300 es
+  const texArrayVertexShader = glsl `#version 300 es
 
 in vec2 a_position;
 in vec2 a_texCoord;
@@ -6502,7 +6003,7 @@ void main() {
 	v_texCoord = a_texCoord;
 }
 `;
-  const texArrayFragmentShader$1 = glsl$2 `#version 300 es
+  const texArrayFragmentShader = glsl `#version 300 es
 precision mediump float;
 precision mediump int;
 precision mediump sampler2DArray;
@@ -6520,15 +6021,11 @@ void main() {
 }
 
 `;
-  // texture-arrays only exist on webgl2, so we can assume that we can
-  // use all the new features
   class ProjectionTextureArrayRenderer extends ProjectionRenderer {
       constructor(layer, context) {
           super(layer, context);
-          // recreate program to use texArray shaders
-          this.program = createProgram(this.gl, texArrayVertexShader$1, texArrayFragmentShader$1);
+          this.program = createProgram(this.gl, texArrayVertexShader, texArrayFragmentShader);
           this._createVAOs();
-          // uniform
           this.u_layerInfo = this.gl.getUniformLocation(this.program, 'u_layer');
       }
       render(session) {
@@ -6538,7 +6035,6 @@ void main() {
               throw new Error('Using texture array projection renderer on a layer without texture array.');
           }
           let baseLayer = session.getBaseLayer();
-          // get texture type of layer
           const existingTextureBinding = gl.getParameter(gl.TEXTURE_BINDING_2D_ARRAY);
           gl.bindTexture(gl.TEXTURE_2D_ARRAY, this.layer.colorTextures[0]);
           gl.texParameteri(gl.TEXTURE_2D_ARRAY, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
@@ -6557,7 +6053,6 @@ void main() {
           gl.useProgram(this.program);
           gl.bindVertexArray(this.vao);
           gl.uniform1i(this.u_layerInfo, layer);
-          // Draw the rectangle.
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = 6;
@@ -6575,21 +6070,159 @@ void main() {
       return new ProjectionRenderer(layer, context);
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  // template tagging for syntax highlight
+  var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
+  if (!Math.hypot) Math.hypot = function () {
+    var y = 0,
+        i = arguments.length;
+    while (i--) {
+      y += arguments[i] * arguments[i];
+    }
+    return Math.sqrt(y);
+  };
+
+  function create() {
+    var out = new ARRAY_TYPE(16);
+    if (ARRAY_TYPE != Float32Array) {
+      out[1] = 0;
+      out[2] = 0;
+      out[3] = 0;
+      out[4] = 0;
+      out[6] = 0;
+      out[7] = 0;
+      out[8] = 0;
+      out[9] = 0;
+      out[11] = 0;
+      out[12] = 0;
+      out[13] = 0;
+      out[14] = 0;
+    }
+    out[0] = 1;
+    out[5] = 1;
+    out[10] = 1;
+    out[15] = 1;
+    return out;
+  }
+  function multiply(out, a, b) {
+    var a00 = a[0],
+        a01 = a[1],
+        a02 = a[2],
+        a03 = a[3];
+    var a10 = a[4],
+        a11 = a[5],
+        a12 = a[6],
+        a13 = a[7];
+    var a20 = a[8],
+        a21 = a[9],
+        a22 = a[10],
+        a23 = a[11];
+    var a30 = a[12],
+        a31 = a[13],
+        a32 = a[14],
+        a33 = a[15];
+    var b0 = b[0],
+        b1 = b[1],
+        b2 = b[2],
+        b3 = b[3];
+    out[0] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[1] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[2] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[3] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+    b0 = b[4];
+    b1 = b[5];
+    b2 = b[6];
+    b3 = b[7];
+    out[4] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[5] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[6] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[7] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+    b0 = b[8];
+    b1 = b[9];
+    b2 = b[10];
+    b3 = b[11];
+    out[8] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[9] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[10] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[11] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+    b0 = b[12];
+    b1 = b[13];
+    b2 = b[14];
+    b3 = b[15];
+    out[12] = b0 * a00 + b1 * a10 + b2 * a20 + b3 * a30;
+    out[13] = b0 * a01 + b1 * a11 + b2 * a21 + b3 * a31;
+    out[14] = b0 * a02 + b1 * a12 + b2 * a22 + b3 * a32;
+    out[15] = b0 * a03 + b1 * a13 + b2 * a23 + b3 * a33;
+    return out;
+  }
+  function fromQuat(out, q) {
+    var x = q[0],
+        y = q[1],
+        z = q[2],
+        w = q[3];
+    var x2 = x + x;
+    var y2 = y + y;
+    var z2 = z + z;
+    var xx = x * x2;
+    var yx = y * x2;
+    var yy = y * y2;
+    var zx = z * x2;
+    var zy = z * y2;
+    var zz = z * z2;
+    var wx = w * x2;
+    var wy = w * y2;
+    var wz = w * z2;
+    out[0] = 1 - yy - zz;
+    out[1] = yx + wz;
+    out[2] = zx - wy;
+    out[3] = 0;
+    out[4] = yx - wz;
+    out[5] = 1 - xx - zz;
+    out[6] = zy + wx;
+    out[7] = 0;
+    out[8] = zx + wy;
+    out[9] = zy - wx;
+    out[10] = 1 - xx - yy;
+    out[11] = 0;
+    out[12] = 0;
+    out[13] = 0;
+    out[14] = 0;
+    out[15] = 1;
+    return out;
+  }
+
+  function create$1() {
+    var out = new ARRAY_TYPE(2);
+    if (ARRAY_TYPE != Float32Array) {
+      out[0] = 0;
+      out[1] = 0;
+    }
+    return out;
+  }
+  (function () {
+    var vec = create$1();
+    return function (a, stride, offset, count, fn, arg) {
+      var i, l;
+      if (!stride) {
+        stride = 2;
+      }
+      if (!offset) {
+        offset = 0;
+      }
+      if (count) {
+        l = Math.min(count * stride + offset, a.length);
+      } else {
+        l = a.length;
+      }
+      for (i = offset; i < l; i += stride) {
+        vec[0] = a[i];
+        vec[1] = a[i + 1];
+        fn(vec, vec, arg);
+        a[i] = vec[0];
+        a[i + 1] = vec[1];
+      }
+      return a;
+    };
+  })();
+
   const glsl$1 = (x) => x;
   const vertexShader$1 = glsl$1 `
 attribute vec4 a_position;
@@ -6624,8 +6257,7 @@ void main() {
 	// gl_FragColor = vec4(1.0, 0, 0, 1.0);
 }
 `;
-  // shaders used for WebGL 2 texture-array case only
-  const texArrayVertexShader = glsl$1 `#version 300 es
+  const texArrayVertexShader$1 = glsl$1 `#version 300 es
 
 in vec4 a_position;
 in vec2 a_texCoord;
@@ -6644,7 +6276,7 @@ void main() {
 	v_texCoord = a_texCoord;
 }
 `;
-  const texArrayFragmentShader = glsl$1 `#version 300 es
+  const texArrayFragmentShader$1 = glsl$1 `#version 300 es
 precision mediump float;
 precision mediump int;
 precision mediump sampler2DArray;
@@ -6662,7 +6294,6 @@ void main() {
 }
 
 `;
-  // used for everything except Projection and Cube layers
   class CompositionLayerRenderer {
       constructor(layer, context) {
           this.usesTextureArrayShaders = false;
@@ -6671,21 +6302,17 @@ void main() {
           this.gl = context;
           this.layer = layer;
           let gl = this.gl;
-          this.transformMatrix = create$4();
-          // if we are WebGL 2 and texture type is texture-array, we are using
-          // the texture array GLES 3.0 shaders
+          this.transformMatrix = create();
           if (context instanceof WebGL2RenderingContext &&
               this.layer.getTextureType() === XRTextureType['texture-array']) {
               this.usesTextureArrayShaders = true;
           }
-          // create the program
           if (this.usesTextureArrayShaders) {
-              this.program = createProgram(gl, texArrayVertexShader, texArrayFragmentShader);
+              this.program = createProgram(gl, texArrayVertexShader$1, texArrayFragmentShader$1);
           }
           else {
               this.program = createProgram(gl, vertexShader$1, fragmentShader$1);
           }
-          // create program info
           this.programInfo = {
               attribLocations: {
                   a_position: gl.getAttribLocation(this.program, 'a_position'),
@@ -6709,15 +6336,8 @@ void main() {
           this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.savedVaoState.arrayBuffer);
           this.savedVaoState.vao = this.savedVaoState.arrayBuffer = null;
       }
-      /**
-       * Initializes the renderer. This should be run in the constructor of derived renderers.
-       * The reason why it isn't just in the constructor of the base renderer is because creating
-       * geometry may require additional computation in the derived class, which would run after a
-       * super() call.
-       */
       initialize() {
           let gl = this.gl;
-          // create media textures if needed
           if (this.layer.isMediaLayer()) {
               this.mediaTexture = gl.createTexture();
               this.mediaTexturePolyfill = {
@@ -6732,15 +6352,11 @@ void main() {
               gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, this.layer.media.videoWidth, this.layer.media.videoHeight, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
               gl.bindTexture(gl.TEXTURE_2D, existingTextureBinding);
           }
-          // setup geometry and VAO
           this._createVAOs();
       }
       render(session, frame) {
           this.saveVaoState();
           let gl = this.gl;
-          // set viewport
-          // we already rendered the views into the layer's color textures
-          // so we can just render them all into the baselayer
           let baseLayer = session.getBaseLayer();
           let basePose = frame.getViewerPose(session.getReferenceSpace());
           const existingActiveTexture = gl.getParameter(gl.ACTIVE_TEXTURE);
@@ -6755,11 +6371,8 @@ void main() {
                   if (this.layer.isMediaLayer()) {
                       throw new Error('This should never happen. Media layers should never be created with texture-array');
                   }
-                  // if we're using texture-array, there is always only a single entry in layer.colorTextures
-                  // and instead we use the layers uniform to render out individual pieces.
                   const existingTextureBinding = gl.getParameter(gl.TEXTURE_BINDING_2D_ARRAY);
                   gl.bindTexture(gl.TEXTURE_2D_ARRAY, this.layer.colorTextures[0]);
-                  // generate mips for static layers
                   if (this.layer.isStatic) {
                       if (this.layer.needsRedraw === true) {
                           gl.generateMipmap(gl.TEXTURE_2D_ARRAY);
@@ -6773,16 +6386,12 @@ void main() {
                   gl.texParameteri(gl.TEXTURE_2D_ARRAY, gl.TEXTURE_MIN_FILTER, this.hasMipmap ? gl.LINEAR_MIPMAP_LINEAR : gl.LINEAR);
                   let layer = 0;
                   if (this.layer.layout === XRLayerLayout.stereo) {
-                      // STEREO CASE - we only have multiple layers if we have a stereo layer, in which case
-                      // the right eye should use layer 1.
                       switch (view.eye) {
                           case 'right':
                               layer = 1;
                               break;
                       }
                   }
-                  // for stereo-left-right and stereo-top-bottom, we need to update
-                  // the texture UVs to get the correct slice of texture
                   if (this._shouldUseStereoTexturePoints()) {
                       this._renderInternalStereo(session, frame, view, layer);
                   }
@@ -6795,13 +6404,11 @@ void main() {
               else {
                   const existingTextureBinding = gl.getParameter(gl.TEXTURE_BINDING_2D);
                   if (this.layer.isMediaLayer()) {
-                      // we have to bind the media to gl instead!
                       gl.bindTexture(gl.TEXTURE_2D, this.mediaTexture);
                       gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
                       gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, this.layer.media.videoWidth, this.layer.media.videoHeight, gl.RGBA, gl.UNSIGNED_BYTE, this.layer.media);
                   }
                   else if (this.layer.layout === XRLayerLayout.stereo) {
-                      // STEREO CASE - we have to pull out the multiple textures from the texture array
                       switch (view.eye) {
                           case 'right':
                               gl.bindTexture(gl.TEXTURE_2D, this.layer.colorTextures[1]);
@@ -6811,10 +6418,8 @@ void main() {
                       }
                   }
                   else {
-                      // for mono and split-screen stereo, we only have the one texture
                       gl.bindTexture(gl.TEXTURE_2D, this.layer.colorTextures[0]);
                   }
-                  // generate mips for static layers
                   if (this.layer.isStatic) {
                       if (this.layer.needsRedraw === true) {
                           gl.generateMipmap(gl.TEXTURE_2D);
@@ -6824,13 +6429,10 @@ void main() {
                   else {
                       this.hasMipmap = this.layer.mipLevels > 0;
                   }
-                  // Set the parameters so we can render any size image.
                   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
                   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
                   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, this.hasMipmap ? gl.LINEAR_MIPMAP_LINEAR : gl.LINEAR);
                   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, this.hasMipmap ? gl.LINEAR_MIPMAP_LINEAR : gl.LINEAR);
-                  // for stereo-left-right and stereo-top-bottom, we need to update
-                  // the texture UVs to get the correct slice of texture
                   if (this._shouldUseStereoTexturePoints()) {
                       this._renderInternalStereo(session, frame, view);
                   }
@@ -6843,19 +6445,14 @@ void main() {
           }
           this.restoreVaoState();
       }
-      // override this to set position values!
       createPositionPoints() {
           return new Float32Array([]);
       }
-      // override this to set texture coords!
       createTextureUVs() {
           return new Float32Array([]);
       }
-      // STEREO RENDERING FUNCTIONS
-      ////////////////////////////////
-      // used in stereo-left-right and stereo-top-down layers to obtain UVs on a part of a texture
       _offsetTextureUVsByRect(texture, inArray, textureRect) {
-          textureRect = textureRect ?? {
+          textureRect = textureRect !== null && textureRect !== void 0 ? textureRect : {
               x: 0,
               y: 0,
               width: texture.width,
@@ -6880,30 +6477,22 @@ void main() {
           return (this.layer.layout === XRLayerLayout['stereo-left-right'] ||
               this.layer.layout === XRLayerLayout['stereo-top-bottom']);
       }
-      // NOTE: this does not initialize any data!
-      // TODO: this is probably more efficient as a separate shader.
       _setStereoTextureBuffer(index) {
           let gl = this.gl;
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_texCoord);
-          // bind the texcoord buffer.
           gl.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
           gl.bufferData(gl.ARRAY_BUFFER, this.stereoTexturePoints[index], gl.STATIC_DRAW);
-          // Tell the texcoord attribute how to get data out of texcoordBuffer (ARRAY_BUFFER)
-          var size = 2; // 2 components per iteration
-          var type = gl.FLOAT; // the data is 32bit floats
-          var normalize = false; // don't normalize the data
-          var stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          var offset = 0; // start at the beginning of the buffer
+          var size = 2;
+          var type = gl.FLOAT;
+          var normalize = false;
+          var stride = 0;
+          var offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_texCoord, size, type, normalize, stride, offset);
           gl.bindBuffer(gl.ARRAY_BUFFER, null);
       }
-      // INITIALIZATION
-      // THESE FUNCTIONS ARE CALLED IN CONSTRUCTOR
-      //////////////////////////////////////////////
       _recalculateVertices() {
           this.positionPoints = this.createPositionPoints();
           this.texturePoints = this.createTextureUVs();
-          // calculate stereo layers if needed
           const viewport = {
               x: 0,
               y: 0,
@@ -6917,9 +6506,6 @@ void main() {
                   this.stereoTexturePoints[0] = this._offsetTextureUVsByRect(this.mediaTexturePolyfill, this.texturePoints, viewport);
                   initializeViewport(viewport, this.mediaTexturePolyfill, this.layer.layout, 1, 2);
                   this.stereoTexturePoints[1] = this._offsetTextureUVsByRect(this.mediaTexturePolyfill, this.texturePoints, viewport);
-                  // the texture is expected to be flipped on the y axis, which for top-down stereo causes
-                  // left-right eye positions to be flipped too. So we fix that by switching the eye location
-                  // in the texture
                   if (this.layer.layout === XRLayerLayout['stereo-top-bottom']) {
                       [this.stereoTexturePoints[0], this.stereoTexturePoints[1]] = [
                           this.stereoTexturePoints[1],
@@ -6932,9 +6518,6 @@ void main() {
               this.stereoTexturePoints[0] = this._offsetTextureUVsByRect(this.layer.colorTexturesMeta[0], this.texturePoints, viewport);
               initializeViewport(viewport, this.layer.colorTexturesMeta[0], this.layer.layout, 1, 2);
               this.stereoTexturePoints[1] = this._offsetTextureUVsByRect(this.layer.colorTexturesMeta[0], this.texturePoints, viewport);
-              // the texture is expected to be flipped on the y axis, which for top-down stereo causes
-              // left-right eye positions to be flipped too. So we fix that by switching the eye location
-              // in the texture
               if (this.layer.layout === XRLayerLayout['stereo-top-bottom']) {
                   [this.stereoTexturePoints[0], this.stereoTexturePoints[1]] = [
                       this.stereoTexturePoints[1],
@@ -6946,66 +6529,44 @@ void main() {
       _createVAOs() {
           this._recalculateVertices();
           let gl = this.gl;
-          // makes sure that VAOs are usable on both WebGL1 and WebGL2
           this.vaoGl = applyVAOExtension(gl);
-          // push vao existing vao state
           this.saveVaoState();
-          // position
           let positionBuffer = gl.createBuffer();
           this.vao = this.vaoGl.createVertexArray();
           this.vaoGl.bindVertexArray(this.vao);
-          // Turn on the position attribute
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_position);
-          // Bind the position buffer.
           gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
           const positions = this.positionPoints;
           gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);
-          // Tell the position attribute how to get data out of positionBuffer (ARRAY_BUFFER)
-          var size = 3; // 3 components per iteration
-          var type = gl.FLOAT; // the data is 32bit floats
-          var normalize = false; // don't normalize the data
-          var stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          var offset = 0; // start at the beginning of the buffer
+          var size = 3;
+          var type = gl.FLOAT;
+          var normalize = false;
+          var stride = 0;
+          var offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_position, size, type, normalize, stride, offset);
-          // textures
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_texCoord);
           this.texcoordBuffer = gl.createBuffer();
-          // bind the texcoord buffer.
           gl.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
           gl.bufferData(gl.ARRAY_BUFFER, this.texturePoints, gl.STATIC_DRAW);
-          // Tell the texcoord attribute how to get data out of texcoordBuffer (ARRAY_BUFFER)
-          var size = 2; // 2 components per iteration
-          var type = gl.FLOAT; // the data is 32bit floats
-          var normalize = false; // don't normalize the data
-          var stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          var offset = 0; // start at the beginning of the buffer
+          var size = 2;
+          var type = gl.FLOAT;
+          var normalize = false;
+          var stride = 0;
+          var offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_texCoord, size, type, normalize, stride, offset);
-          // pop vao state
           this.restoreVaoState();
       }
-      // RENDERING
-      /////////////////
-      /**
-       * @param frame
-       * @param view
-       * @param layer only relevant for texture_arrays - used to determine which layer to render from.
-       */
       _renderInternal(session, frame, view, layer) {
           let gl = this.gl;
-          // Tell it to use our program (pair of shaders)
           const existingProgram = gl.getParameter(gl.CURRENT_PROGRAM);
           gl.useProgram(this.program);
           this.vaoGl.bindVertexArray(this.vao);
-          // LAYER
           if (this.usesTextureArrayShaders) {
               gl.uniform1i(this.programInfo.uniformLocations.u_layer, layer);
           }
-          // MATRIX
-          // set matrix
           this._setTransformMatrix(session, frame, view);
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_matrix, false, this.transformMatrix);
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_projectionMatrix, false, view.projectionMatrix);
-          // Draw the shape
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = this.positionPoints.length / 3;
@@ -7013,32 +6574,21 @@ void main() {
           this.vaoGl.bindVertexArray(null);
           gl.useProgram(existingProgram);
       }
-      // this is used only for stereo-left-right and stereo-top-bottom layers, and is used to render
-      // a part of a texture to a view.
       _renderInternalStereo(session, frame, view, layer) {
           if (view.eye === 'none') {
               return this._renderInternal(session, frame, view);
           }
           let gl = this.gl;
           this.vaoGl.bindVertexArray(this.vao);
-          // Tell it to use our program (pair of shaders)
           const existingProgram = gl.getParameter(gl.CURRENT_PROGRAM);
           gl.useProgram(this.program);
-          // set position array and texture array
-          // we have to set the texture buffer data for every eye
           this._setStereoTextureBuffer(view.eye === 'right' ? 1 : 0);
-          // LAYER
           if (this.usesTextureArrayShaders) {
               gl.uniform1i(this.programInfo.uniformLocations.u_layer, layer);
           }
-          // MATRIX
-          // set matrix
           this._setTransformMatrix(session, frame, view);
-          // we want the inverse, taken from the explainer:
-          // https://immersive-web.github.io/webxr/explainer.html#viewer-tracking-with-webgl
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_matrix, false, this.transformMatrix);
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_projectionMatrix, false, view.projectionMatrix);
-          // Draw the shape
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = this.positionPoints.length / 3;
@@ -7048,26 +6598,11 @@ void main() {
       }
       _setTransformMatrix(session, frame, view) {
           let objPose = frame.getPose(this.layer.space, session.getReferenceSpace());
-          multiply$1(this.transformMatrix, objPose.transform.matrix, this.layer.transform.matrix);
-          // see https://developer.mozilla.org/en-US/docs/Web/API/XRView/transform#examples for why we do this.
-          multiply$1(this.transformMatrix, view.transform.inverse.matrix, this.transformMatrix);
+          multiply(this.transformMatrix, objPose.transform.matrix, this.layer.transform.matrix);
+          multiply(this.transformMatrix, view.transform.inverse.matrix, this.transformMatrix);
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class QuadRenderer extends CompositionLayerRenderer {
       constructor(layer, context) {
           super(layer, context);
@@ -7078,27 +6613,21 @@ void main() {
           const height = this.layer.height;
           const z = 0;
           const positions = [
-              // bottom left
               -width,
               -height,
               z,
-              // bottom right
               width,
               -height,
               z,
-              // top left
               -width,
               height,
               z,
-              // top left
               -width,
               height,
               z,
-              // bottom right
               width,
               -height,
               z,
-              // top right
               width,
               height,
               z,
@@ -7106,26 +6635,10 @@ void main() {
           return new Float32Array(positions);
       }
       createTextureUVs() {
-          return new Float32Array([
-              0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0,
-          ]);
+          return new Float32Array([0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 0.0, 1.0, 1.0, 0.0, 1.0, 1.0]);
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class CylinderRenderer extends CompositionLayerRenderer {
       constructor(layer, context) {
           super(layer, context);
@@ -7134,41 +6647,31 @@ void main() {
       }
       createPositionPoints() {
           const positions = [];
-          // assume the central point is (0, 0, 0)
           const angle = this.layer.centralAngle;
           const height = this.layer.height;
           const radius = this.layer.radius;
           const radiansPerSegment = angle / this.segments;
           const theta = Math.PI / 2 - angle / 2;
           const unitCirclePositions = [];
-          // first point - on the right. We'll eventually have to flip the aray
-          const firstUnitPoint = create();
+          const firstUnitPoint = create$1();
           firstUnitPoint[0] = radius * Math.cos(theta);
           firstUnitPoint[1] = -radius * Math.sin(theta);
           unitCirclePositions.push(firstUnitPoint);
           for (let i = 0; i < this.segments; i++) {
-              const nextPoint = create();
+              const nextPoint = create$1();
               nextPoint[0] = radius * Math.cos(theta + radiansPerSegment * (i + 1));
               nextPoint[1] = -radius * Math.sin(theta + radiansPerSegment * (i + 1));
               unitCirclePositions.push(nextPoint);
           }
-          // flip the array to get the segments on the unit circle
           unitCirclePositions.reverse();
           for (let i = 0; i < this.segments; i++) {
               const u = unitCirclePositions[i];
               const v = unitCirclePositions[i + 1];
-              // we need six points per quad:
-              // bottom left
               positions.push(u[0], -height / 2, u[1]);
-              // bottom right
               positions.push(v[0], -height / 2, v[1]);
-              //top left
               positions.push(u[0], height / 2, u[1]);
-              //top left
               positions.push(u[0], height / 2, u[1]);
-              // bottom right
               positions.push(v[0], -height / 2, v[1]);
-              // top right
               positions.push(v[0], height / 2, v[1]);
           }
           return new Float32Array(positions);
@@ -7176,41 +6679,20 @@ void main() {
       createTextureUVs() {
           let textureUVs = [];
           const texturePercent = 1.0 / this.segments;
-          // texture UVs are 2D. We still need 6 vertices per quad.
           for (let i = 0; i < this.segments; i++) {
               let leftX = texturePercent * i;
               let rightX = texturePercent * (i + 1);
-              // bottom left
               textureUVs.push(leftX, 0);
-              // bottom right
               textureUVs.push(rightX, 0);
-              // top left
               textureUVs.push(leftX, 1);
-              // top left
               textureUVs.push(leftX, 1);
-              // bottom right
               textureUVs.push(rightX, 0);
-              // top right
               textureUVs.push(rightX, 1);
           }
           return new Float32Array(textureUVs);
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class EquirectRenderer extends CompositionLayerRenderer {
       constructor(layer, context) {
           super(layer, context);
@@ -7223,25 +6705,18 @@ void main() {
           if (radius === 0) {
               radius = 25;
           }
-          // TODO investigate why a bigger radius doesn't work
           if (radius > 25) {
               radius = 25;
           }
-          // this uses spherical coordinates.
-          // theta = the 'horizontal' axis, spanning the x and z axes Note that negative z is forward
-          // phi = the 'vertical' axis, going up and down the y axis.
           const horizAngle = this.layer.centralHorizontalAngle;
-          // phi (vertical) values need to be mapped from 0 to pi, where 0 is the top
-          // of the sphere and pi is the bottom. So we do that here...
           const phi1 = this.layer.upperVerticalAngle + Math.PI / 2;
           const phi2 = this.layer.lowerVerticalAngle + Math.PI / 2;
-          const startPhi = phi1; // start phi. 0 for top of the sphere
-          const endPhi = phi2; // end phi. pi for the bottom of the sphere
-          const startTheta = Math.PI / 2 - horizAngle / 2; // start theta. 0 to start at the x axis.
-          const endTheta = startTheta + horizAngle; // end theta. 2pi for whole circumference
+          const startPhi = phi1;
+          const endPhi = phi2;
+          const startTheta = Math.PI / 2 - horizAngle / 2;
+          const endTheta = startTheta + horizAngle;
           const phiRange = endPhi - startPhi;
           const thetaRange = endTheta - startTheta;
-          // base points
           const basePoints = [];
           for (let y = 0; y <= this.segmentsPerAxis; y++) {
               for (let x = 0; x <= this.segmentsPerAxis; x++) {
@@ -7252,29 +6727,18 @@ void main() {
                   let phi = phiRange * v + startPhi;
                   const ux = Math.cos(theta) * Math.sin(phi);
                   const uy = Math.cos(phi);
-                  // this is negative because negative z is forward...
                   const uz = -Math.sin(theta) * Math.sin(phi);
                   basePoints.push([r * ux, r * uy, r * uz]);
               }
           }
-          // now we have all the points of the sphere in...something of an order.
-          // let's convert it to positions
-          // if we decide to change the x and y, this should be the x
           const numVertsAround = this.segmentsPerAxis + 1;
           for (let x = 0; x < this.segmentsPerAxis; x++) {
               for (let y = 0; y < this.segmentsPerAxis; y++) {
-                  // create the quad from those four points
-                  // bottom left
                   positions.push(...basePoints[y * numVertsAround + x]);
-                  // bottom right
                   positions.push(...basePoints[y * numVertsAround + x + 1]);
-                  //top left
                   positions.push(...basePoints[(y + 1) * numVertsAround + x]);
-                  //top left
                   positions.push(...basePoints[(y + 1) * numVertsAround + x]);
-                  // bottom right
                   positions.push(...basePoints[y * numVertsAround + x + 1]);
-                  // top right
                   positions.push(...basePoints[(y + 1) * numVertsAround + x + 1]);
               }
           }
@@ -7293,17 +6757,11 @@ void main() {
           const numVertsAround = this.segmentsPerAxis + 1;
           for (let x = 0; x < this.segmentsPerAxis; x++) {
               for (let y = 0; y < this.segmentsPerAxis; y++) {
-                  // bottom left
                   triUVs.push(...baseUVs[y * numVertsAround + x]);
-                  // bottom right
                   triUVs.push(...baseUVs[y * numVertsAround + x + 1]);
-                  //top left
                   triUVs.push(...baseUVs[(y + 1) * numVertsAround + x]);
-                  //top left
                   triUVs.push(...baseUVs[(y + 1) * numVertsAround + x]);
-                  // bottom right
                   triUVs.push(...baseUVs[y * numVertsAround + x + 1]);
-                  // top right
                   triUVs.push(...baseUVs[(y + 1) * numVertsAround + x + 1]);
               }
           }
@@ -7311,28 +6769,14 @@ void main() {
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const defaultCubeLayerInit = {
       colorFormat: 0x1908,
       mipLevels: 1,
       layout: XRLayerLayout.mono,
       isStatic: false,
-      space: null, // this is required
-      viewPixelHeight: 0, // this is required
-      viewPixelWidth: 0, // this is required
+      space: null,
+      viewPixelHeight: 0,
+      viewPixelWidth: 0,
   };
   class XRCubeLayer extends XRCompositionLayerPolyfill {
       constructor(init = defaultCubeLayerInit) {
@@ -7340,8 +6784,7 @@ void main() {
           if (!isReferenceSpace(init.space)) {
               throw new TypeError("XRCubeLayer's space needs to be an XRReferenceSpace");
           }
-          // UNIMPLEMENTED: if init.space has a type of "viewer", throw TypeError and abort these steps
-          this.init = { ...defaultCubeLayerInit, ...init };
+          this.init = Object.assign(Object.assign({}, defaultCubeLayerInit), init);
           this.space = this.init.space;
           this.isStatic = this.init.isStatic;
           if (this.init.orientation) {
@@ -7386,8 +6829,6 @@ void main() {
           if (!this.init.depthFormat) {
               return;
           }
-          // If context is a WebGLRenderingContext and the WEBGL_depth_texture extension
-          // is not enabled in context, throw TypeError
           if (this.context instanceof WebGLRenderingContext) {
               let depthExtension = this.context.getExtension('WEBGL_depth_texture');
               if (!depthExtension) {
@@ -7418,7 +6859,6 @@ void main() {
           };
           const existingTextureBinding = this.context.getParameter(this.context.TEXTURE_BINDING_CUBE_MAP);
           this.context.bindTexture(this.context.TEXTURE_CUBE_MAP, texture);
-          // initialize size for all the sides of the cubemap
           for (let i = 0; i < 6; i++) {
               this.context.texImage2D(this.context.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, textureMeta.textureFormat, textureMeta.width, textureMeta.height, 0, textureMeta.textureFormat, this.context.UNSIGNED_BYTE, null);
           }
@@ -7437,8 +6877,6 @@ void main() {
           };
           const existingTextureBinding = this.context.getParameter(this.context.TEXTURE_BINDING_CUBE_MAP);
           this.context.bindTexture(this.context.TEXTURE_CUBE_MAP, texture);
-          // DEPTH_COMPONENT is not a valid internalFormat in WebGL2.
-          // https://stackoverflow.com/a/60703526
           let internalFormat = this.init.depthFormat;
           if (this.context instanceof WebGL2RenderingContext) {
               if (internalFormat === this.context.DEPTH_COMPONENT) {
@@ -7448,7 +6886,6 @@ void main() {
                   internalFormat = this.context.DEPTH24_STENCIL8;
               }
           }
-          // initialize size for all the sides of the cubemap
           for (let i = 0; i < 6; i++) {
               this.context.texImage2D(this.context.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, internalFormat, textureMeta.width, textureMeta.height, 0, textureMeta.textureFormat, this.context.UNSIGNED_INT, null);
           }
@@ -7460,23 +6897,8 @@ void main() {
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  // template tagging for syntax highlight
-  const glsl = (x) => x;
-  const vertexShader = glsl `
+  const glsl$2 = (x) => x;
+  const vertexShader$2 = glsl$2 `
 attribute vec4 a_position;
 uniform mat4 u_projectionMatrix;
 uniform mat4 u_matrix;
@@ -7488,7 +6910,7 @@ void main() {
    v_normal = normalize(a_position.xyz);
 }
 `;
-  const fragmentShader = glsl `
+  const fragmentShader$2 = glsl$2 `
 precision mediump float;
 
 varying vec3 v_normal;
@@ -7499,18 +6921,14 @@ void main() {
    gl_FragColor = textureCube(u_texture, normalize(v_normal));
 }
 `;
-  // see https://webglfundamentals.org/webgl/lessons/webgl-cube-maps.html
-  // and https://github.com/xdsopl/webgl/blob/master/cubemap.html
   class CubeRenderer {
       constructor(layer, gl) {
           this.savedVaoState = { vao: null, arrayBuffer: null };
           this.hasMipmap = false;
           this.layer = layer;
           this.gl = gl;
-          this.transformMatrix = create$4();
-          // create the program
-          this.program = createProgram(gl, vertexShader, fragmentShader);
-          // create program info
+          this.transformMatrix = create();
+          this.program = createProgram(gl, vertexShader$2, fragmentShader$2);
           this.programInfo = {
               attribLocations: {
                   a_position: gl.getAttribLocation(this.program, 'a_position'),
@@ -7521,7 +6939,6 @@ void main() {
                   u_projectionMatrix: gl.getUniformLocation(this.program, 'u_projectionMatrix'),
               },
           };
-          // setup geometry and VAO
           this._createVAOs();
       }
       saveVaoState() {
@@ -7544,7 +6961,6 @@ void main() {
               gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height);
               gl.activeTexture(gl.TEXTURE0);
               const existingTextureBinding = gl.getParameter(gl.TEXTURE_BINDING_CUBE_MAP);
-              // STEREO CASE: 0 is left eye, 1 is right eye
               if (this.layer.layout === XRLayerLayout.stereo) {
                   const index = view.eye === 'right' ? 1 : 0;
                   gl.bindTexture(gl.TEXTURE_CUBE_MAP, this.layer.colorTextures[index]);
@@ -7552,7 +6968,6 @@ void main() {
               else {
                   gl.bindTexture(gl.TEXTURE_CUBE_MAP, this.layer.colorTextures[0]);
               }
-              // generate mips for static layers
               if (this.layer.isStatic) {
                   if (this.layer.needsRedraw === true) {
                       gl.generateMipmap(gl.TEXTURE_CUBE_MAP);
@@ -7570,10 +6985,8 @@ void main() {
           }
           this.restoreVaoState();
       }
-      // override this to set position values!
       createPositionPoints() {
           const w = 0.5;
-          // prettier-ignore
           const positions = [
               -w, -w, -w,
               -w, w, -w,
@@ -7619,9 +7032,6 @@ void main() {
           const existingProgram = gl.getParameter(gl.CURRENT_PROGRAM);
           gl.useProgram(this.program);
           this.vaoGl.bindVertexArray(this.vao);
-          // MATRIX
-          // set matrix
-          // apply only the orientation of the pose and the layer to the transform matrix.
           fromQuat(this.transformMatrix, [
               orientation.x,
               orientation.y,
@@ -7629,7 +7039,7 @@ void main() {
               orientation.w,
           ]);
           if (!this._poseOrientationMatrix) {
-              this._poseOrientationMatrix = create$4();
+              this._poseOrientationMatrix = create();
           }
           fromQuat(this._poseOrientationMatrix, [
               view.transform.inverse.orientation.x,
@@ -7637,13 +7047,10 @@ void main() {
               view.transform.inverse.orientation.z,
               view.transform.inverse.orientation.w,
           ]);
-          multiply$1(this.transformMatrix, this.transformMatrix, this._poseOrientationMatrix);
+          multiply(this.transformMatrix, this.transformMatrix, this._poseOrientationMatrix);
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_matrix, false, this.transformMatrix);
           gl.uniformMatrix4fv(this.programInfo.uniformLocations.u_projectionMatrix, false, view.projectionMatrix);
-          // TEXTURE
-          // Tell the shader to use texture unit 0 for u_texture
           gl.uniform1i(this.programInfo.uniformLocations.u_texture, 0);
-          // Draw the shape
           var primitiveType = gl.TRIANGLES;
           var offset = 0;
           var count = this.positionPoints.length / 3;
@@ -7657,46 +7064,25 @@ void main() {
       _createVAOs() {
           this._recalculateVertices();
           let gl = this.gl;
-          // makes sure that VAOs are usable on both WebGL1 and WebGL2
           this.vaoGl = applyVAOExtension(gl);
           this.saveVaoState();
-          // position
           let positionBuffer = gl.createBuffer();
           this.vao = this.vaoGl.createVertexArray();
           this.vaoGl.bindVertexArray(this.vao);
-          // Turn on the position attribute
           gl.enableVertexAttribArray(this.programInfo.attribLocations.a_position);
-          // Bind the position buffer.
           gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
           const positions = this.positionPoints;
           gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);
-          // Tell the position attribute how to get data out of positionBuffer (ARRAY_BUFFER)
-          var size = 3; // 3 components per iteration
-          var type = gl.FLOAT; // the data is 32bit floats
-          var normalize = false; // don't normalize the data
-          var stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
-          var offset = 0; // start at the beginning of the buffer
+          var size = 3;
+          var type = gl.FLOAT;
+          var normalize = false;
+          var stride = 0;
+          var offset = 0;
           gl.vertexAttribPointer(this.programInfo.attribLocations.a_position, size, type, normalize, stride, offset);
           this.restoreVaoState();
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  // type here to avoid trying to include XRWebGLLayer from the webxr package
-  // because XRWebGLLayer was defined as a class, not an interface.
   class XRSessionWithLayer {
       constructor() {
           this.mode = 'inline';
@@ -7704,11 +7090,9 @@ void main() {
           this.views = [];
           this.initializedViews = false;
           this.isPolyfillActive = false;
-          // TASK QUEUE
           this.taskQueue = [];
       }
       requestAnimationFrame(animationFrameCallback) {
-          // if we don't have a pose, get the pose
           if (!this.injectedFrameCallback) {
               this.injectedFrameCallback = (time, frame) => {
                   let gl = this.context;
@@ -7719,7 +7103,6 @@ void main() {
                           this.initializedViews = true;
                       }
                   }
-                  // Layers MUST be cleared to (0, 0, 0, 0) at the beginning of the frame
                   if (this.isPolyfillActive && this.initializedViews) {
                       if (!this.tempFramebuffer) {
                           this.tempFramebuffer = gl.createFramebuffer();
@@ -7729,30 +7112,15 @@ void main() {
                       const existingFrameBuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
                       gl.clearColor(0, 0, 0, 0);
                       for (let layer of this.layers) {
-                          // TODO: spec says all of them should be cleared, but clearing quad layers causes the layer
-                          // to disappear...
                           if (!(layer instanceof XRProjectionLayer)) {
                               continue;
                           }
-                          // Skip if layer textures aren't allocated yet
-                          if (!layer.colorTextures || !layer.colorTexturesMeta || layer.colorTextures.length === 0) {
-                              continue;
-                          }
-                          // clear color textures
                           for (let i = 0; i < layer.colorTextures.length; i++) {
                               let textureType = layer.colorTexturesMeta[i].type;
-                              let textureMeta = layer.colorTexturesMeta[i];
                               if (textureType === XRTextureType['texture-array']) ;
-                              else if (textureMeta._autoAntialiasing && textureMeta._msaaFramebuffer) {
-                                  // For MSAA textures, clear the MSAA framebuffer directly
-                                  gl.bindFramebuffer(gl.FRAMEBUFFER, textureMeta._msaaFramebuffer);
-                                  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
-                              }
                               else {
-                                  // Regular texture clearing (original logic)
                                   gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, layer.colorTextures[i], 0);
-                                  if (layer.depthStencilTextures &&
-                                      i < layer.depthStencilTextures.length) {
+                                  if (layer.depthStencilTextures && i < layer.depthStencilTextures.length) {
                                       gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, layer.depthStencilTextures[i], 0);
                                   }
                                   else {
@@ -7762,18 +7130,11 @@ void main() {
                               }
                           }
                       }
-                      // set framebuffer back before rendering anything
                       gl.bindFramebuffer(gl.FRAMEBUFFER, existingFrameBuffer);
                       gl.clearColor(existingClearColor[0], existingClearColor[1], existingClearColor[2], existingClearColor[3]);
                   }
                   animationFrameCallback(time, frame);
-                  // AUTO-RESOLVE MSAA FRAMEBUFFERS AFTER USER RENDERING
-                  if (this.isPolyfillActive && this.initializedViews) {
-                      this._autoResolveMSAAFramebuffers();
-                  }
-                  // render the layers
                   if (this.isPolyfillActive && this.initializedViews) {
-                      // store values so we can reset it after our rendering pass.
                       let prevBlend = gl.isEnabled(gl.BLEND);
                       let prevDepthTest = gl.isEnabled(gl.DEPTH_TEST);
                       let prevCullFace = gl.isEnabled(gl.CULL_FACE);
@@ -7782,8 +7143,6 @@ void main() {
                       gl.bindFramebuffer(gl.FRAMEBUFFER, this.getBaseLayer().framebuffer);
                       gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
                       gl.clearColor(existingClearColor[0], existingClearColor[1], existingClearColor[2], existingClearColor[3]);
-                      // you need to enable gl.BLEND for the
-                      // blend function to operate. And for alpha to multiply.
                       gl.enable(gl.BLEND);
                       gl.disable(gl.DEPTH_TEST);
                       gl.disable(gl.CULL_FACE);
@@ -7792,13 +7151,10 @@ void main() {
                       let prevBlendDestRGB = gl.getParameter(gl.BLEND_DST_RGB);
                       let prevBlendDestAlpha = gl.getParameter(gl.BLEND_DST_ALPHA);
                       gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-                      // get all layers!
                       for (let layer of this.layers) {
                           if (!this.renderers) {
                               this.renderers = new WeakMap();
                           }
-                          // if it's not a media layer, we need to render a normal WebGL Layer
-                          // which involves using custom shaders per layer type.
                           if (layer instanceof XRProjectionLayer) {
                               if (!this.renderers.has(layer)) {
                                   this.renderers.set(layer, createProjectionRenderer(layer, this.context));
@@ -7835,14 +7191,10 @@ void main() {
                               renderer.render(this, frame);
                           }
                           else {
-                              // XRWebGLLayer
                               const webglLayer = layer;
                               if (webglLayer.framebuffer === null) {
-                                  // webglLayer is the same as the base layer, so we skip it since
-                                  // we rendered into the framebuffer already.
                                   continue;
                               }
-                              // TODO: test this, because this is totally untested.
                               if (gl instanceof WebGL2RenderingContext) {
                                   gl.bindFramebuffer(gl.READ_FRAMEBUFFER, webglLayer.framebuffer);
                                   gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, this.getBaseLayer().framebuffer);
@@ -7853,7 +7205,6 @@ void main() {
                               }
                           }
                       }
-                      // restore previous settings
                       if (!prevBlend) {
                           gl.disable(gl.BLEND);
                       }
@@ -7863,10 +7214,8 @@ void main() {
                       if (prevCullFace) {
                           gl.enable(gl.CULL_FACE);
                       }
-                      // restore previous blendFunc
                       gl.blendFuncSeparate(prevBlendSrcRGB, prevBlendDestRGB, prevBlendSrcAlpha, prevBlendDestAlpha);
                       gl.bindFramebuffer(gl.FRAMEBUFFER, existingFrameBuffer);
-                      // run task queue
                       while (this.taskQueue.length > 0) {
                           const task = this.taskQueue.shift();
                           task();
@@ -7876,10 +7225,6 @@ void main() {
           }
           this._requestAnimationFrame(this.injectedFrameCallback);
       }
-      // An implementation of session.updateRenderState({ layers: [...layers] });
-      // that overrides layers and sets the baseLayer to one that is custom created in this
-      // polyfilled session, and then adds the contents of the other layers onto that base layer
-      // and saves the custom layers as state on the object
       updateRenderState(XRRenderStateInit) {
           this.existingBaseLayer = XRRenderStateInit.baseLayer;
           if (XRRenderStateInit.layers) {
@@ -7888,14 +7233,8 @@ void main() {
           if (!this.activeRenderState) {
               this.createActiveRenderState();
           }
-          this.activeRenderState = {
-              ...this.activeRenderState,
-              ...XRRenderStateInit,
-          };
+          this.activeRenderState = Object.assign(Object.assign({}, this.activeRenderState), XRRenderStateInit);
           if (!XRRenderStateInit.layers) {
-              // no layer information in this renderState, so we don't need to update
-              // context or the renderState object before passing it to the underlying
-              // updateRenderState function.
               this._updateRenderState(XRRenderStateInit);
               return;
           }
@@ -7913,48 +7252,31 @@ void main() {
               const canvas = document.createElement('canvas');
               context = canvas.getContext('webgl2', { xrCompatible: true });
               if (!context) {
-                  // fallback to webgl 1 if 2 is not supported.
-                  // the session only creates the context if there are only
-                  // media layers, so this should work regardless.
                   context = canvas.getContext('webgl', { xrCompatible: true });
               }
               if (!context) {
-                  // we don't support webGL at all...this is a failure case.
-                  // though, we probably should've errored out long before reaching this.
                   throw new Error('No webGL support detected.');
               }
               document.body.appendChild(context.canvas);
-              // TODO: Figure out if we actually need to resize the canvas.
               function onResize() {
-                  context.canvas.width =
-                      context.canvas.clientWidth * window.devicePixelRatio;
-                  context.canvas.height =
-                      context.canvas.clientHeight * window.devicePixelRatio;
+                  context.canvas.width = context.canvas.clientWidth * window.devicePixelRatio;
+                  context.canvas.height = context.canvas.clientHeight * window.devicePixelRatio;
               }
               window.addEventListener('resize', onResize);
               onResize();
           }
           this.createInternalLayer(context);
           this.isPolyfillActive = true;
-          // add the internal layer as the base layer
-          this._updateRenderState({
-              ...layerRenderStateInit,
-              baseLayer: this.internalLayer,
-          });
+          this._updateRenderState(Object.assign(Object.assign({}, layerRenderStateInit), { baseLayer: this.internalLayer }));
       }
-      // POLYFILL SPECIFIC
-      // called on requestSession to make sure polyfilled XRSession has
-      // access to some assumed default views.
       initializeSession(mode) {
           this.mode = mode;
-          // temporary reference space to grab views
           this
               .requestReferenceSpace('local')
               .then((refSpace) => {
               this.referenceSpace = refSpace;
           })
               .catch((e) => {
-              // do nothing.
           });
           this.requestReferenceSpace('viewer').then((viewerSpace) => {
               this.viewerSpace = viewerSpace;
@@ -7962,7 +7284,6 @@ void main() {
       }
       getBaseLayer(context) {
           if (!this.internalLayer && !this.existingBaseLayer && context) {
-              // TODO: this might be buggy if the context has changed...
               this.createInternalLayer(context);
           }
           return this.internalLayer || this.existingBaseLayer;
@@ -8008,16 +7329,11 @@ void main() {
           return this.internalLayer;
       }
       setContext(context) {
-          // reset everything that depends on context
           this.context = context;
           this.tempFramebuffer = context.createFramebuffer();
           this.renderers = new WeakMap();
       }
       createActiveRenderState() {
-          // this code ensures that we return an object that follows the interface for XRRenderState
-          // with the layers array added, regardless of whether we're on device or in emulator
-          // since sometimes XRRenderState is a native object, and other times it's a symbol, and
-          // other times defined as a plain JS object.
           const _global = getGlobal();
           let prototypeNames = Object.getOwnPropertyNames(_global.XRRenderState.prototype);
           const renderStateClone = {};
@@ -8027,55 +7343,8 @@ void main() {
           renderStateClone.layers = [];
           this.activeRenderState = renderStateClone;
       }
-      // AUTO-RESOLVE MSAA FRAMEBUFFERS FOR DESKTOP ANTIALIASING
-      _autoResolveMSAAFramebuffers() {
-          const gl = this.context;
-          if (!gl || !(gl instanceof WebGL2RenderingContext)) {
-              return;
-          }
-          // Find all layers that need MSAA resolving
-          for (let layer of this.layers) {
-              if (layer instanceof XRCompositionLayerPolyfill) {
-                  // Check each texture meta for auto-antialiasing
-                  if (layer.colorTexturesMeta) {
-                      for (let textureMeta of layer.colorTexturesMeta) {
-                          if (textureMeta._autoAntialiasing &&
-                              textureMeta._msaaFramebuffer &&
-                              textureMeta._resolveFramebuffer) {
-                              try {
-                                  // Resolve MSAA to final texture
-                                  gl.bindFramebuffer(gl.READ_FRAMEBUFFER, textureMeta._msaaFramebuffer);
-                                  gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, textureMeta._resolveFramebuffer);
-                                  gl.blitFramebuffer(0, 0, textureMeta.width, textureMeta.height, 0, 0, textureMeta.width, textureMeta.height, gl.COLOR_BUFFER_BIT, gl.NEAREST);
-                              }
-                              catch (error) {
-                                  console.warn('Failed to resolve MSAA framebuffer:', error);
-                              }
-                          }
-                      }
-                  }
-              }
-          }
-          // Clean up bindings
-          gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
-          gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
-      }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class XRWebGLSubImagePolyfill {
       constructor() {
           this.viewport = {
@@ -8087,20 +7356,6 @@ void main() {
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   class XRWebGLBindingPolyfill {
       constructor(session, context) {
           this.session = session;
@@ -8115,13 +7370,7 @@ void main() {
           if (this.context.isContextLost()) {
               throw new Error('context is lost');
           }
-          // initialize a composition layer on layer with session and context
           layer.initialize(this.session, this.context);
-          // POLYFILL ONLY: all the initialization in between here happens on the XRProjectionLayer object, since some of the steps need to be deferred until
-          // the views are available
-          // UNIMPLEMENTED: Everything with secondary views. The polyfill ignores them.
-          // UNIMPLEMENTED: Allocate and initialize resources compatible with session’s XR device, including GPU accessible memory buffers, as required to support the compositing of layer.
-          // UNIMPLEMENTED: If layer’s resources were unable to be created for any reason, throw an OperationError and abort these steps.
           return layer;
       }
       createQuadLayer(init = defaultQuadLayerInit) {
@@ -8136,7 +7385,6 @@ void main() {
           }
           const layer = new XRQuadLayer(init);
           layer.initialize(this.session, this.context);
-          // everything else is created in the layer's deferred initialize step.
           return layer;
       }
       createCylinderLayer(init = defaultCylinderLayerInit) {
@@ -8151,7 +7399,6 @@ void main() {
           }
           const layer = new XRCylinderLayer(init);
           layer.initialize(this.session, this.context);
-          // everything else is created in the layer's deferred initialize step
           return layer;
       }
       createEquirectLayer(init = defaultEquirectLayerInit) {
@@ -8167,10 +7414,8 @@ void main() {
           if (!isReferenceSpace(init.space)) {
               throw new TypeError('Equirect layer requires an XRReferenceSpace');
           }
-          // UNIMPLEMENTED: If init’s space has a type of "viewer", throw TypeError and abort these steps.
           let layer = new XREquirectLayer(init);
           layer.initialize(this.session, this.context);
-          // everything else is created in the layer's deferred initialize step
           return layer;
       }
       createCubeLayer(init) {
@@ -8186,19 +7431,14 @@ void main() {
           if (!isReferenceSpace(init.space)) {
               throw new TypeError('XRCubeLayer requires a space of type XRReferenceSpace');
           }
-          // UNIMPLEMENTED: If init’s space has a type of "viewer", throw TypeError and abort these steps.
           let layer = new XRCubeLayer(init);
-          // set up color and depth textures, which doesn't need to be asynchronous
-          // this happens in layer.initialize
           layer.initialize(this.session, this.context);
           return layer;
       }
       getSubImage(layer, frame, eye = 'none') {
-          if (layer.isStatic && layer.needsRedraw === false) {
+          if (layer.isStatic && (layer.needsRedraw === false)) {
               throw new Error('Invalid state for subimage creation');
           }
-          // if getSubImage was called previously with same binding, layer, and eye, the
-          // user agent may return the same subimage as returned by earlier call
           let existingSubImage = this.subImageCache.tryGetCachedSubImage(this.context, layer, eye);
           if (existingSubImage) {
               return existingSubImage;
@@ -8222,9 +7462,6 @@ void main() {
                   index = 1;
               }
           }
-          // UNIMPLEMENTED: If validate the state of the XRWebGLSubImage creation function with layer and frame is false,
-          // throw an InvalidStateError and abort these steps.
-          // if layer is created with textureType 'texture-array'
           if (layer.getTextureType() === XRTextureType['texture-array']) {
               subimage.imageIndex = index;
           }
@@ -8232,7 +7469,6 @@ void main() {
               subimage.imageIndex = 0;
           }
           let _textureIndex = 0;
-          // initialize colorTexture
           if (layer.getTextureType() === XRTextureType.texture) {
               subimage.colorTexture = layer.colorTextures[index];
               _textureIndex = index;
@@ -8241,12 +7477,6 @@ void main() {
               subimage.colorTexture = layer.colorTextures[0];
               _textureIndex = 0;
           }
-          // Add Three.js expected properties for multiview compatibility
-          if (subimage.colorTexture && typeof subimage.colorTexture === 'object') {
-              subimage.colorTexture.isWebGLMultiviewRenderTarget =
-                  layer.getTextureType() === XRTextureType['texture-array'];
-          }
-          // initialize depthStencilTexture
           if (!layer.depthStencilTextures || !layer.depthStencilTextures.length) {
               subimage.depthStencilTexture = null;
           }
@@ -8256,14 +7486,6 @@ void main() {
           else {
               subimage.depthStencilTexture = layer.depthStencilTextures[0];
           }
-          // Add Three.js expected properties for multiview compatibility
-          if (subimage.depthStencilTexture &&
-              typeof subimage.depthStencilTexture === 'object') {
-              subimage.depthStencilTexture.isWebGLMultiviewRenderTarget =
-                  layer.getTextureType() === XRTextureType['texture-array'];
-          }
-          // Set subimage’s textureWidth to the pixel width of subimage’s colorTexture.
-          // Set subimage’s textureHeight to the pixel height of subimage’s colorTexture.
           const layerMeta = layer.colorTexturesMeta[_textureIndex];
           subimage.textureWidth = layerMeta.width;
           subimage.textureHeight = layerMeta.height;
@@ -8272,62 +7494,32 @@ void main() {
               layer.layout === XRLayerLayout['stereo-top-bottom']) {
               viewsPerTexture = 2;
           }
-          // Run initialize viewport on subimage's viewport with subimage’s colorTexture, layer’s layout, index and num.
-          // https://immersive-web.github.io/layers/#initialize-the-viewport
           initializeViewport(subimage.viewport, layerMeta, layer.layout, index, viewsPerTexture);
-          // queue task to set needsRedraw to false
           this.session.queueTask(() => {
               layer.needsRedraw = false;
           });
           this.subImageCache.cacheSubImage(subimage, this.context, layer, eye);
           return subimage;
       }
-      // This is mostly used for rendering to projection layers!
-      // https://immersive-web.github.io/layers/#dom-xrwebglbinding-getviewsubimage
       getViewSubImage(layer, view) {
-          // if getViewSubImage was called previously with same binding, layer, and view, the
-          // user agent may return the same subimage as returned by earlier call
           let existingSubImage = this.subImageCache.tryGetCachedViewSubImage(this.context, layer, view);
           if (existingSubImage) {
               return existingSubImage;
           }
           let subimage = new XRWebGLSubImagePolyfill();
-          // UNIMPLEMENTED: let frame be the view's frame
-          // how do we get that?
           let session = this.session;
           if (!session.internalViews || !session.internalViews.length) {
-              console.warn('getViewSubImage called before views are available, returning placeholder');
-              // Return a placeholder subimage with safe defaults
-              subimage.imageIndex = 0;
-              // Create dummy texture objects that won't cause null reference errors
-              const dummyColorTexture = {
-                  isWebGLMultiviewRenderTarget: false
-              };
-              const dummyDepthTexture = {
-                  isWebGLMultiviewRenderTarget: false
-              };
-              subimage.colorTexture = dummyColorTexture;
-              subimage.depthStencilTexture = dummyDepthTexture;
-              subimage.textureWidth = 1024; // Safe default
-              subimage.textureHeight = 1024; // Safe default
-              subimage.viewport = { x: 0, y: 0, width: 1024, height: 1024 };
+              console.warn('Tried to get view sub image before we have any views');
               return subimage;
           }
-          // UNIMPLEMENTED: If validate the state of the XRWebGLSubImage creation function with layer and frame is false,
-          // throw an InvalidStateError and abort these steps.
-          // UNIMPLEMENTED: if view's active flag is false, throw InvalidStateError
-          // not relevant?
-          // let index be the offset in the session's list of views.
           let index = session.getViewIndex(view);
           let _textureIndex = 0;
-          // initialize imageIndex
           if (layer.getTextureType() === XRTextureType['texture-array']) {
               subimage.imageIndex = index;
           }
           else {
               subimage.imageIndex = 0;
           }
-          // Initialize colorTexture
           if (layer.layout === XRLayerLayout.default &&
               layer.getTextureType() === XRTextureType.texture) {
               subimage.colorTexture = layer.colorTextures[index];
@@ -8337,25 +7529,6 @@ void main() {
               subimage.colorTexture = layer.colorTextures[0];
               _textureIndex = 0;
           }
-          // TRANSPARENT MSAA: Use MSAA framebuffer for rendering if available
-          const textureMeta = layer.colorTexturesMeta[_textureIndex];
-          if (textureMeta._autoAntialiasing && textureMeta._msaaFramebuffer) {
-              // For rendering, applications will bind to the MSAA framebuffer
-              subimage.framebuffer = textureMeta._msaaFramebuffer;
-              // Mark this subimage as needing resolve after rendering
-              subimage._needsResolve = true;
-              subimage._resolveFromFramebuffer = textureMeta._msaaFramebuffer;
-              subimage._resolveToFramebuffer = textureMeta._resolveFramebuffer;
-              subimage._textureMeta = textureMeta;
-              // The colorTexture still points to the final resolved texture for read operations
-              // This maintains API compatibility
-          }
-          // Add Three.js expected properties for multiview compatibility
-          if (subimage.colorTexture && typeof subimage.colorTexture === 'object') {
-              subimage.colorTexture.isWebGLMultiviewRenderTarget =
-                  layer.getTextureType() === XRTextureType['texture-array'];
-          }
-          // initialize depthStencilTexture
           if (layer.depthStencilTextures.length === 0) {
               subimage.depthStencilTexture = null;
           }
@@ -8366,18 +7539,8 @@ void main() {
           else {
               subimage.depthStencilTexture = layer.depthStencilTextures[0];
           }
-          // Add Three.js expected properties for multiview compatibility
-          if (subimage.depthStencilTexture &&
-              typeof subimage.depthStencilTexture === 'object') {
-              subimage.depthStencilTexture.isWebGLMultiviewRenderTarget =
-                  layer.getTextureType() === XRTextureType['texture-array'];
-          }
-          // Set subimage’s textureWidth to the pixel width of subimage’s colorTexture.
-          // Set subimage’s textureHeight to the pixel height of subimage’s colorTexture.
           subimage.textureWidth = layer.colorTexturesMeta[_textureIndex].width;
           subimage.textureHeight = layer.colorTexturesMeta[_textureIndex].height;
-          // Run initialize viewport on subimage's viewport with subimage’s colorTexture, layer’s layout, index and num.
-          // https://immersive-web.github.io/layers/#initialize-the-viewport
           initializeViewport(subimage.viewport, layer.colorTexturesMeta[_textureIndex], layer.layout, index, session.internalViews.length);
           layer.needsRedraw = false;
           this.subImageCache.cacheViewSubImage(subimage, this.context, layer, view);
@@ -8415,7 +7578,8 @@ void main() {
           this.cache.set(context, layerMap);
       }
       tryGetCachedSubImage(context, layer, eye) {
-          return this.cache.get(context)?.get(layer)?.get(eye);
+          var _a, _b;
+          return (_b = (_a = this.cache.get(context)) === null || _a === void 0 ? void 0 : _a.get(layer)) === null || _b === void 0 ? void 0 : _b.get(eye);
       }
       cacheViewSubImage(subimage, context, layer, view) {
           let viewMap = new Map();
@@ -8425,56 +7589,22 @@ void main() {
           this.viewCache.set(context, layerMap);
       }
       tryGetCachedViewSubImage(context, layer, view) {
-          return this.viewCache.get(context)?.get(layer)?.get(view);
+          var _a, _b;
+          return (_b = (_a = this.viewCache.get(context)) === null || _a === void 0 ? void 0 : _a.get(layer)) === null || _b === void 0 ? void 0 : _b.get(view);
       }
   }
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
   const isLayersNativelySupported = (global) => {
       if (!global.navigator.xr) {
           return false;
       }
-      // we currently key off of the existence of both
-      // XRWebGLBinding and XRMedia binding, because certain browsers
-      // may implement one and not the other.
-      // If either are missing, we need the whole polyfill, unfortunately;
-      // the way that the polyfilled XRSession handles layers assumes that all layers
-      // need to be polyfilled.
       if (global.XRMediaBinding && global.XRWebGLBinding) {
           return true;
       }
       return false;
   };
 
-  /**
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   * Licensed under the Apache License, Version 2.0 (the "License");
-   * you may not use this file except in compliance with the License.
-   * You may obtain a copy of the License at
-   *
-   * http://www.apache.org/licenses/LICENSE-2.0
-   *
-   * Unless required by applicable law or agreed to in writing, software
-   * distributed under the License is distributed on an "AS IS" BASIS,
-   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   * See the License for the specific language governing permissions and
-   * limitations under the License.
-   */
-  /// <reference types="webxr" />
-  let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
+  class WebXRLayersPolyfill {
       constructor() {
           this.injected = false;
           const _global = getGlobal();
@@ -8488,7 +7618,6 @@ void main() {
               console.warn('Polyfill has already been injected...');
           }
           if (isLayersNativelySupported(global)) {
-              // we don't need to polyfill anything, so leave things untouched
               return;
           }
           this._polyfillRequiredLayersFeature(global);
@@ -8503,24 +7632,15 @@ void main() {
           global.XRSession.prototype._requestAnimationFrame =
               global.XRSession.prototype.requestAnimationFrame;
           let renderStateGetter = Object.getOwnPropertyDescriptor(global.XRSession.prototype, 'renderState');
-          if (renderStateGetter) {
-              Object.defineProperty(global.XRSession.prototype, '_renderState', renderStateGetter);
-          }
+          Object.defineProperty(global.XRSession.prototype, '_renderState', renderStateGetter);
           let polyfillRenderStateGetter = Object.getOwnPropertyDescriptor(XRSessionWithLayer.prototype, 'renderState');
-          if (polyfillRenderStateGetter) {
-              Object.defineProperty(global.XRSession.prototype, 'renderState', polyfillRenderStateGetter);
-          }
-          // this lets us grab all the functions and getters from XRSesssionWithLayer and put them into XRSession
+          Object.defineProperty(global.XRSession.prototype, 'renderState', polyfillRenderStateGetter);
           let prototypeNames = Object.getOwnPropertyNames(XRSessionWithLayer.prototype);
           for (let item of prototypeNames) {
               let propertyDescriptor = Object.getOwnPropertyDescriptor(XRSessionWithLayer.prototype, item);
-              if (propertyDescriptor) {
-                  Object.defineProperty(global.XRSession.prototype, item, propertyDescriptor);
-              }
+              Object.defineProperty(global.XRSession.prototype, item, propertyDescriptor);
           }
       }
-      // This is a glorious hack to remove the 'layers' string from requiredFeatures so that XRSystem doesn't
-      // throw an error when we try to request a session.
       _polyfillRequiredLayersFeature(global) {
           const existingRequestSession = global.navigator.xr.requestSession;
           Object.defineProperty(global.navigator.xr, 'requestSessionInternal', { writable: true });
@@ -8528,14 +7648,12 @@ void main() {
           const newRequestSession = (sessionMode, sessionInit) => {
               const modifiedSessionPromise = (mode, init) => {
                   return global.navigator.xr.requestSessionInternal(mode, init).then((session) => {
-                      // create internal required variables
                       Object.assign(session, new XRSessionWithLayer());
                       let polyfilledSession = session;
                       polyfilledSession.initializeSession(sessionMode);
                       return Promise.resolve(polyfilledSession);
                   });
               };
-              // we don't have to do anything if we aren't in VR or don't require layers
               if (sessionMode !== 'immersive-vr') {
                   return modifiedSessionPromise(sessionMode, sessionInit);
               }
@@ -8543,9 +7661,7 @@ void main() {
                   return modifiedSessionPromise(sessionMode, sessionInit);
               }
               if (sessionInit.requiredFeatures && sessionInit.requiredFeatures.indexOf('layers') > -1) {
-                  // create a clone of the sessionInit to avoid mutating it (in case the client wants to inspect it)
-                  const sessionInitClone = { ...sessionInit };
-                  // remove layers from the requiredFeatures
+                  const sessionInitClone = Object.assign({}, sessionInit);
                   const reqFeatures = [...sessionInit.requiredFeatures];
                   const layersIndex = reqFeatures.indexOf('layers');
                   reqFeatures.splice(layersIndex, 1);
@@ -8557,7 +7673,7 @@ void main() {
           Object.defineProperty(global.navigator.xr, 'requestSession', { writable: true });
           global.navigator.xr.requestSession = newRequestSession;
       }
-  };
+  }
 
   /**
    * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -8638,7 +7754,7 @@ void main() {
               visibilityState: 'visible',
               pendingVisibilityState: null,
               xrSystem: null,
-              matrix: create$4(),
+              matrix: create$5(),
               globalSpace,
               viewerSpace,
               viewSpaces,
@@ -8806,7 +7922,7 @@ void main() {
           globalObject['XRInputSourcesChangeEvent'] = XRInputSourcesChangeEvent;
           globalObject['XRReferenceSpaceEvent'] = XRReferenceSpaceEvent;
           if (polyfillLayers) {
-              new WebXRLayersPolyfill$1();
+              new WebXRLayersPolyfill();
           }
           else {
               globalObject['XRMediaBinding'] = undefined;
@@ -8932,11 +8048,16 @@ void main() {
           return this[P_DEVICE].name;
       }
       grantOfferedSession() {
-          var _a;
-          const pSystem = (_a = this[P_DEVICE].xrSystem) === null || _a === void 0 ? void 0 : _a[P_SYSTEM];
+          const xrSystem = this[P_DEVICE].xrSystem;
+          const pSystem = xrSystem === null || xrSystem === void 0 ? void 0 : xrSystem[P_SYSTEM];
           if (pSystem && pSystem.offeredSessionConfig) {
-              pSystem.grantSession(pSystem.offeredSessionConfig);
+              const { resolve, reject, mode, options } = pSystem.offeredSessionConfig;
+              // Clear the offered session config first
               pSystem.offeredSessionConfig = undefined;
+              // Use the same requestSession flow to ensure identical behavior
+              xrSystem.requestSession(mode, options)
+                  .then(resolve)
+                  .catch(reject);
           }
       }
       recenter() {
@@ -9255,7 +8376,7 @@ void main() {
    */
   const compress = (arr) => {
       const out = [];
-      arr.forEach((num) => {
+      Array.from(arr).forEach((num) => {
           out.push(parseFloat(num.toFixed(3)));
       });
       return out;
@@ -9278,8 +8399,8 @@ void main() {
           const viewerMatrix = (_a = frame.getViewerPose(this[P_ACTION_RECORDER].refSpace)) === null || _a === void 0 ? void 0 : _a.transform.matrix;
           if (!viewerMatrix)
               return;
-          const position = getTranslation(create$3(), viewerMatrix);
-          const quaternion = getRotation(create$1(), viewerMatrix);
+          const position = getTranslation(create$4(), viewerMatrix);
+          const quaternion = getRotation(create$2(), viewerMatrix);
           const actionFrame = {
               timeStamp,
               position,
@@ -9313,8 +8434,8 @@ void main() {
               const schema = this[P_ACTION_RECORDER].schemaMap.get(index);
               const targetRayMatrix = (_a = frame.getPose(inputSource.targetRaySpace, this[P_ACTION_RECORDER].refSpace)) === null || _a === void 0 ? void 0 : _a.transform.matrix;
               if (targetRayMatrix) {
-                  const targetRayPosition = getTranslation(create$3(), targetRayMatrix);
-                  const targetRayQuaternion = getRotation(create$1(), targetRayMatrix);
+                  const targetRayPosition = getTranslation(create$4(), targetRayMatrix);
+                  const targetRayQuaternion = getRotation(create$2(), targetRayMatrix);
                   const inputFrame = {
                       index,
                       targetRayTransform: {
@@ -9325,8 +8446,8 @@ void main() {
                   if (schema.hasGrip) {
                       const gripMatrix = (_b = frame.getPose(inputSource.gripSpace, this[P_ACTION_RECORDER].refSpace)) === null || _b === void 0 ? void 0 : _b.transform.matrix;
                       if (gripMatrix) {
-                          const position = getTranslation(create$3(), gripMatrix);
-                          const quaternion = getRotation(create$1(), gripMatrix);
+                          const position = getTranslation(create$4(), gripMatrix);
+                          const quaternion = getRotation(create$2(), gripMatrix);
                           inputFrame.gripTransform = {
                               position,
                               quaternion,
@@ -9345,8 +8466,8 @@ void main() {
                           for (let offset = 0; offset < 25; offset++) {
                               const jointMatrix = this[P_ACTION_RECORDER].jointTransforms.slice(offset * 16, (offset + 1) * 16);
                               const radius = this[P_ACTION_RECORDER].jointRadii[offset];
-                              const position = getTranslation(create$3(), jointMatrix);
-                              const quaternion = getRotation(create$1(), jointMatrix);
+                              const position = getTranslation(create$4(), jointMatrix);
+                              const quaternion = getRotation(create$2(), jointMatrix);
                               const jointName = jointSpaces[offset].jointName;
                               hand[jointName] = { position, quaternion, radius };
                           }