iwer 2.1.0 → 2.1.1

package/build/iwer.module.js

@@ -5,7 +5,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
@@ -17,9 +17,9 @@ var ARRAY_TYPE = typeof Float32Array !== "undefined" ? Float32Array : Array;
  *
  * @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;
@@ -43,9 +43,9 @@ function create$5() {
  *
  * @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;
@@ -73,7 +73,7 @@ function create$4() {
  * @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];
@@ -216,7 +216,7 @@ function invert(out, a) {
  * @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],
@@ -454,7 +454,7 @@ function getScaling(out, mat) {
  * @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];
@@ -555,50 +555,6 @@ function fromRotationTranslationScale(out, q, v, s) {
   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],
@@ -655,9 +611,9 @@ var perspective = perspectiveNO;
  *
  * @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;
@@ -687,7 +643,7 @@ function length(a) {
  * @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;
@@ -869,7 +825,7 @@ var len = length;
  * @function
  */
 (function () {
-  var vec = create$3();
+  var vec = create$4();
   return function (a, stride, offset, count, fn, arg) {
     var i, l;
     if (!stride) {
@@ -906,9 +862,9 @@ var len = length;
  *
  * @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;
@@ -927,7 +883,7 @@ function create$2() {
  * @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;
@@ -1024,7 +980,7 @@ function transformMat4(out, a, m) {
  * @function
  */
 (function () {
-  var vec = create$2();
+  var vec = create$3();
   return function (a, stride, offset, count, fn, arg) {
     var i, l;
     if (!stride) {
@@ -1063,9 +1019,9 @@ function transformMat4(out, a, m) {
  *
  * @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;
@@ -1101,7 +1057,7 @@ function setAxisAngle(out, axis, rad) {
  * @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],
@@ -1284,7 +1240,7 @@ var normalize = normalize$1;
  * @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) {
@@ -1324,8 +1280,8 @@ var normalize = normalize$1;
  * @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);
@@ -1345,7 +1301,7 @@ var normalize = normalize$1;
  * @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];
@@ -1360,63 +1316,6 @@ var normalize = normalize$1;
   };
 })();
 
-/**
- * 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.
  *
@@ -1462,14 +1361,14 @@ class XRSpace extends EventTarget {
         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 {
@@ -1481,7 +1380,7 @@ class XRSpaceUtils {
     // 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);
     }
@@ -1491,11 +1390,11 @@ class XRSpaceUtils {
         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;
     }
 }
@@ -1513,7 +1412,7 @@ class XRSpaceUtils {
 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];
@@ -1575,7 +1474,7 @@ class Vector3 {
 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];
@@ -1624,7 +1523,7 @@ class Quaternion {
     }
     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) {
@@ -2250,14 +2149,14 @@ class XRRigidTransform {
     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,
         };
@@ -2279,14 +2178,14 @@ class XRRigidTransform {
     }
     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]));
@@ -2312,8 +2211,8 @@ class XRRay {
         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];
@@ -2365,23 +2264,23 @@ class XRRay {
         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;
     }
@@ -2648,14 +2547,14 @@ class XRViewerPose extends XRPose {
  * 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) {
@@ -2665,7 +2564,7 @@ class XRFrame {
             active,
             animationFrame,
             predictedDisplayTime,
-            tempMat4: create$4(),
+            tempMat4: create$5(),
             detectedPlanes: new XRPlaneSet(),
             detectedMeshes: new XRMeshSet(),
             trackedAnchors: session[P_SESSION].frameTrackedAnchors,
@@ -2683,9 +2582,9 @@ class XRFrame {
             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],
@@ -2836,9 +2735,9 @@ class XRSession extends EventTarget {
             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];
@@ -3087,8 +2986,8 @@ class XRSession extends EventTarget {
                     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);
@@ -4260,15 +4159,15 @@ const XRHandGamepadConfig = {
     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);
@@ -4461,8 +4360,8 @@ class ActionPlayer {
             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));
@@ -4628,7 +4527,7 @@ class ActionPlayer {
     }
 }
 
-const VERSION = "2.1.0";
+const VERSION = "2.1.1";
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -4769,21 +4668,48 @@ class XRViewport {
 }
 
 /**
- * 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";
@@ -4798,39 +4724,10 @@ var XRLayerLayout;
     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
@@ -4841,31 +4738,6 @@ const getGlobal = () => {
                 : {};
 };
 
-/**
- * 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:
@@ -5037,8 +4909,6 @@ const getFormatsFromInternalFormat = (context, providedFormat) => {
                 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:
@@ -5058,20 +4928,6 @@ const getFormatsFromInternalFormat = (context, providedFormat) => {
     }
 };
 
-/**
- * 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;
@@ -5087,25 +4943,16 @@ class XRCompositionLayerPolyfill {
     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() {
@@ -5114,11 +4961,9 @@ class XRCompositionLayerPolyfill {
     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');
@@ -5130,15 +4975,11 @@ class XRCompositionLayerPolyfill {
             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']) {
@@ -5146,61 +4987,36 @@ class XRCompositionLayerPolyfill {
             }
         }
         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];
@@ -5209,10 +5025,6 @@ class XRCompositionLayerPolyfill {
         }
         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];
@@ -5250,9 +5062,6 @@ class XRCompositionLayerPolyfill {
         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);
@@ -5293,11 +5102,9 @@ class XRCompositionLayerPolyfill {
         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...');
         }
@@ -5305,10 +5112,6 @@ class XRCompositionLayerPolyfill {
             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,
@@ -5317,14 +5120,7 @@ class XRCompositionLayerPolyfill {
             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) {
@@ -5334,20 +5130,16 @@ class XRCompositionLayerPolyfill {
             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) {
@@ -5359,27 +5151,11 @@ class XRCompositionLayerPolyfill {
             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() {
@@ -5395,117 +5171,37 @@ class XRCompositionLayerPolyfill {
         }
         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;
@@ -5557,7 +5253,6 @@ class XRCylinderLayer extends XRCompositionLayerPolyfill {
         }
         return this._depthStencilTextures;
     }
-    // POLYFILL ONLY: Get metadata for textures
     get colorTexturesMeta() {
         if (this.isMediaLayer()) {
             throw new Error('Media layers do not have associated textures');
@@ -5568,68 +5263,51 @@ class XRCylinderLayer extends XRCompositionLayerPolyfill {
         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;
@@ -5681,7 +5359,6 @@ class XREquirectLayer extends XRCompositionLayerPolyfill {
         }
         return this._depthStencilTextures;
     }
-    // POLYFILL ONLY: Get metadata for textures
     get colorTexturesMeta() {
         if (this.isMediaLayer()) {
             throw new Error('Media layers do not have associated textures');
@@ -5693,47 +5370,32 @@ class XREquirectLayer extends XRCompositionLayerPolyfill {
     }
 }
 
-/**
- * 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;
@@ -5759,7 +5421,6 @@ class XRQuadLayer extends XRCompositionLayerPolyfill {
         if (this.isMediaLayer()) {
             return XRTextureType.texture;
         }
-        // override this please
         return this.init.textureType;
     }
     _deferredInitialize() {
@@ -5785,7 +5446,6 @@ class XRQuadLayer extends XRCompositionLayerPolyfill {
         }
         return this._depthStencilTextures;
     }
-    // POLYFILL ONLY: Get metadata for textures
     get colorTexturesMeta() {
         if (this.isMediaLayer()) {
             throw new Error('Media layers do not have associated textures');
@@ -5797,27 +5457,12 @@ class XRQuadLayer extends XRCompositionLayerPolyfill {
     }
 }
 
-/**
- * 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) {
@@ -5867,7 +5512,6 @@ class XRMediaBindingPolyfill {
         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);
@@ -5886,34 +5530,19 @@ class XRMediaBindingPolyfill {
     }
 }
 
-/**
- * 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;
@@ -5931,38 +5560,20 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
         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);
                 }
@@ -5989,16 +5600,12 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
         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) {
@@ -6006,9 +5613,6 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
                 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 = () => {
@@ -6017,38 +5621,18 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
                 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);
                 }
@@ -6091,29 +5675,17 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
         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;
@@ -6125,40 +5697,20 @@ class XRProjectionLayer extends XRCompositionLayerPolyfill {
         }
         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;
     }
@@ -6168,59 +5720,31 @@ const initializeViewport = (viewport, texture, layout, offset, numViews) => {
     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;
@@ -6228,7 +5752,6 @@ const setRectangle = (gl, x, y, width, height) => {
     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;
@@ -6246,23 +5769,8 @@ const applyVAOExtension = (gl) => {
     };
 };
 
-/**
- * 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;
 
@@ -6285,7 +5793,7 @@ void main() {
    v_texCoord = a_texCoord;
 }
 `;
-const fragmentShader$2 = glsl$2 `
+const fragmentShader = glsl `
 precision mediump float;
 
 // our texture
@@ -6303,7 +5811,7 @@ class ProjectionRenderer {
     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'),
@@ -6316,14 +5824,12 @@ class ProjectionRenderer {
         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);
@@ -6351,7 +5857,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;
@@ -6359,8 +5864,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();
@@ -6369,10 +5872,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;
@@ -6383,29 +5883,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);
@@ -6413,23 +5907,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,
@@ -6444,9 +5946,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,
@@ -6472,7 +5973,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;
@@ -6496,7 +5997,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;
@@ -6514,15 +6015,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) {
@@ -6532,7 +6029,6 @@ class ProjectionTextureArrayRenderer extends ProjectionRenderer {
             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);
@@ -6551,7 +6047,6 @@ class ProjectionTextureArrayRenderer extends ProjectionRenderer {
         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;
@@ -6569,21 +6064,159 @@ const createProjectionRenderer = (layer, context) => {
     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;
@@ -6618,8 +6251,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;
@@ -6638,7 +6270,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;
@@ -6656,7 +6288,6 @@ void main() {
 }
 
 `;
-// used for everything except Projection and Cube layers
 class CompositionLayerRenderer {
     constructor(layer, context) {
         this.usesTextureArrayShaders = false;
@@ -6665,21 +6296,17 @@ class CompositionLayerRenderer {
         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'),
@@ -6703,15 +6330,8 @@ class CompositionLayerRenderer {
         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 = {
@@ -6726,15 +6346,11 @@ class CompositionLayerRenderer {
             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);
@@ -6749,11 +6365,8 @@ class CompositionLayerRenderer {
                 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);
@@ -6767,16 +6380,12 @@ class CompositionLayerRenderer {
                 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);
                 }
@@ -6789,13 +6398,11 @@ class CompositionLayerRenderer {
             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]);
@@ -6805,10 +6412,8 @@ class CompositionLayerRenderer {
                     }
                 }
                 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);
@@ -6818,13 +6423,10 @@ class CompositionLayerRenderer {
                 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);
                 }
@@ -6837,19 +6439,14 @@ class CompositionLayerRenderer {
         }
         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,
@@ -6874,30 +6471,22 @@ class CompositionLayerRenderer {
         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,
@@ -6911,9 +6500,6 @@ class CompositionLayerRenderer {
                 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],
@@ -6926,9 +6512,6 @@ class CompositionLayerRenderer {
             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],
@@ -6940,66 +6523,44 @@ class CompositionLayerRenderer {
     _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;
@@ -7007,32 +6568,21 @@ class CompositionLayerRenderer {
         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;
@@ -7042,26 +6592,11 @@ class CompositionLayerRenderer {
     }
     _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);
@@ -7072,27 +6607,21 @@ class QuadRenderer extends CompositionLayerRenderer {
         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,
@@ -7100,26 +6629,10 @@ class QuadRenderer extends CompositionLayerRenderer {
         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);
@@ -7128,41 +6641,31 @@ class CylinderRenderer extends CompositionLayerRenderer {
     }
     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);
@@ -7170,41 +6673,20 @@ class CylinderRenderer extends CompositionLayerRenderer {
     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);
@@ -7217,25 +6699,18 @@ class EquirectRenderer extends CompositionLayerRenderer {
         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++) {
@@ -7246,29 +6721,18 @@ class EquirectRenderer extends CompositionLayerRenderer {
                 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]);
             }
         }
@@ -7287,17 +6751,11 @@ class EquirectRenderer extends CompositionLayerRenderer {
         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]);
             }
         }
@@ -7305,28 +6763,14 @@ class EquirectRenderer extends CompositionLayerRenderer {
     }
 }
 
-/**
- * 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) {
@@ -7334,8 +6778,7 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
         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) {
@@ -7380,8 +6823,6 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
         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) {
@@ -7412,7 +6853,6 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
         };
         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);
         }
@@ -7431,8 +6871,6 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
         };
         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) {
@@ -7442,7 +6880,6 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
                 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);
         }
@@ -7454,23 +6891,8 @@ class XRCubeLayer extends XRCompositionLayerPolyfill {
     }
 }
 
-/**
- * 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;
@@ -7482,7 +6904,7 @@ void main() {
    v_normal = normalize(a_position.xyz);
 }
 `;
-const fragmentShader = glsl `
+const fragmentShader$2 = glsl$2 `
 precision mediump float;
 
 varying vec3 v_normal;
@@ -7493,18 +6915,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'),
@@ -7515,7 +6933,6 @@ class CubeRenderer {
                 u_projectionMatrix: gl.getUniformLocation(this.program, 'u_projectionMatrix'),
             },
         };
-        // setup geometry and VAO
         this._createVAOs();
     }
     saveVaoState() {
@@ -7538,7 +6955,6 @@ class CubeRenderer {
             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]);
@@ -7546,7 +6962,6 @@ class CubeRenderer {
             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);
@@ -7564,10 +6979,8 @@ class CubeRenderer {
         }
         this.restoreVaoState();
     }
-    // override this to set position values!
     createPositionPoints() {
         const w = 0.5;
-        // prettier-ignore
         const positions = [
             -w, -w, -w,
             -w, w, -w,
@@ -7613,9 +7026,6 @@ class CubeRenderer {
         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,
@@ -7623,7 +7033,7 @@ class CubeRenderer {
             orientation.w,
         ]);
         if (!this._poseOrientationMatrix) {
-            this._poseOrientationMatrix = create$4();
+            this._poseOrientationMatrix = create();
         }
         fromQuat(this._poseOrientationMatrix, [
             view.transform.inverse.orientation.x,
@@ -7631,13 +7041,10 @@ class CubeRenderer {
             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;
@@ -7651,46 +7058,25 @@ class CubeRenderer {
     _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';
@@ -7698,11 +7084,9 @@ class XRSessionWithLayer {
         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;
@@ -7713,7 +7097,6 @@ class XRSessionWithLayer {
                         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();
@@ -7723,30 +7106,15 @@ class XRSessionWithLayer {
                     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 {
@@ -7756,18 +7124,11 @@ class XRSessionWithLayer {
                             }
                         }
                     }
-                    // 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);
@@ -7776,8 +7137,6 @@ class XRSessionWithLayer {
                     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);
@@ -7786,13 +7145,10 @@ class XRSessionWithLayer {
                     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));
@@ -7829,14 +7185,10 @@ class XRSessionWithLayer {
                             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);
@@ -7847,7 +7199,6 @@ class XRSessionWithLayer {
                             }
                         }
                     }
-                    // restore previous settings
                     if (!prevBlend) {
                         gl.disable(gl.BLEND);
                     }
@@ -7857,10 +7208,8 @@ class XRSessionWithLayer {
                     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();
@@ -7870,10 +7219,6 @@ class XRSessionWithLayer {
         }
         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) {
@@ -7882,14 +7227,8 @@ class XRSessionWithLayer {
         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;
         }
@@ -7907,48 +7246,31 @@ class XRSessionWithLayer {
             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;
@@ -7956,7 +7278,6 @@ class XRSessionWithLayer {
     }
     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;
@@ -8002,16 +7323,11 @@ class XRSessionWithLayer {
         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 = {};
@@ -8021,55 +7337,8 @@ class XRSessionWithLayer {
         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 = {
@@ -8081,20 +7350,6 @@ class XRWebGLSubImagePolyfill {
     }
 }
 
-/**
- * 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;
@@ -8109,13 +7364,7 @@ class XRWebGLBindingPolyfill {
         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) {
@@ -8130,7 +7379,6 @@ class XRWebGLBindingPolyfill {
         }
         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) {
@@ -8145,7 +7393,6 @@ class XRWebGLBindingPolyfill {
         }
         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) {
@@ -8161,10 +7408,8 @@ class XRWebGLBindingPolyfill {
         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) {
@@ -8180,19 +7425,14 @@ class XRWebGLBindingPolyfill {
         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;
@@ -8216,9 +7456,6 @@ class XRWebGLBindingPolyfill {
                 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;
         }
@@ -8226,7 +7463,6 @@ class XRWebGLBindingPolyfill {
             subimage.imageIndex = 0;
         }
         let _textureIndex = 0;
-        // initialize colorTexture
         if (layer.getTextureType() === XRTextureType.texture) {
             subimage.colorTexture = layer.colorTextures[index];
             _textureIndex = index;
@@ -8235,12 +7471,6 @@ class XRWebGLBindingPolyfill {
             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;
         }
@@ -8250,14 +7480,6 @@ class XRWebGLBindingPolyfill {
         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;
@@ -8266,62 +7488,32 @@ class XRWebGLBindingPolyfill {
             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];
@@ -8331,25 +7523,6 @@ class XRWebGLBindingPolyfill {
             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;
         }
@@ -8360,18 +7533,8 @@ class XRWebGLBindingPolyfill {
         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);
@@ -8409,7 +7572,8 @@ class SubImageCache {
         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();
@@ -8419,56 +7583,22 @@ class SubImageCache {
         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();
@@ -8482,7 +7612,6 @@ let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
             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);
@@ -8497,24 +7626,15 @@ let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
         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 });
@@ -8522,14 +7642,12 @@ let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
         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);
             }
@@ -8537,9 +7655,7 @@ let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
                 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);
@@ -8551,7 +7667,7 @@ let WebXRLayersPolyfill$1 = class WebXRLayersPolyfill {
         Object.defineProperty(global.navigator.xr, 'requestSession', { writable: true });
         global.navigator.xr.requestSession = newRequestSession;
     }
-};
+}
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -8632,7 +7748,7 @@ class XRDevice {
             visibilityState: 'visible',
             pendingVisibilityState: null,
             xrSystem: null,
-            matrix: create$4(),
+            matrix: create$5(),
             globalSpace,
             viewerSpace,
             viewSpaces,
@@ -8800,7 +7916,7 @@ class XRDevice {
         globalObject['XRInputSourcesChangeEvent'] = XRInputSourcesChangeEvent;
         globalObject['XRReferenceSpaceEvent'] = XRReferenceSpaceEvent;
         if (polyfillLayers) {
-            new WebXRLayersPolyfill$1();
+            new WebXRLayersPolyfill();
         }
         else {
             globalObject['XRMediaBinding'] = undefined;
@@ -8926,11 +8042,16 @@ class XRDevice {
         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() {
@@ -9249,7 +8370,7 @@ const metaQuest3 = {
  */
 const compress = (arr) => {
     const out = [];
-    arr.forEach((num) => {
+    Array.from(arr).forEach((num) => {
         out.push(parseFloat(num.toFixed(3)));
     });
     return out;
@@ -9272,8 +8393,8 @@ class ActionRecorder {
         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,
@@ -9307,8 +8428,8 @@ class ActionRecorder {
             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: {
@@ -9319,8 +8440,8 @@ class ActionRecorder {
                 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,
@@ -9339,8 +8460,8 @@ class ActionRecorder {
                         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 };
                         }