three-stdlib 2.15.2 → 2.16.1

package/utils/WorkerPool.js

@@ -1,5 +1,6 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+/**
+ * @author Deepkolos / https://github.com/deepkolos
+ */
 class WorkerPool {
   constructor(pool = 4) {
     this.pool = pool;
@@ -8,55 +9,74 @@ class WorkerPool {
     this.workersResolve = [];
     this.workerStatus = 0;
   }
+
   _initWorker(workerId) {
     if (!this.workers[workerId]) {
       const worker = this.workerCreator();
-      worker.addEventListener("message", this._onMessage.bind(this, workerId));
+      worker.addEventListener('message', this._onMessage.bind(this, workerId));
       this.workers[workerId] = worker;
     }
   }
+
   _getIdleWorker() {
-    for (let i = 0; i < this.pool; i++)
-      if (!(this.workerStatus & 1 << i))
-        return i;
+    for (let i = 0; i < this.pool; i++) if (!(this.workerStatus & 1 << i)) return i;
+
     return -1;
   }
+
   _onMessage(workerId, msg) {
     const resolve = this.workersResolve[workerId];
     resolve && resolve(msg);
+
     if (this.queue.length) {
-      const { resolve: resolve2, msg: msg2, transfer } = this.queue.shift();
-      this.workersResolve[workerId] = resolve2;
-      this.workers[workerId].postMessage(msg2, transfer);
+      const {
+        resolve,
+        msg,
+        transfer
+      } = this.queue.shift();
+      this.workersResolve[workerId] = resolve;
+      this.workers[workerId].postMessage(msg, transfer);
     } else {
       this.workerStatus ^= 1 << workerId;
     }
   }
+
   setWorkerCreator(workerCreator) {
     this.workerCreator = workerCreator;
   }
+
   setWorkerLimit(pool) {
     this.pool = pool;
   }
+
   postMessage(msg, transfer) {
-    return new Promise((resolve) => {
+    return new Promise(resolve => {
       const workerId = this._getIdleWorker();
+
       if (workerId !== -1) {
         this._initWorker(workerId);
+
         this.workerStatus |= 1 << workerId;
         this.workersResolve[workerId] = resolve;
         this.workers[workerId].postMessage(msg, transfer);
       } else {
-        this.queue.push({ resolve, msg, transfer });
+        this.queue.push({
+          resolve,
+          msg,
+          transfer
+        });
       }
     });
   }
+
   dispose() {
-    this.workers.forEach((worker) => worker.terminate());
+    this.workers.forEach(worker => worker.terminate());
     this.workersResolve.length = 0;
     this.workers.length = 0;
     this.queue.length = 0;
     this.workerStatus = 0;
   }
+
 }
-exports.WorkerPool = WorkerPool;
+
+export { WorkerPool };

package/webxr/ARButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ARButton=class{static createButton(e,t={}){const n=document.createElement("button");function o(){n.style.display="",n.style.cursor="auto",n.style.left="calc(50% - 75px)",n.style.width="150px",n.onmouseenter=null,n.onmouseleave=null,n.onclick=null,n.textContent="AR NOT SUPPORTED"}function s(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 n.id="ARButton",n.style.display="none",s(n),navigator.xr.isSessionSupported("immersive-ar").then((function(s){s?function(){if(void 0===t.domOverlay){const e=document.createElement("div");e.style.display="none",document.body.appendChild(e);const n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("width","38px"),n.setAttribute("height","38px"),n.style.position="absolute",n.style.right="20px",n.style.top="20px",n.addEventListener("click",(function(){var e;null===(e=o)||void 0===e||e.end()})),e.appendChild(n);const s=document.createElementNS("http://www.w3.org/2000/svg","path");s.setAttribute("d","M 12,12 L 28,28 M 28,12 12,28"),s.setAttribute("stroke","#fff"),s.setAttribute("stroke-width","2px"),n.appendChild(s),void 0===t.optionalFeatures&&(t.optionalFeatures=[]),t.optionalFeatures.push("dom-overlay"),t.domOverlay={root:e}}let o=null;async function s(s){s.addEventListener("end",l),e.xr.setReferenceSpaceType("local"),await e.xr.setSession(s),n.textContent="STOP AR",t.domOverlay.root.style.display="",o=s}function l(){o.removeEventListener("end",l),n.textContent="START AR",t.domOverlay.root.style.display="none",o=null}n.style.display="",n.style.cursor="pointer",n.style.left="calc(50% - 50px)",n.style.width="100px",n.textContent="START AR",n.onmouseenter=()=>{n.style.opacity="1.0"},n.onmouseleave=()=>{n.style.opacity="0.5"},n.onclick=()=>{null===o?navigator.xr.requestSession("immersive-ar",t).then(s):o.end()}}():o()})).catch(o),n;{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",s(e),e}}};

package/webxr/ARButton.js

@@ -1,119 +1,145 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 class ARButton {
   static createButton(renderer, sessionInit = {}) {
-    const button = document.createElement("button");
-    function showStartAR() {
-      if (sessionInit.domOverlay === void 0) {
-        const overlay = document.createElement("div");
-        overlay.style.display = "none";
+    const button = document.createElement('button');
+
+    function
+      /*device*/
+    showStartAR() {
+      if (sessionInit.domOverlay === undefined) {
+        const overlay = document.createElement('div');
+        overlay.style.display = 'none';
         document.body.appendChild(overlay);
-        const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        svg.setAttribute("width", "38px");
-        svg.setAttribute("height", "38px");
-        svg.style.position = "absolute";
-        svg.style.right = "20px";
-        svg.style.top = "20px";
-        svg.addEventListener("click", function() {
-          currentSession == null ? void 0 : currentSession.end();
+        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        svg.setAttribute('width', '38px');
+        svg.setAttribute('height', '38px');
+        svg.style.position = 'absolute';
+        svg.style.right = '20px';
+        svg.style.top = '20px';
+        svg.addEventListener('click', function () {
+          var _currentSession;
+
+          (_currentSession = currentSession) === null || _currentSession === void 0 ? void 0 : _currentSession.end();
         });
         overlay.appendChild(svg);
-        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-        path.setAttribute("d", "M 12,12 L 28,28 M 28,12 12,28");
-        path.setAttribute("stroke", "#fff");
-        path.setAttribute("stroke-width", "2px");
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('d', 'M 12,12 L 28,28 M 28,12 12,28');
+        path.setAttribute('stroke', '#fff');
+        path.setAttribute('stroke-width', '2px');
         svg.appendChild(path);
-        if (sessionInit.optionalFeatures === void 0) {
+
+        if (sessionInit.optionalFeatures === undefined) {
           sessionInit.optionalFeatures = [];
         }
-        sessionInit.optionalFeatures.push("dom-overlay");
-        sessionInit.domOverlay = { root: overlay };
-      }
+
+        sessionInit.optionalFeatures.push('dom-overlay');
+        sessionInit.domOverlay = {
+          root: overlay
+        };
+      } //
+
+
       let currentSession = null;
+
       async function onSessionStarted(session) {
-        session.addEventListener("end", onSessionEnded);
-        renderer.xr.setReferenceSpaceType("local");
+        session.addEventListener('end', onSessionEnded);
+        renderer.xr.setReferenceSpaceType('local');
         await renderer.xr.setSession(session);
-        button.textContent = "STOP AR";
-        sessionInit.domOverlay.root.style.display = "";
+        button.textContent = 'STOP AR';
+        sessionInit.domOverlay.root.style.display = '';
         currentSession = session;
       }
-      function onSessionEnded() {
-        currentSession.removeEventListener("end", onSessionEnded);
-        button.textContent = "START AR";
-        sessionInit.domOverlay.root.style.display = "none";
+
+      function
+        /*event*/
+      onSessionEnded() {
+        currentSession.removeEventListener('end', onSessionEnded);
+        button.textContent = 'START AR';
+        sessionInit.domOverlay.root.style.display = 'none';
         currentSession = null;
-      }
-      button.style.display = "";
-      button.style.cursor = "pointer";
-      button.style.left = "calc(50% - 50px)";
-      button.style.width = "100px";
-      button.textContent = "START AR";
+      } //
+
+
+      button.style.display = '';
+      button.style.cursor = 'pointer';
+      button.style.left = 'calc(50% - 50px)';
+      button.style.width = '100px';
+      button.textContent = 'START AR';
+
       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 = () => {
         if (currentSession === null) {
-          ;
-          navigator.xr.requestSession("immersive-ar", sessionInit).then(onSessionStarted);
+          navigator.xr.requestSession('immersive-ar', sessionInit).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 showARNotSupported() {
       disableButton();
-      button.textContent = "AR NOT SUPPORTED";
+      button.textContent = 'AR 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) {
-      button.id = "ARButton";
-      button.style.display = "none";
-      stylizeElement(button);
-      navigator.xr.isSessionSupported("immersive-ar").then(function(supported) {
+
+    if ('xr' in navigator) {
+      button.id = 'ARButton';
+      button.style.display = 'none';
+      stylizeElement(button) // Query for session mode
+      ;
+      navigator.xr.isSessionSupported('immersive-ar').then(function (supported) {
         supported ? showStartAR() : showARNotSupported();
       }).catch(showARNotSupported);
       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;
     }
   }
+
 }
-exports.ARButton = ARButton;
+
+export { ARButton };

package/webxr/OculusHandModel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("three"),o=require("./XRHandMeshModel.cjs.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../loaders/GLTFLoader.cjs.js");var n=r(e);class s extends t.Object3D{constructor(e,t,r){super(),n.default(this,"controller",void 0),n.default(this,"motionController",void 0),n.default(this,"envMap",void 0),n.default(this,"mesh",void 0),n.default(this,"xrInputSource",void 0),this.controller=e,this.motionController=null,this.envMap=null,this.mesh=null,this.xrInputSource=null,e.addEventListener("connected",(n=>{const s=n.data;s.hand&&!this.motionController&&(this.xrInputSource=s,this.motionController=new o.XRHandMeshModel(this,e,void 0,s.handedness,"left"===s.handedness?t:r))})),e.addEventListener("disconnected",(()=>{this.dispose()}))}updateMatrixWorld(e){super.updateMatrixWorld(e),this.motionController&&this.motionController.updateMesh()}getPointerPosition(){const e=this.controller.joints["index-finger-tip"];return e?e.position:null}intersectBoxObject(e){const o=this.getPointerPosition();if(o){const r=new t.Sphere(o,.01),n=(new t.Box3).setFromObject(e);return r.intersectsBox(n)}return!1}checkButton(e){this.intersectBoxObject(e)?e.onPress():e.onClear(),e.isPressed()&&e.whilePressed()}dispose(){this.clear(),this.motionController=null}}exports.OculusHandModel=s;

package/webxr/OculusHandModel.js

@@ -1,71 +1,90 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-const XRHandMeshModel = require("./XRHandMeshModel.js");
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { Object3D, Sphere, Box3 } from 'three';
+import { XRHandMeshModel } from './XRHandMeshModel.js';
+
 const TOUCH_RADIUS = 0.01;
-const POINTING_JOINT = "index-finger-tip";
-class OculusHandModel extends THREE.Object3D {
+const POINTING_JOINT = 'index-finger-tip';
+
+class OculusHandModel extends Object3D {
   constructor(controller, leftModelPath, rightModelPath) {
     super();
+
+    _defineProperty(this, "controller", void 0);
+
+    _defineProperty(this, "motionController", void 0);
+
+    _defineProperty(this, "envMap", void 0);
+
+    _defineProperty(this, "mesh", void 0);
+
+    _defineProperty(this, "xrInputSource", void 0);
+
     this.controller = controller;
     this.motionController = null;
     this.envMap = null;
     this.mesh = null;
     this.xrInputSource = null;
-    controller.addEventListener("connected", (event) => {
+    controller.addEventListener('connected', event => {
       const xrInputSource = event.data;
+
       if (xrInputSource.hand && !this.motionController) {
         this.xrInputSource = xrInputSource;
-        this.motionController = new XRHandMeshModel.XRHandMeshModel(
-          this,
-          controller,
-          void 0,
-          xrInputSource.handedness,
-          xrInputSource.handedness === "left" ? leftModelPath : rightModelPath
-        );
+        this.motionController = new XRHandMeshModel(this, controller, undefined, xrInputSource.handedness, xrInputSource.handedness === 'left' ? leftModelPath : rightModelPath);
       }
     });
-    controller.addEventListener("disconnected", () => {
+    controller.addEventListener('disconnected', () => {
       this.dispose();
     });
   }
+
   updateMatrixWorld(force) {
     super.updateMatrixWorld(force);
+
     if (this.motionController) {
       this.motionController.updateMesh();
     }
   }
+
   getPointerPosition() {
+    // @ts-ignore XRController needs to extend Group
     const indexFingerTip = this.controller.joints[POINTING_JOINT];
+
     if (indexFingerTip) {
       return indexFingerTip.position;
     } else {
       return null;
     }
   }
+
   intersectBoxObject(boxObject) {
     const pointerPosition = this.getPointerPosition();
+
     if (pointerPosition) {
-      const indexSphere = new THREE.Sphere(pointerPosition, TOUCH_RADIUS);
-      const box = new THREE.Box3().setFromObject(boxObject);
+      const indexSphere = new Sphere(pointerPosition, TOUCH_RADIUS);
+      const box = new Box3().setFromObject(boxObject);
       return indexSphere.intersectsBox(box);
     } else {
       return false;
     }
   }
+
   checkButton(button) {
     if (this.intersectBoxObject(button)) {
       button.onPress();
     } else {
       button.onClear();
     }
+
     if (button.isPressed()) {
       button.whilePressed();
     }
   }
+
   dispose() {
     this.clear();
     this.motionController = null;
   }
+
 }
-exports.OculusHandModel = OculusHandModel;
+
+export { OculusHandModel };

package/webxr/OculusHandPointerModel.cjs.js

@@ -0,0 +1 @@
+"use strict";function t(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(i){if("default"!==i){var s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:function(){return t[i]}})}})),e.default=t,Object.freeze(e)}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("three"));const i=new e.Vector3(0,1,0),s=new e.Vector3(0,0,1);class r extends e.Object3D{constructor(t,e){super(),this.hand=t,this.controller=e,this.motionController=null,this.envMap=null,this.mesh=null,this.pointerGeometry=null,this.pointerMesh=null,this.pointerObject=null,this.pinched=!1,this.attached=!1,this.cursorObject=null,this.raycaster=null,t.addEventListener("connected",(t=>{const e=t.data;e.hand&&(this.visible=!0,this.xrInputSource=e,this.createPointer())}))}_drawVerticesRing(t,e,i){const r=e.clone();for(var o=0;o<16;o++){r.applyAxisAngle(s,2*Math.PI/16);const e=16*i+o;t[3*e]=r.x,t[3*e+1]=r.y,t[3*e+2]=r.z}}_updatePointerVertices(t){const s=this.pointerGeometry.attributes.position.array,r=new e.Vector3(.002,0,-1*(.035-t));this._drawVerticesRing(s,r,0);const o=new e.Vector3(Math.sin(110*Math.PI/180)*t,Math.cos(110*Math.PI/180)*t,0);for(var n=0;n<12;n++)this._drawVerticesRing(s,o,n+1),o.applyAxisAngle(i,110*Math.PI/180/-24);const a=new e.Vector3(0,0,-1*(.035-t));s[624]=a.x,s[625]=a.y,s[626]=a.z;const c=new e.Vector3(0,0,t);s[627]=c.x,s[628]=c.y,s[629]=c.z,this.pointerGeometry.setAttribute("position",new e.Float32BufferAttribute(s,3))}createPointer(){var t,i;const s=new Array(630).fill(0),r=[];for(this.pointerGeometry=new e.BufferGeometry,this.pointerGeometry.setAttribute("position",new e.Float32BufferAttribute(s,3)),this._updatePointerVertices(.01),t=0;t<12;t++){for(i=0;i<15;i++)r.push(16*t+i,16*t+i+1,16*(t+1)+i),r.push(16*t+i+1,16*(t+1)+i+1,16*(t+1)+i);r.push(16*(t+1)-1,16*t,16*(t+2)-1),r.push(16*t,16*(t+1),16*(t+2)-1)}for(t=0;t<15;t++)r.push(208,t+1,t),r.push(209,t+192,t+192+1);r.push(208,0,15),r.push(209,207,192);const o=new e.MeshBasicMaterial;o.transparent=!0,o.opacity=.4,this.pointerGeometry.setIndex(r),this.pointerMesh=new e.Mesh(this.pointerGeometry,o),this.pointerMesh.position.set(0,0,-.01),this.pointerObject=new e.Object3D,this.pointerObject.add(this.pointerMesh),this.raycaster=new e.Raycaster;const n=new e.SphereGeometry(.02,10,10),a=new e.MeshBasicMaterial;a.transparent=!0,a.opacity=.4,this.cursorObject=new e.Mesh(n,a),this.pointerObject.add(this.cursorObject),this.add(this.pointerObject)}_updateRaycaster(){if(this.raycaster){const t=this.pointerObject.matrixWorld,i=new e.Matrix4;i.identity().extractRotation(t),this.raycaster.ray.origin.setFromMatrixPosition(t),this.raycaster.ray.direction.set(0,0,-1).applyMatrix4(i)}}_updatePointer(){this.pointerObject.visible=this.controller.visible;const t=this.hand.joints["index-finger-tip"],e=this.hand.joints["thumb-tip"],i=t.position.distanceTo(e.position),s=t.position.clone().add(e.position).multiplyScalar(.5);this.pointerObject.position.copy(s),this.pointerObject.quaternion.copy(this.controller.quaternion),this.pinched=i<=.02;const r=(i-.01)/.04,o=(i-.01)/.01;if(r>1)this._updatePointerVertices(.01),this.pointerMesh.position.set(0,0,-.01),this.pointerMesh.material.opacity=.4;else if(r>0){const t=.007*r+.003;this._updatePointerVertices(t),o<1?(this.pointerMesh.position.set(0,0,-1*t-.02*(1-o)),this.pointerMesh.material.opacity=.4+.6*(1-o)):(this.pointerMesh.position.set(0,0,-1*t),this.pointerMesh.material.opacity=.4)}else this._updatePointerVertices(.003),this.pointerMesh.position.set(0,0,-.023),this.pointerMesh.material.opacity=1;this.cursorObject.material.opacity=this.pointerMesh.material.opacity}updateMatrixWorld(t){super.updateMatrixWorld(t),this.pointerGeometry&&(this._updatePointer(),this._updateRaycaster())}isPinched(){return this.pinched}setAttached(t){this.attached=t}isAttached(){return this.attached}intersectObject(t,e=!0){if(this.raycaster)return this.raycaster.intersectObject(t,e)}intersectObjects(t,e=!0){if(this.raycaster)return this.raycaster.intersectObjects(t,e)}checkIntersections(t,i=!1){if(this.raycaster&&!this.attached){const s=this.raycaster.intersectObjects(t,i),r=new e.Vector3(0,0,-1);if(s.length>0){const t=s[0].distance;this.cursorObject.position.copy(r.multiplyScalar(t))}else this.cursorObject.position.copy(r.multiplyScalar(1.5))}}setCursor(t){const i=new e.Vector3(0,0,-1);this.raycaster&&!this.attached&&this.cursorObject.position.copy(i.multiplyScalar(t))}}exports.OculusHandPointerModel=r;