three-stdlib 2.15.2 → 2.16.1

package/webxr/OculusHandPointerModel.js

@@ -1,43 +1,24 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const THREE__namespace = /* @__PURE__ */ _interopNamespace(THREE);
+import * as THREE from 'three';
+
 const PINCH_MAX = 0.05;
 const PINCH_THRESHOLD = 0.02;
 const PINCH_MIN = 0.01;
 const POINTER_ADVANCE_MAX = 0.02;
 const POINTER_OPACITY_MAX = 1;
 const POINTER_OPACITY_MIN = 0.4;
-const POINTER_FRONT_RADIUS = 2e-3;
+const POINTER_FRONT_RADIUS = 0.002;
 const POINTER_REAR_RADIUS = 0.01;
-const POINTER_REAR_RADIUS_MIN = 3e-3;
+const POINTER_REAR_RADIUS_MIN = 0.003;
 const POINTER_LENGTH = 0.035;
 const POINTER_SEGMENTS = 16;
 const POINTER_RINGS = 12;
 const POINTER_HEMISPHERE_ANGLE = 110;
-const YAXIS = new THREE__namespace.Vector3(0, 1, 0);
-const ZAXIS = new THREE__namespace.Vector3(0, 0, 1);
+const YAXIS = new THREE.Vector3(0, 1, 0);
+const ZAXIS = new THREE.Vector3(0, 0, 1);
 const CURSOR_RADIUS = 0.02;
 const CURSOR_MAX_DISTANCE = 1.5;
-class OculusHandPointerModel extends THREE__namespace.Object3D {
+
+class OculusHandPointerModel extends THREE.Object3D {
   constructor(hand, controller) {
     super();
     this.hand = hand;
@@ -52,8 +33,9 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
     this.attached = false;
     this.cursorObject = null;
     this.raycaster = null;
-    hand.addEventListener("connected", (event) => {
+    hand.addEventListener('connected', event => {
       const xrInputSource = event.data;
+
       if (xrInputSource.hand) {
         this.visible = true;
         this.xrInputSource = xrInputSource;
@@ -61,8 +43,10 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
       }
     });
   }
+
   _drawVerticesRing(vertices, baseVector, ringIndex) {
     const segmentVector = baseVector.clone();
+
     for (var i = 0; i < POINTER_SEGMENTS; i++) {
       segmentVector.applyAxisAngle(ZAXIS, Math.PI * 2 / POINTER_SEGMENTS);
       const vid = ringIndex * POINTER_SEGMENTS + i;
@@ -71,84 +55,102 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
       vertices[3 * vid + 2] = segmentVector.z;
     }
   }
+
   _updatePointerVertices(rearRadius) {
-    const vertices = this.pointerGeometry.attributes.position.array;
-    const frontFaceBase = new THREE__namespace.Vector3(POINTER_FRONT_RADIUS, 0, -1 * (POINTER_LENGTH - rearRadius));
-    this._drawVerticesRing(vertices, frontFaceBase, 0);
-    const rearBase = new THREE__namespace.Vector3(
-      Math.sin(Math.PI * POINTER_HEMISPHERE_ANGLE / 180) * rearRadius,
-      Math.cos(Math.PI * POINTER_HEMISPHERE_ANGLE / 180) * rearRadius,
-      0
-    );
+    const vertices = this.pointerGeometry.attributes.position.array; // first ring for front face
+
+    const frontFaceBase = new THREE.Vector3(POINTER_FRONT_RADIUS, 0, -1 * (POINTER_LENGTH - rearRadius));
+
+    this._drawVerticesRing(vertices, frontFaceBase, 0); // rings for rear hemisphere
+
+
+    const rearBase = new THREE.Vector3(Math.sin(Math.PI * POINTER_HEMISPHERE_ANGLE / 180) * rearRadius, Math.cos(Math.PI * POINTER_HEMISPHERE_ANGLE / 180) * rearRadius, 0);
+
     for (var i = 0; i < POINTER_RINGS; i++) {
       this._drawVerticesRing(vertices, rearBase, i + 1);
+
       rearBase.applyAxisAngle(YAXIS, Math.PI * POINTER_HEMISPHERE_ANGLE / 180 / (POINTER_RINGS * -2));
-    }
+    } // front and rear face center vertices
+
+
     const frontCenterIndex = POINTER_SEGMENTS * (1 + POINTER_RINGS);
     const rearCenterIndex = POINTER_SEGMENTS * (1 + POINTER_RINGS) + 1;
-    const frontCenter = new THREE__namespace.Vector3(0, 0, -1 * (POINTER_LENGTH - rearRadius));
+    const frontCenter = new THREE.Vector3(0, 0, -1 * (POINTER_LENGTH - rearRadius));
     vertices[frontCenterIndex * 3] = frontCenter.x;
     vertices[frontCenterIndex * 3 + 1] = frontCenter.y;
     vertices[frontCenterIndex * 3 + 2] = frontCenter.z;
-    const rearCenter = new THREE__namespace.Vector3(0, 0, rearRadius);
+    const rearCenter = new THREE.Vector3(0, 0, rearRadius);
     vertices[rearCenterIndex * 3] = rearCenter.x;
     vertices[rearCenterIndex * 3 + 1] = rearCenter.y;
     vertices[rearCenterIndex * 3 + 2] = rearCenter.z;
-    this.pointerGeometry.setAttribute("position", new THREE__namespace.Float32BufferAttribute(vertices, 3));
+    this.pointerGeometry.setAttribute('position', new THREE.Float32BufferAttribute(vertices, 3)); // verticesNeedUpdate = true;
   }
+
   createPointer() {
     var i, j;
-    const vertices = new Array(((POINTER_RINGS + 1) * POINTER_SEGMENTS + 2) * 3).fill(0);
+    const vertices = new Array(((POINTER_RINGS + 1) * POINTER_SEGMENTS + 2) * 3).fill(0); // const vertices = [];
+
     const indices = [];
-    this.pointerGeometry = new THREE__namespace.BufferGeometry();
-    this.pointerGeometry.setAttribute("position", new THREE__namespace.Float32BufferAttribute(vertices, 3));
-    this._updatePointerVertices(POINTER_REAR_RADIUS);
+    this.pointerGeometry = new THREE.BufferGeometry();
+    this.pointerGeometry.setAttribute('position', new THREE.Float32BufferAttribute(vertices, 3));
+
+    this._updatePointerVertices(POINTER_REAR_RADIUS); // construct faces to connect rings
+
+
     for (i = 0; i < POINTER_RINGS; i++) {
       for (j = 0; j < POINTER_SEGMENTS - 1; j++) {
         indices.push(i * POINTER_SEGMENTS + j, i * POINTER_SEGMENTS + j + 1, (i + 1) * POINTER_SEGMENTS + j);
         indices.push(i * POINTER_SEGMENTS + j + 1, (i + 1) * POINTER_SEGMENTS + j + 1, (i + 1) * POINTER_SEGMENTS + j);
       }
+
       indices.push((i + 1) * POINTER_SEGMENTS - 1, i * POINTER_SEGMENTS, (i + 2) * POINTER_SEGMENTS - 1);
       indices.push(i * POINTER_SEGMENTS, (i + 1) * POINTER_SEGMENTS, (i + 2) * POINTER_SEGMENTS - 1);
-    }
+    } // construct front and rear face
+
+
     const frontCenterIndex = POINTER_SEGMENTS * (1 + POINTER_RINGS);
     const rearCenterIndex = POINTER_SEGMENTS * (1 + POINTER_RINGS) + 1;
+
     for (i = 0; i < POINTER_SEGMENTS - 1; i++) {
       indices.push(frontCenterIndex, i + 1, i);
       indices.push(rearCenterIndex, i + POINTER_SEGMENTS * POINTER_RINGS, i + POINTER_SEGMENTS * POINTER_RINGS + 1);
     }
+
     indices.push(frontCenterIndex, 0, POINTER_SEGMENTS - 1);
     indices.push(rearCenterIndex, POINTER_SEGMENTS * (POINTER_RINGS + 1) - 1, POINTER_SEGMENTS * POINTER_RINGS);
-    const material = new THREE__namespace.MeshBasicMaterial();
+    const material = new THREE.MeshBasicMaterial();
     material.transparent = true;
     material.opacity = POINTER_OPACITY_MIN;
     this.pointerGeometry.setIndex(indices);
-    this.pointerMesh = new THREE__namespace.Mesh(this.pointerGeometry, material);
+    this.pointerMesh = new THREE.Mesh(this.pointerGeometry, material);
     this.pointerMesh.position.set(0, 0, -1 * POINTER_REAR_RADIUS);
-    this.pointerObject = new THREE__namespace.Object3D();
+    this.pointerObject = new THREE.Object3D();
     this.pointerObject.add(this.pointerMesh);
-    this.raycaster = new THREE__namespace.Raycaster();
-    const cursorGeometry = new THREE__namespace.SphereGeometry(CURSOR_RADIUS, 10, 10);
-    const cursorMaterial = new THREE__namespace.MeshBasicMaterial();
+    this.raycaster = new THREE.Raycaster(); // create cursor
+
+    const cursorGeometry = new THREE.SphereGeometry(CURSOR_RADIUS, 10, 10);
+    const cursorMaterial = new THREE.MeshBasicMaterial();
     cursorMaterial.transparent = true;
     cursorMaterial.opacity = POINTER_OPACITY_MIN;
-    this.cursorObject = new THREE__namespace.Mesh(cursorGeometry, cursorMaterial);
+    this.cursorObject = new THREE.Mesh(cursorGeometry, cursorMaterial);
     this.pointerObject.add(this.cursorObject);
     this.add(this.pointerObject);
   }
+
   _updateRaycaster() {
     if (this.raycaster) {
       const pointerMatrix = this.pointerObject.matrixWorld;
-      const tempMatrix = new THREE__namespace.Matrix4();
+      const tempMatrix = new THREE.Matrix4();
       tempMatrix.identity().extractRotation(pointerMatrix);
       this.raycaster.ray.origin.setFromMatrixPosition(pointerMatrix);
       this.raycaster.ray.direction.set(0, 0, -1).applyMatrix4(tempMatrix);
     }
   }
+
   _updatePointer() {
     this.pointerObject.visible = this.controller.visible;
-    const indexTip = this.hand.joints["index-finger-tip"];
-    const thumbTip = this.hand.joints["thumb-tip"];
+    const indexTip = this.hand.joints['index-finger-tip'];
+    const thumbTip = this.hand.joints['thumb-tip'];
     const distance = indexTip.position.distanceTo(thumbTip.position);
     const position = indexTip.position.clone().add(thumbTip.position).multiplyScalar(0.5);
     this.pointerObject.position.copy(position);
@@ -156,13 +158,17 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
     this.pinched = distance <= PINCH_THRESHOLD;
     const pinchScale = (distance - PINCH_MIN) / (PINCH_MAX - PINCH_MIN);
     const focusScale = (distance - PINCH_MIN) / (PINCH_THRESHOLD - PINCH_MIN);
+
     if (pinchScale > 1) {
       this._updatePointerVertices(POINTER_REAR_RADIUS);
+
       this.pointerMesh.position.set(0, 0, -1 * POINTER_REAR_RADIUS);
       this.pointerMesh.material.opacity = POINTER_OPACITY_MIN;
     } else if (pinchScale > 0) {
       const rearRadius = (POINTER_REAR_RADIUS - POINTER_REAR_RADIUS_MIN) * pinchScale + POINTER_REAR_RADIUS_MIN;
+
       this._updatePointerVertices(rearRadius);
+
       if (focusScale < 1) {
         this.pointerMesh.position.set(0, 0, -1 * rearRadius - (1 - focusScale) * POINTER_ADVANCE_MAX);
         this.pointerMesh.material.opacity = POINTER_OPACITY_MIN + (1 - focusScale) * (POINTER_OPACITY_MAX - POINTER_OPACITY_MIN);
@@ -172,41 +178,53 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
       }
     } else {
       this._updatePointerVertices(POINTER_REAR_RADIUS_MIN);
+
       this.pointerMesh.position.set(0, 0, -1 * POINTER_REAR_RADIUS_MIN - POINTER_ADVANCE_MAX);
       this.pointerMesh.material.opacity = POINTER_OPACITY_MAX;
     }
+
     this.cursorObject.material.opacity = this.pointerMesh.material.opacity;
   }
+
   updateMatrixWorld(force) {
     super.updateMatrixWorld(force);
+
     if (this.pointerGeometry) {
       this._updatePointer();
+
       this._updateRaycaster();
     }
   }
+
   isPinched() {
     return this.pinched;
   }
+
   setAttached(attached) {
     this.attached = attached;
   }
+
   isAttached() {
     return this.attached;
   }
+
   intersectObject(object, recursive = true) {
     if (this.raycaster) {
       return this.raycaster.intersectObject(object, recursive);
     }
   }
+
   intersectObjects(objects, recursive = true) {
     if (this.raycaster) {
       return this.raycaster.intersectObjects(objects, recursive);
     }
   }
+
   checkIntersections(objects, recursive = false) {
     if (this.raycaster && !this.attached) {
       const intersections = this.raycaster.intersectObjects(objects, recursive);
-      const direction = new THREE__namespace.Vector3(0, 0, -1);
+      const direction = new THREE.Vector3(0, 0, -1);
+
       if (intersections.length > 0) {
         const intersection = intersections[0];
         const distance = intersection.distance;
@@ -216,11 +234,15 @@ class OculusHandPointerModel extends THREE__namespace.Object3D {
       }
     }
   }
+
   setCursor(distance) {
-    const direction = new THREE__namespace.Vector3(0, 0, -1);
+    const direction = new THREE.Vector3(0, 0, -1);
+
     if (this.raycaster && !this.attached) {
       this.cursorObject.position.copy(direction.multiplyScalar(distance));
     }
   }
+
 }
-exports.OculusHandPointerModel = OculusHandPointerModel;
+
+export { OculusHandPointerModel };

package/webxr/Text2D.cjs.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("three"));exports.createText=function(e,r){const n=document.createElement("canvas"),l=n.getContext("2d");let o=null;const a=100;l.font="normal 100px Arial",o=l.measureText(e);const c=o.width;n.width=c,n.height=a,l.font="normal 100px Arial",l.textAlign="center",l.textBaseline="middle",l.fillStyle="#ffffff",l.fillText(e,c/2,50);const i=new t.Texture(n);i.needsUpdate=!0;const f=new t.MeshBasicMaterial({color:16777215,side:t.DoubleSide,map:i,transparent:!0}),s=new t.PlaneGeometry(r*c/a,r);return new t.Mesh(s,f)};

package/webxr/Text2D.js

@@ -1,50 +1,32 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const THREE__namespace = /* @__PURE__ */ _interopNamespace(THREE);
+import * as THREE from 'three';
+
 function createText(message, height) {
-  const canvas = document.createElement("canvas");
-  const context = canvas.getContext("2d");
+  const canvas = document.createElement('canvas');
+  const context = canvas.getContext('2d');
   let metrics = null;
   const textHeight = 100;
-  context.font = "normal " + textHeight + "px Arial";
+  context.font = 'normal ' + textHeight + 'px Arial';
   metrics = context.measureText(message);
   const textWidth = metrics.width;
   canvas.width = textWidth;
   canvas.height = textHeight;
-  context.font = "normal " + textHeight + "px Arial";
-  context.textAlign = "center";
-  context.textBaseline = "middle";
-  context.fillStyle = "#ffffff";
+  context.font = 'normal ' + textHeight + 'px Arial';
+  context.textAlign = 'center';
+  context.textBaseline = 'middle';
+  context.fillStyle = '#ffffff';
   context.fillText(message, textWidth / 2, textHeight / 2);
-  const texture = new THREE__namespace.Texture(canvas);
-  texture.needsUpdate = true;
-  const material = new THREE__namespace.MeshBasicMaterial({
-    color: 16777215,
-    side: THREE__namespace.DoubleSide,
+  const texture = new THREE.Texture(canvas);
+  texture.needsUpdate = true; //var spriteAlignment = new THREE.Vector2(0,0) ;
+
+  const material = new THREE.MeshBasicMaterial({
+    color: 0xffffff,
+    side: THREE.DoubleSide,
     map: texture,
     transparent: true
   });
-  const geometry = new THREE__namespace.PlaneGeometry(height * textWidth / textHeight, height);
-  const plane = new THREE__namespace.Mesh(geometry, material);
+  const geometry = new THREE.PlaneGeometry(height * textWidth / textHeight, height);
+  const plane = new THREE.Mesh(geometry, material);
   return plane;
 }
-exports.createText = createText;
+
+export { createText };

package/webxr/VRButton.cjs.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@babel/runtime/helpers/defineProperty"));class n{static createButton(e,t={}){const o=document.createElement("button");function s(){o.style.display="",o.style.cursor="auto",o.style.left="calc(50% - 75px)",o.style.width="150px",o.onmouseenter=null,o.onmouseleave=null,o.onclick=null,o.textContent="VR NOT SUPPORTED"}function r(e){e.style.position="absolute",e.style.bottom="20px",e.style.padding="12px 6px",e.style.border="1px solid #fff",e.style.borderRadius="4px",e.style.background="rgba(0,0,0,0.1)",e.style.color="#fff",e.style.font="normal 13px sans-serif",e.style.textAlign="center",e.style.opacity="0.5",e.style.outline="none",e.style.zIndex="999"}if("xr"in navigator)return r(o),o.id="VRButton",o.style.display="none",navigator.xr.isSessionSupported("immersive-vr").then((r=>{r?function(){let n=null;async function s(t){t.addEventListener("end",r),await e.xr.setSession(t),o.textContent="EXIT VR",n=t}function r(){n.removeEventListener("end",r),o.textContent="ENTER VR",n=null}o.style.display="",o.style.cursor="pointer",o.style.left="calc(50% - 50px)",o.style.width="100px",o.textContent="ENTER VR",o.onmouseenter=()=>{o.style.opacity="1.0"},o.onmouseleave=()=>{o.style.opacity="0.5"},o.onclick=()=>{if(null===n){var e;const n=[t.optionalFeatures,"local-floor","bounded-floor","hand-tracking"].flat().filter(Boolean);null===(e=navigator.xr)||void 0===e||e.requestSession("immersive-vr",{...t,optionalFeatures:n}).then(s)}else n.end()}}():s(),r&&n.xrSessionIsGranted&&o.click()})),o;{const e=document.createElement("a");return!1===window.isSecureContext?(e.href=document.location.href.replace(/^http:/,"https:"),e.innerHTML="WEBXR NEEDS HTTPS"):(e.href="https://immersiveweb.dev/",e.innerHTML="WEBXR NOT AVAILABLE"),e.style.left="calc(50% - 90px)",e.style.width="180px",e.style.textDecoration="none",r(e),e}}static registerSessionGrantedListener(){"xr"in navigator&&navigator.xr.addEventListener("sessiongranted",(()=>{n.xrSessionIsGranted=!0}))}}t.default(n,"xrSessionIsGranted",!1),exports.VRButton=n;

package/webxr/VRButton.js

@@ -1,105 +1,136 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _VRButton = class {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+
+class VRButton {
   static createButton(renderer, sessionInit = {}) {
-    const button = document.createElement("button");
-    function showEnterVR() {
+    const button = document.createElement('button');
+
+    function
+      /*device*/
+    showEnterVR() {
       let currentSession = null;
+
       async function onSessionStarted(session) {
-        session.addEventListener("end", onSessionEnded);
+        session.addEventListener('end', onSessionEnded);
         await renderer.xr.setSession(session);
-        button.textContent = "EXIT VR";
+        button.textContent = 'EXIT VR';
         currentSession = session;
       }
-      function onSessionEnded() {
-        currentSession.removeEventListener("end", onSessionEnded);
-        button.textContent = "ENTER VR";
+
+      function
+        /*event*/
+      onSessionEnded() {
+        currentSession.removeEventListener('end', onSessionEnded);
+        button.textContent = 'ENTER VR';
         currentSession = null;
-      }
-      button.style.display = "";
-      button.style.cursor = "pointer";
-      button.style.left = "calc(50% - 50px)";
-      button.style.width = "100px";
-      button.textContent = "ENTER VR";
+      } //
+
+
+      button.style.display = '';
+      button.style.cursor = 'pointer';
+      button.style.left = 'calc(50% - 50px)';
+      button.style.width = '100px';
+      button.textContent = 'ENTER VR';
+
       button.onmouseenter = () => {
-        button.style.opacity = "1.0";
+        button.style.opacity = '1.0';
       };
+
       button.onmouseleave = () => {
-        button.style.opacity = "0.5";
+        button.style.opacity = '0.5';
       };
+
       button.onclick = () => {
-        var _a;
         if (currentSession === null) {
-          const optionalFeatures = [sessionInit.optionalFeatures, "local-floor", "bounded-floor", "hand-tracking"].flat().filter(Boolean);
-          (_a = navigator.xr) == null ? void 0 : _a.requestSession("immersive-vr", { ...sessionInit, optionalFeatures }).then(onSessionStarted);
+          var _xr;
+
+          // WebXR's requestReferenceSpace only works if the corresponding feature
+          // was requested at session creation time. For simplicity, just ask for
+          // the interesting ones as optional features, but be aware that the
+          // requestReferenceSpace call will fail if it turns out to be unavailable.
+          // ('local' is always available for immersive sessions and doesn't need to
+          // be requested separately.)
+          const optionalFeatures = [sessionInit.optionalFeatures, 'local-floor', 'bounded-floor', 'hand-tracking'].flat().filter(Boolean);
+          (_xr = navigator.xr) === null || _xr === void 0 ? void 0 : _xr.requestSession('immersive-vr', { ...sessionInit,
+            optionalFeatures
+          }).then(onSessionStarted);
         } else {
           currentSession.end();
         }
       };
     }
+
     function disableButton() {
-      button.style.display = "";
-      button.style.cursor = "auto";
-      button.style.left = "calc(50% - 75px)";
-      button.style.width = "150px";
+      button.style.display = '';
+      button.style.cursor = 'auto';
+      button.style.left = 'calc(50% - 75px)';
+      button.style.width = '150px';
       button.onmouseenter = null;
       button.onmouseleave = null;
       button.onclick = null;
     }
+
     function showWebXRNotFound() {
       disableButton();
-      button.textContent = "VR NOT SUPPORTED";
+      button.textContent = 'VR NOT SUPPORTED';
     }
+
     function stylizeElement(element) {
-      element.style.position = "absolute";
-      element.style.bottom = "20px";
-      element.style.padding = "12px 6px";
-      element.style.border = "1px solid #fff";
-      element.style.borderRadius = "4px";
-      element.style.background = "rgba(0,0,0,0.1)";
-      element.style.color = "#fff";
-      element.style.font = "normal 13px sans-serif";
-      element.style.textAlign = "center";
-      element.style.opacity = "0.5";
-      element.style.outline = "none";
-      element.style.zIndex = "999";
+      element.style.position = 'absolute';
+      element.style.bottom = '20px';
+      element.style.padding = '12px 6px';
+      element.style.border = '1px solid #fff';
+      element.style.borderRadius = '4px';
+      element.style.background = 'rgba(0,0,0,0.1)';
+      element.style.color = '#fff';
+      element.style.font = 'normal 13px sans-serif';
+      element.style.textAlign = 'center';
+      element.style.opacity = '0.5';
+      element.style.outline = 'none';
+      element.style.zIndex = '999';
     }
-    if ("xr" in navigator) {
+
+    if ('xr' in navigator) {
       stylizeElement(button);
-      button.id = "VRButton";
-      button.style.display = "none";
-      navigator.xr.isSessionSupported("immersive-vr").then((supported) => {
+      button.id = 'VRButton';
+      button.style.display = 'none' // Query for session mode
+      ;
+      navigator.xr.isSessionSupported('immersive-vr').then(supported => {
         supported ? showEnterVR() : showWebXRNotFound();
-        if (supported && _VRButton.xrSessionIsGranted) {
+
+        if (supported && VRButton.xrSessionIsGranted) {
           button.click();
         }
       });
       return button;
     } else {
-      const message = document.createElement("a");
+      const message = document.createElement('a');
+
       if (window.isSecureContext === false) {
-        message.href = document.location.href.replace(/^http:/, "https:");
-        message.innerHTML = "WEBXR NEEDS HTTPS";
+        message.href = document.location.href.replace(/^http:/, 'https:');
+        message.innerHTML = 'WEBXR NEEDS HTTPS'; // TODO Improve message
       } else {
-        message.href = "https://immersiveweb.dev/";
-        message.innerHTML = "WEBXR NOT AVAILABLE";
+        message.href = 'https://immersiveweb.dev/';
+        message.innerHTML = 'WEBXR NOT AVAILABLE';
       }
-      message.style.left = "calc(50% - 90px)";
-      message.style.width = "180px";
-      message.style.textDecoration = "none";
+
+      message.style.left = 'calc(50% - 90px)';
+      message.style.width = '180px';
+      message.style.textDecoration = 'none';
       stylizeElement(message);
       return message;
     }
   }
+
   static registerSessionGrantedListener() {
-    if ("xr" in navigator) {
-      ;
-      navigator.xr.addEventListener("sessiongranted", () => {
-        _VRButton.xrSessionIsGranted = true;
+    if ('xr' in navigator) {
+      navigator.xr.addEventListener('sessiongranted', () => {
+        VRButton.xrSessionIsGranted = true;
       });
     }
   }
-};
-let VRButton = _VRButton;
-VRButton.xrSessionIsGranted = false;
-exports.VRButton = VRButton;
+
+}
+
+_defineProperty(VRButton, "xrSessionIsGranted", false);
+
+export { VRButton };

package/webxr/XRControllerModelFactory.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),o=require("../loaders/GLTFLoader.cjs.js"),t=require("../libs/MotionControllers.cjs.js");class n extends e.Object3D{constructor(){super(),this.motionController=null,this.envMap=null}setEnvironmentMap(e){return this.envMap==e||(this.envMap=e,this.traverse((e=>{e.isMesh&&(e.material.envMap=this.envMap,e.material.needsUpdate=!0)}))),this}updateMatrixWorld(e){super.updateMatrixWorld(e),this.motionController&&(this.motionController.updateFromGamepad(),Object.values(this.motionController.components).forEach((e=>{Object.values(e.visualResponses).forEach((e=>{const{valueNode:o,minNode:n,maxNode:r,value:s,valueNodeProperty:a}=e;o&&(a===t.MotionControllerConstants.VisualResponseProperty.VISIBILITY?o.visible=s:a===t.MotionControllerConstants.VisualResponseProperty.TRANSFORM&&(o.quaternion.slerpQuaternions(n.quaternion,r.quaternion,s),o.position.lerpVectors(n.position,r.position,s)))}))})))}}function r(o,n){!function(o,n){Object.values(o.components).forEach((o=>{const{type:r,touchPointNodeName:s,visualResponses:a}=o;if(r===t.MotionControllerConstants.ComponentType.TOUCHPAD)if(o.touchPointNode=n.getObjectByName(s),o.touchPointNode){const t=new e.SphereGeometry(.001),n=new e.MeshBasicMaterial({color:255}),r=new e.Mesh(t,n);o.touchPointNode.add(r)}else console.warn(`Could not find touch dot, ${o.touchPointNodeName}, in touchpad component ${o.id}`);Object.values(a).forEach((e=>{const{valueNodeName:o,minNodeName:r,maxNodeName:s,valueNodeProperty:a}=e;if(a===t.MotionControllerConstants.VisualResponseProperty.TRANSFORM){if(e.minNode=n.getObjectByName(r),e.maxNode=n.getObjectByName(s),!e.minNode)return void console.warn(`Could not find ${r} in the model`);if(!e.maxNode)return void console.warn(`Could not find ${s} in the model`)}e.valueNode=n.getObjectByName(o),e.valueNode||console.warn(`Could not find ${o} in the model`)}))}))}(o.motionController,n),o.envMap&&n.traverse((e=>{e.isMesh&&(e.material.envMap=o.envMap,e.material.needsUpdate=!0)})),o.add(n)}exports.XRControllerModelFactory=class{constructor(e=null){this.gltfLoader=e,this.path="https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles",this._assetCache={},this.gltfLoader||(this.gltfLoader=new o.GLTFLoader)}createControllerModel(e){const o=new n;let s=null;return e.addEventListener("connected",(e=>{const n=e.data;"tracked-pointer"===n.targetRayMode&&n.gamepad&&t.fetchProfile(n,this.path,"generic-trigger").then((({profile:e,assetPath:a})=>{o.motionController=new t.MotionController(n,e,a);const l=this._assetCache[o.motionController.assetUrl];if(l)s=l.scene.clone(),r(o,s);else{if(!this.gltfLoader)throw new Error("GLTFLoader not set.");this.gltfLoader.setPath(""),this.gltfLoader.load(o.motionController.assetUrl,(e=>{this._assetCache[o.motionController.assetUrl]=e,s=e.scene.clone(),r(o,s)}),null,(()=>{throw new Error(`Asset ${o.motionController.assetUrl} missing or malformed.`)}))}})).catch((e=>{console.warn(e)}))})),e.addEventListener("disconnected",(()=>{o.motionController=null,o.remove(s),s=null})),o}};