locar 0.0.10 → 0.0.12

package/README.md

@@ -40,7 +40,7 @@ import * as LocAR from 'locar';
 as long as you include `locar` as a dependency, e.g. in your `package.json`:
 ```
 "dependencies": {
-   "locar" : "^0.0.10",
+   "locar" : "^0.0.11",
    "three" : "^0.175.0"
 }
 ```

package/dist/locar.es.js

@@ -1,19 +1,19 @@
-var W = (i) => {
-  throw TypeError(i);
+var q = (r) => {
+  throw TypeError(r);
 };
-var S = (i, t, e) => t.has(i) || W("Cannot " + e);
-var s = (i, t, e) => (S(i, t, "read from private field"), e ? e.call(i) : t.get(i)), m = (i, t, e) => t.has(i) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), u = (i, t, e, n) => (S(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), f = (i, t, e) => (S(i, t, "access private method"), e);
-var k = (i, t, e, n) => ({
-  set _(r) {
-    u(i, t, r, e);
+var S = (r, t, i) => t.has(r) || q("Cannot " + i);
+var n = (r, t, i) => (S(r, t, "read from private field"), i ? i.call(r) : t.get(r)), m = (r, t, i) => t.has(r) ? q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, i), l = (r, t, i, e) => (S(r, t, "write to private field"), e ? e.call(r, i) : t.set(r, i), i), p = (r, t, i) => (S(r, t, "access private method"), i);
+var k = (r, t, i, e) => ({
+  set _(c) {
+    l(r, t, c, i);
   },
   get _() {
-    return s(i, t, n);
+    return n(r, t, e);
   }
 });
-import * as L from "three";
-import { Vector3 as Y, Euler as U, Quaternion as _, EventDispatcher as Z, MathUtils as C } from "three";
-var E, N, z, V, X;
+import * as b from "three";
+import { Vector3 as B, Euler as U, Quaternion as F, EventDispatcher as K, MathUtils as C } from "three";
+var E, G, X, Q, V;
 class $ {
   /**
    * Create a SphMercProjection.
@@ -28,8 +28,8 @@ class $ {
    * @param {number} lat - the latitude.
    * @return {Array} Two-member array containing easting and northing.
    */
-  project(t, e) {
-    return [f(this, E, N).call(this, t), f(this, E, z).call(this, e)];
+  project(t, i) {
+    return [p(this, E, G).call(this, t), p(this, E, X).call(this, i)];
   }
   /**
    * Unproject a Spherical Mercator easting and northing.
@@ -37,7 +37,7 @@ class $ {
    * @return {Array} Two-member array containing longitude and latitude 
    */
   unproject(t) {
-    return [f(this, E, V).call(this, t[0]), f(this, E, X).call(this, t[1])];
+    return [p(this, E, Q).call(this, t[0]), p(this, E, V).call(this, t[1])];
   }
   /**
    * Return the projection's ID.
@@ -47,19 +47,19 @@ class $ {
     return "epsg:3857";
   }
 }
-E = new WeakSet(), N = function(t) {
+E = new WeakSet(), G = function(t) {
   return t / 180 * this.HALF_EARTH;
-}, z = function(t) {
-  var e = Math.log(Math.tan((90 + t) * Math.PI / 360)) / (Math.PI / 180);
-  return e * this.HALF_EARTH / 180;
-}, V = function(t) {
-  return t / this.HALF_EARTH * 180;
 }, X = function(t) {
-  var e = t / this.HALF_EARTH * 180;
-  return e = 180 / Math.PI * (2 * Math.atan(Math.exp(e * Math.PI / 180)) - Math.PI / 2), e;
+  var i = Math.log(Math.tan((90 + t) * Math.PI / 360)) / (Math.PI / 180);
+  return i * this.HALF_EARTH / 180;
+}, Q = function(t) {
+  return t / this.HALF_EARTH * 180;
+}, V = function(t) {
+  var i = t / this.HALF_EARTH * 180;
+  return i = 180 / Math.PI * (2 * Math.atan(Math.exp(i * Math.PI / 180)) - Math.PI / 2), i;
 };
-var D, A, b, H, R, P, M, T, O, w, p, j, Q, F, B;
-class K {
+var x, O, P, H, L, A, y, D, T, M, f, j, Y, W, Z;
+class ot {
   /**
    * @param {THREE.Scene} scene - The Three.js scene to use.
    * @param {THREE.Camera} camera - The Three.js camera to use. Should usually 
@@ -68,19 +68,19 @@ class K {
    * setGpsOptions() below.
    * @param {Object} serverLogger - an object which can optionally log GPS position to a server for debugging. null by default, so no logging will be done. This object should implement a sendData() method to send data (2nd arg) to a given endpoint (1st arg). Please see source code for details. Ensure you comply with privacy laws (GDPR or equivalent) if implementing this.
    */
-  constructor(t, e, n = {}, r = null) {
-    m(this, p);
-    m(this, D);
-    m(this, A);
-    m(this, b);
-    m(this, H);
-    m(this, R);
+  constructor(t, i, e = {}, c = null) {
+    m(this, f);
+    m(this, x);
+    m(this, O);
     m(this, P);
-    m(this, M);
+    m(this, H);
+    m(this, L);
+    m(this, A);
+    m(this, y);
+    m(this, D);
     m(this, T);
-    m(this, O);
-    m(this, w);
-    this.scene = t, this.camera = e, u(this, D, new $()), u(this, A, {}), u(this, b, null), u(this, H, 0), u(this, R, 100), u(this, P, null), this.setGpsOptions(n), u(this, M, null), u(this, T, 0), u(this, O, 0), u(this, w, r);
+    m(this, M);
+    this.scene = t, this.camera = i, l(this, x, new $()), l(this, O, {}), l(this, P, null), l(this, H, 0), l(this, L, 100), l(this, A, null), this.setGpsOptions(e), l(this, y, null), l(this, D, 0), l(this, T, 0), l(this, M, c);
   }
   /**
    * Set the projection to use.
@@ -89,7 +89,7 @@ class K {
    * containing easting and northing.
    */
   setProjection(t) {
-    u(this, D, t);
+    l(this, x, t);
   }
   /**
    * Set the GPS options.
@@ -99,7 +99,7 @@ class K {
    * minimum accuracy, in metres, for a GPS reading to be counted.
    */
   setGpsOptions(t = {}) {
-    t.gpsMinDistance !== void 0 && u(this, H, t.gpsMinDistance), t.gpsMinAccuracy !== void 0 && u(this, R, t.gpsMinAccuracy);
+    t.gpsMinDistance !== void 0 && l(this, H, t.gpsMinDistance), t.gpsMinAccuracy !== void 0 && l(this, L, t.gpsMinAccuracy);
   }
   /**
    * Start the GPS on a real device
@@ -107,19 +107,19 @@ class K {
    * GPS errors can be handled by handling the gpserror event.
    */
   async startGps() {
-    if (s(this, w)) {
-      const e = await (await s(this, w).sendData("/gps/start", {
-        gpsMinDistance: s(this, H),
-        gpsMinAccuracy: s(this, R)
+    if (n(this, M)) {
+      const i = await (await n(this, M).sendData("/gps/start", {
+        gpsMinDistance: n(this, H),
+        gpsMinAccuracy: n(this, L)
       })).json();
-      u(this, O, e.session);
+      l(this, T, i.session);
     }
-    return s(this, P) === null ? (u(this, P, navigator.geolocation.watchPosition(
+    return n(this, A) === null ? (l(this, A, navigator.geolocation.watchPosition(
       (t) => {
-        f(this, p, F).call(this, t);
+        p(this, f, W).call(this, t);
       },
       (t) => {
-        s(this, A).gpserror ? s(this, A).gpserror(t.code) : alert(`GPS error: code ${t.code}`);
+        n(this, O).gpserror ? n(this, O).gpserror(t.code) : alert(`GPS error: code ${t.code}`);
       },
       {
         enableHighAccuracy: !0
@@ -132,7 +132,7 @@ class K {
    * stopped (i.e. it was never started).
    */
   stopGps() {
-    return s(this, P) !== null ? (navigator.geolocation.clearWatch(s(this, P)), u(this, P, null), !0) : !1;
+    return n(this, A) !== null ? (navigator.geolocation.clearWatch(n(this, A)), l(this, A, null), !0) : !1;
   }
   /**
    * Send a fake GPS signal. Useful for testing on a desktop or laptop.
@@ -143,12 +143,12 @@ class K {
    * @param {number} acc - The accuracy of the GPS reading in metres. May be
    * ignored if lower than the specified minimum accuracy.
    */
-  fakeGps(t, e, n = null, r = 0) {
-    n !== null && this.setElevation(n), f(this, p, F).call(this, {
+  fakeGps(t, i, e = null, c = 0) {
+    e !== null && this.setElevation(e), p(this, f, W).call(this, {
       coords: {
         longitude: t,
-        latitude: e,
-        accuracy: r
+        latitude: i,
+        accuracy: c
       }
     });
   }
@@ -162,13 +162,13 @@ class K {
    * @param {number} lat - The latitude.
    * @return {Array} a two member array containing the WebGL x and z coordinates
    */
-  lonLatToWorldCoords(t, e) {
-    const n = s(this, D).project(t, e);
-    if (s(this, M))
-      n[0] -= s(this, M)[0], n[1] -= s(this, M)[1];
+  lonLatToWorldCoords(t, i) {
+    const e = n(this, x).project(t, i);
+    if (n(this, y))
+      e[0] -= n(this, y)[0], e[1] -= n(this, y)[1];
     else
       throw "No initial position determined";
-    return [n[0], -n[1]];
+    return [e[0], -e[1]];
   }
   /**
    * Add a new AR object at a given latitude, longitude and elevation.
@@ -180,13 +180,13 @@ class K {
    * @param {Object} properties - properties describing the object (for example,
    * the contents of the GeoJSON properties field).
    */
-  add(t, e, n, r, d = {}) {
+  add(t, i, e, c, d = {}) {
     var g;
-    t.properties = d, f(this, p, j).call(this, t, e, n, r), this.scene.add(t), (g = s(this, w)) == null || g.sendData("/object/new", {
+    t.properties = d, p(this, f, j).call(this, t, i, e, c), this.scene.add(t), (g = n(this, M)) == null || g.sendData("/object/new", {
       position: t.position,
       x: t.position.x,
       z: t.position.z,
-      session: s(this, O),
+      session: n(this, T),
       properties: d
     });
   }
@@ -210,50 +210,50 @@ class K {
    * @listens LocationBased#gpsupdate
    * @listens LocationBased#gpserror
    */
-  on(t, e) {
-    s(this, A)[t] = e;
+  on(t, i) {
+    n(this, O)[t] = i;
   }
 }
-D = new WeakMap(), A = new WeakMap(), b = new WeakMap(), H = new WeakMap(), R = new WeakMap(), P = new WeakMap(), M = new WeakMap(), T = new WeakMap(), O = new WeakMap(), w = new WeakMap(), p = new WeakSet(), j = function(t, e, n, r) {
-  const d = this.lonLatToWorldCoords(e, n);
-  r !== void 0 && (t.position.y = r), [t.position.x, t.position.z] = d;
-}, Q = function(t, e) {
-  u(this, M, s(this, D).project(t, e));
-}, F = function(t) {
-  var n, r, d;
-  let e = Number.MAX_VALUE;
-  k(this, T)._++, (n = s(this, w)) == null || n.sendData("/gps/new", {
-    gpsCount: s(this, T),
+x = new WeakMap(), O = new WeakMap(), P = new WeakMap(), H = new WeakMap(), L = new WeakMap(), A = new WeakMap(), y = new WeakMap(), D = new WeakMap(), T = new WeakMap(), M = new WeakMap(), f = new WeakSet(), j = function(t, i, e, c) {
+  const d = this.lonLatToWorldCoords(i, e);
+  c !== void 0 && (t.position.y = c), [t.position.x, t.position.z] = d;
+}, Y = function(t, i) {
+  l(this, y, n(this, x).project(t, i));
+}, W = function(t) {
+  var e, c, d;
+  let i = Number.MAX_VALUE;
+  k(this, D)._++, (e = n(this, M)) == null || e.sendData("/gps/new", {
+    gpsCount: n(this, D),
     lat: t.coords.latitude,
     lon: t.coords.longitude,
     acc: t.coords.accuracy,
-    session: s(this, O)
-  }), t.coords.accuracy <= s(this, R) && (s(this, b) === null ? u(this, b, {
+    session: n(this, T)
+  }), t.coords.accuracy <= n(this, L) && (n(this, P) === null ? l(this, P, {
     latitude: t.coords.latitude,
     longitude: t.coords.longitude
-  }) : e = f(this, p, B).call(this, s(this, b), t.coords), e >= s(this, H) && (s(this, b).longitude = t.coords.longitude, s(this, b).latitude = t.coords.latitude, s(this, M) || (f(this, p, Q).call(this, t.coords.longitude, t.coords.latitude), (r = s(this, w)) == null || r.sendData("/worldorigin/new", {
-    gpsCount: s(this, T),
+  }) : i = p(this, f, Z).call(this, n(this, P), t.coords), i >= n(this, H) && (n(this, P).longitude = t.coords.longitude, n(this, P).latitude = t.coords.latitude, n(this, y) || (p(this, f, Y).call(this, t.coords.longitude, t.coords.latitude), (c = n(this, M)) == null || c.sendData("/worldorigin/new", {
+    gpsCount: n(this, D),
     lat: t.coords.latitude,
     lon: t.coords.longitude,
-    session: s(this, O),
-    initialPosition: s(this, M)
-  })), f(this, p, j).call(this, this.camera, t.coords.longitude, t.coords.latitude), (d = s(this, w)) == null || d.sendData("/gps/accepted", {
-    gpsCount: s(this, T),
+    session: n(this, T),
+    initialPosition: n(this, y)
+  })), p(this, f, j).call(this, this.camera, t.coords.longitude, t.coords.latitude), (d = n(this, M)) == null || d.sendData("/gps/accepted", {
+    gpsCount: n(this, D),
     cameraX: this.camera.position.x,
     cameraZ: this.camera.position.z,
-    session: s(this, O),
-    distMoved: e
-  }), s(this, A).gpsupdate && s(this, A).gpsupdate(t, e)));
+    session: n(this, T),
+    distMoved: i
+  }), n(this, O).gpsupdate && n(this, O).gpsupdate(t, i)));
 }, /**
  * Calculate haversine distance between two lat/lon pairs.
  *
  * Taken from original A-Frame AR.js location-based components
  */
-B = function(t, e) {
-  const n = L.MathUtils.degToRad(e.longitude - t.longitude), r = L.MathUtils.degToRad(e.latitude - t.latitude), d = Math.sin(r / 2) * Math.sin(r / 2) + Math.cos(L.MathUtils.degToRad(t.latitude)) * Math.cos(L.MathUtils.degToRad(e.latitude)) * (Math.sin(n / 2) * Math.sin(n / 2));
+Z = function(t, i) {
+  const e = b.MathUtils.degToRad(i.longitude - t.longitude), c = b.MathUtils.degToRad(i.latitude - t.latitude), d = Math.sin(c / 2) * Math.sin(c / 2) + Math.cos(b.MathUtils.degToRad(t.latitude)) * Math.cos(b.MathUtils.degToRad(i.latitude)) * (Math.sin(e / 2) * Math.sin(e / 2));
   return 2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)) * 6371e3;
 };
-class J {
+class at {
   /**
    * Create a Webcam.
    * @param options {Object} - options to use for initialising the camera. 
@@ -266,22 +266,22 @@ class J {
    * element to render the webcam feed. If a falsy value (e.g. null or 
    * undefined), a video element will be created.
    */
-  constructor(t = {}, e) {
-    this.sceneWebcam = new L.Scene();
-    let n;
-    if (e ? n = document.querySelector(e) : (n = document.createElement("video"), n.setAttribute("autoplay", !0), n.setAttribute("playsinline", !0), n.style.display = "none", document.body.appendChild(n)), this.texture = new L.VideoTexture(n), navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-      const r = {
+  constructor(t = {}, i) {
+    this.sceneWebcam = new b.Scene();
+    let e;
+    if (i ? e = document.querySelector(i) : (e = document.createElement("video"), e.setAttribute("autoplay", !0), e.setAttribute("playsinline", !0), e.style.display = "none", document.body.appendChild(e)), this.texture = new b.VideoTexture(e), navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+      const c = {
         video: {
           width: { ideal: t.idealWidth || 1280 },
           height: { ideal: t.idealHeight || 720 },
           facingMode: "environment"
         }
       };
-      navigator.mediaDevices.getUserMedia(r).then((d) => {
-        n.addEventListener("loadedmetadata", () => {
+      navigator.mediaDevices.getUserMedia(c).then((d) => {
+        e.addEventListener("loadedmetadata", () => {
           var g;
-          n.setAttribute("width", n.videoWidth), n.setAttribute("height", n.videoHeight), n.play(), (g = t.onVideoStarted) == null || g.call(this, this.texture);
-        }), n.srcObject = d;
+          e.setAttribute("width", e.videoWidth), e.setAttribute("height", e.videoHeight), e.play(), (g = t.onVideoStarted) == null || g.call(this, this.texture);
+        }), e.srcObject = d;
       }).catch((d) => {
         setTimeout(() => {
           alert(
@@ -304,95 +304,96 @@ Message: ` + d.message
     this.texture.dispose();
   }
 }
-const q = navigator.userAgent.match(/iPhone|iPad|iPod/i) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints != null && navigator.maxTouchPoints > 1, tt = new Y(0, 0, 1), G = new U(), et = new _(), it = new _(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)), nt = { type: "change" };
-class st extends Z {
+const z = navigator.userAgent.match(/iPhone|iPad|iPod/i) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints != null && navigator.maxTouchPoints > 1, J = new B(0, 0, 1), N = new U(), tt = new F(), et = new F(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)), it = { type: "change" };
+class rt extends K {
   /**
    * Create an instance of DeviceOrientationControls.
    * @param {Object} object - the object to attach the controls to
    * (usually your Three.js camera)
+   * @param {Object} options - options for DeviceOrientationControls: currently accepts smoothingFactor
    */
-  constructor(t) {
+  constructor(t, i = {}) {
     super(), window.isSecureContext === !1 && console.error(
       "THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)"
     );
-    const e = this, n = 1e-6, r = new _();
-    this.object = t, this.object.rotation.reorder("YXZ"), this.enabled = !0, this.deviceOrientation = null, this.screenOrientation = 0, this.alphaOffset = 0, this.initialOffset = null, this.TWO_PI = 2 * Math.PI, this.HALF_PI = 0.5 * Math.PI, this.orientationChangeEventName = "ondeviceorientationabsolute" in window ? "deviceorientationabsolute" : "deviceorientation", this.smoothingFactor = 1;
-    const d = function({
-      alpha: o,
-      beta: c,
-      gamma: l,
-      webkitCompassHeading: a
+    const e = this, c = 1e-6, d = new F();
+    this.object = t, this.object.rotation.reorder("YXZ"), this.enabled = !0, this.deviceOrientation = null, this.screenOrientation = 0, this.alphaOffset = 0, this.initialOffset = null, this.TWO_PI = 2 * Math.PI, this.HALF_PI = 0.5 * Math.PI, this.orientationChangeEventName = "ondeviceorientationabsolute" in window ? "deviceorientationabsolute" : "deviceorientation", this.smoothingFactor = i.smoothingFactor || 1;
+    const g = function({
+      alpha: s,
+      beta: o,
+      gamma: a,
+      webkitCompassHeading: u
     }) {
-      if (q) {
-        const h = 360 - a;
-        e.alphaOffset = C.degToRad(h - o), e.deviceOrientation = { alpha: o, beta: c, gamma: l, webkitCompassHeading: a };
+      if (z) {
+        const h = 360 - u;
+        e.alphaOffset = C.degToRad(h - s), e.deviceOrientation = { alpha: s, beta: o, gamma: a, webkitCompassHeading: u };
       } else
-        o < 0 && (o += 360), e.deviceOrientation = { alpha: o, beta: c, gamma: l };
+        s < 0 && (s += 360), e.deviceOrientation = { alpha: s, beta: o, gamma: a };
       window.dispatchEvent(
         new CustomEvent("camera-rotation-change", {
           detail: { cameraRotation: t.rotation }
         })
       );
-    }, g = function() {
+    }, I = function() {
       e.screenOrientation = window.orientation || 0;
-    }, x = function(o, c, l, a, h) {
-      G.set(l, c, -a, "YXZ"), o.setFromEuler(G), o.multiply(it), o.multiply(et.setFromAxisAngle(tt, -h));
+    }, R = function(s, o, a, u, h) {
+      N.set(a, o, -u, "YXZ"), s.setFromEuler(N), s.multiply(et), s.multiply(tt.setFromAxisAngle(J, -h));
     };
     this.connect = function() {
-      g(), window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then((o) => {
-        o === "granted" && (window.addEventListener(
+      I(), window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then((s) => {
+        s === "granted" && (window.addEventListener(
           "orientationchange",
-          g
+          I
         ), window.addEventListener(
           e.orientationChangeEventName,
-          d
+          g
         ));
-      }).catch(function(o) {
+      }).catch(function(s) {
         console.error(
           "THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",
-          o
+          s
         );
       }) : (window.addEventListener(
         "orientationchange",
-        g
+        I
       ), window.addEventListener(
         e.orientationChangeEventName,
-        d
+        g
       )), e.enabled = !0;
     }, this.disconnect = function() {
       window.removeEventListener(
         "orientationchange",
-        g
+        I
       ), window.removeEventListener(
         e.orientationChangeEventName,
-        d
+        g
       ), e.enabled = !1, e.initialOffset = !1, e.deviceOrientation = null;
-    }, this.update = function({ theta: o = 0 } = { theta: 0 }) {
+    }, this.update = function({ theta: s = 0 } = { theta: 0 }) {
       if (e.enabled === !1) return;
-      const c = e.deviceOrientation;
-      if (c) {
-        let l = c.alpha ? C.degToRad(c.alpha) + e.alphaOffset : 0, a = c.beta ? C.degToRad(c.beta) : 0, h = c.gamma ? C.degToRad(c.gamma) : 0;
-        const I = e.screenOrientation ? C.degToRad(e.screenOrientation) : 0;
-        if (q) {
-          const v = new _();
-          x(v, l, a, h, I);
-          const y = new U().setFromQuaternion(
+      const o = e.deviceOrientation;
+      if (o) {
+        let a = o.alpha ? C.degToRad(o.alpha) + e.alphaOffset : 0, u = o.beta ? C.degToRad(o.beta) : 0, h = o.gamma ? C.degToRad(o.gamma) : 0;
+        const _ = e.screenOrientation ? C.degToRad(e.screenOrientation) : 0;
+        if (z) {
+          const v = new F();
+          R(v, a, u, h, _);
+          const w = new U().setFromQuaternion(
             v,
             "YXZ"
           );
-          console.log(y.x, y.y, y.z), y.y = C.degToRad(
-            360 - c.webkitCompassHeading
-          ), v.setFromEuler(y), e.object.quaternion.copy(v);
+          console.log(w.x, w.y, w.z), w.y = C.degToRad(
+            360 - o.webkitCompassHeading
+          ), v.setFromEuler(w), e.object.quaternion.copy(v);
         } else {
           if (this.smoothingFactor < 1) {
             if (this.lastOrientation) {
               const v = this.smoothingFactor;
-              l = this._getSmoothedAngle(
-                l,
+              a = this._getSmoothedAngle(
+                a,
                 this.lastOrientation.alpha,
                 v
-              ), a = this._getSmoothedAngle(
-                a + Math.PI,
+              ), u = this._getSmoothedAngle(
+                u + Math.PI,
                 this.lastOrientation.beta,
                 v
               ), h = this._getSmoothedAngle(
@@ -402,47 +403,47 @@ class st extends Z {
                 Math.PI
               );
             } else
-              a += Math.PI, h += this.HALF_PI;
+              u += Math.PI, h += this.HALF_PI;
             this.lastOrientation = {
-              alpha: l,
-              beta: a,
+              alpha: a,
+              beta: u,
               gamma: h
             };
           }
-          x(
+          R(
             e.object.quaternion,
-            l + o,
-            this.smoothingFactor < 1 ? a - Math.PI : a,
+            a + s,
+            this.smoothingFactor < 1 ? u - Math.PI : u,
             this.smoothingFactor < 1 ? h - this.HALF_PI : h,
-            I
+            _
           );
         }
-        8 * (1 - r.dot(e.object.quaternion)) > n && (r.copy(e.object.quaternion), e.dispatchEvent(nt));
+        8 * (1 - d.dot(e.object.quaternion)) > c && (d.copy(e.object.quaternion), e.dispatchEvent(it));
       }
-    }, this._orderAngle = function(o, c, l = this.TWO_PI) {
-      return c > o && Math.abs(c - o) < l / 2 || o > c && Math.abs(c - o) > l / 2 ? { left: o, right: c } : { left: c, right: o };
-    }, this._getSmoothedAngle = function(o, c, l, a = this.TWO_PI) {
-      const h = this._orderAngle(o, c, a), I = h.left, v = h.right;
-      h.left = 0, h.right -= I, h.right < 0 && (h.right += a);
-      let y = v == c ? (1 - l) * h.right + l * h.left : l * h.right + (1 - l) * h.left;
-      return y += I, y >= a && (y -= a), y;
+    }, this._orderAngle = function(s, o, a = this.TWO_PI) {
+      return o > s && Math.abs(o - s) < a / 2 || s > o && Math.abs(o - s) > a / 2 ? { left: s, right: o } : { left: o, right: s };
+    }, this._getSmoothedAngle = function(s, o, a, u = this.TWO_PI) {
+      const h = this._orderAngle(s, o, u), _ = h.left, v = h.right;
+      h.left = 0, h.right -= _, h.right < 0 && (h.right += u);
+      let w = v == o ? (1 - a) * h.right + a * h.left : a * h.right + (1 - a) * h.left;
+      return w += _, w >= u && (w -= u), w;
     }, this.updateAlphaOffset = function() {
       e.initialOffset = !1;
     }, this.dispose = function() {
       e.disconnect();
     }, this.getAlpha = function() {
-      const { deviceOrientation: o } = e;
-      return o && o.alpha ? C.degToRad(o.alpha) + e.alphaOffset : 0;
+      const { deviceOrientation: s } = e;
+      return s && s.alpha ? C.degToRad(s.alpha) + e.alphaOffset : 0;
     }, this.getBeta = function() {
-      const { deviceOrientation: o } = e;
-      return o && o.beta ? C.degToRad(o.beta) : 0;
+      const { deviceOrientation: s } = e;
+      return s && s.beta ? C.degToRad(s.beta) : 0;
     }, window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? this.initPermissionDialog() : this.connect();
   }
   // Provide gesture before initialising device orientation controls
   // From PR #659 on the main AR.js repo
   // Thanks to @ma2yama
   initPermissionDialog() {
-    const t = document.createElement("div"), e = document.createElement("div"), n = document.createElement("div"), r = document.createElement("div");
+    const t = document.createElement("div"), i = document.createElement("div"), e = document.createElement("div"), c = document.createElement("div");
     document.body.appendChild(t);
     const d = {
       display: "flex",
@@ -461,13 +462,13 @@ class st extends Z {
       borderRadius: "3px",
       width: "36rem",
       height: "24rem"
-    }, x = {
+    }, I = {
       width: "100%",
       height: "70%",
       display: "flex",
       justifyContent: "center",
       alignItems: "center"
-    }, o = {
+    }, R = {
       display: "inline-flex",
       width: "100%",
       height: "30%",
@@ -477,29 +478,29 @@ class st extends Z {
     for (let a in d)
       t.style[a] = d[a];
     for (let a in g)
-      e.style[a] = g[a];
-    for (let a in x)
-      n.style[a] = x[a];
-    for (let a in o)
-      r.style[a] = o[a];
-    t.appendChild(e), e.appendChild(n), e.appendChild(r), n.innerHTML = '<div style="font-size: 24pt; margin: 1rem;">This immersive website requires access to your device motion sensors.</div>';
-    const c = () => {
+      i.style[a] = g[a];
+    for (let a in I)
+      e.style[a] = I[a];
+    for (let a in R)
+      c.style[a] = R[a];
+    t.appendChild(i), i.appendChild(e), i.appendChild(c), e.innerHTML = '<div style="font-size: 24pt; margin: 1rem;">This immersive website requires access to your device motion sensors.</div>';
+    const s = () => {
       this.connect(), t.style.display = "none";
-    }, l = document.createElement("button");
-    l.addEventListener("click", c), l.style.width = "50%", l.style.height = "80%", l.style.fontSize = "20pt", l.appendChild(document.createTextNode("OK")), r.appendChild(l), document.body.appendChild(t);
+    }, o = document.createElement("button");
+    o.addEventListener("click", s), o.style.width = "50%", o.style.height = "80%", o.style.fontSize = "20pt", o.appendChild(document.createTextNode("OK")), c.appendChild(o), document.body.appendChild(t);
   }
 }
-class rt {
+class ct {
   /**
    * Create a ClickHandler.
    * @param {THREE.WebGLRenderer} - The Three.js renderer on which the click
    * events will be handled.
    */
   constructor(t) {
-    this.raycaster = new L.Raycaster(), this.normalisedMousePosition = new L.Vector2(null, null), t.domElement.addEventListener("click", (e) => {
+    this.raycaster = new b.Raycaster(), this.normalisedMousePosition = new b.Vector2(null, null), t.domElement.addEventListener("click", (i) => {
       this.normalisedMousePosition.set(
-        e.clientX / t.domElement.clientWidth * 2 - 1,
-        -(e.clientY / t.domElement.clientHeight * 2) + 1
+        i.clientX / t.domElement.clientWidth * 2 - 1,
+        -(i.clientY / t.domElement.clientHeight * 2) + 1
       );
     });
   }
@@ -511,149 +512,21 @@ class rt {
    * cast into.
    * @return {Array} - array of all intersected objects.
    */
-  raycast(t, e) {
+  raycast(t, i) {
     if (this.normalisedMousePosition.x !== null && this.normalisedMousePosition.y !== null) {
       this.raycaster.setFromCamera(this.normalisedMousePosition, t);
-      const n = this.raycaster.intersectObjects(e.children, !1);
-      return this.normalisedMousePosition.set(null, null), n;
+      const e = this.raycaster.intersectObjects(i.children, !1);
+      return this.normalisedMousePosition.set(null, null), e;
     }
     return [];
   }
 }
-AFRAME.registerComponent("locar-webcam", {
-  schema: {
-    idealWidth: {
-      type: "number",
-      default: 1024
-    },
-    idealHeight: {
-      type: "number",
-      default: 768
-    },
-    videoElement: {
-      type: "string",
-      default: ""
-    }
-  },
-  init: function() {
-    new J({
-      idealWidth: this.data.idealWidth,
-      idealHeight: this.data.idealHeight,
-      onVideoStarted: (i) => {
-        this.el.object3D.background = i;
-      }
-    }, this.data.videoElement || null);
-  }
-});
-AFRAME.registerComponent("locar-camera", {
-  schema: {
-    simulateLatitude: {
-      type: "number",
-      default: 0
-    },
-    simulateLongitude: {
-      type: "number",
-      default: 0
-    },
-    simulateAltitude: {
-      type: "number",
-      default: -Number.MAX_VALUE
-    },
-    positionMinAccuracy: {
-      type: "number",
-      default: 100
-    }
-  },
-  init: function() {
-    this.locar = new K(
-      this.el.sceneEl.object3D,
-      this.el.object3D
-    ), this.locar.on("gpsupdate", (i, t) => {
-      this.el.emit("gpsupdate", {
-        position: i,
-        distMoved: t
-      });
-    }), this.locar.on("gpserror", (i) => {
-      const t = [
-        "User denied access to GPS.",
-        "GPS satellites not available.",
-        "Timeout communicating with GPS satellites - try moving to a more open area."
-      ];
-      i >= 1 && i <= 3 ? alert(t[i - 1]) : alert(`Unknown geolocation error code ${i}.`);
-    }), this._isMobile() && (this.deviceOrientationControls = new st(this.el.object3D));
-  },
-  update: function(i) {
-    this.locar.setGpsOptions({
-      gpsMinAccuracy: this.data.positionMinAccuracy,
-      gpsMinDistance: this.data.gpsMinDistance
-    }), (this.data.simulateLatitude !== 0 || this.data.simulateLongitude !== 0) && (this.data.simulateLatitude != (i == null ? void 0 : i.simulateLatitude) || this.data.simulateLongitude != (i == null ? void 0 : i.simulateLongitude)) && (this.locar.stopGps(), this.locar.fakeGps(
-      this.data.simulateLongitude,
-      this.data.simulateLatitude
-    ), this.data.simulateLongitude = 0, this.data.simulateLatitude = 0), this.data.simulateAltitude > -Number.MAX_VALUE && this.locar.setElevation(this.data.simulateAltitude + 1.6);
-  },
-  play: function() {
-    this.locar.startGps();
-  },
-  pause: function() {
-    this.locar.stopGps();
-  },
-  /**
-   * Convert longitude and latitude to three.js/WebGL world coordinates.
-   * Uses the specified projection, and negates the northing (in typical
-   * projections, northings increase northwards, but in the WebGL coordinate
-   * system, we face negative z if the camera is at the origin with default
-   * rotation).
-   * @param {number} lon - The longitude.
-   * @param {number} lat - The latitude.
-   * @return {Array} a two member array containing the WebGL x and z coordinates
-   */
-  lonLatToWorldCoords: function(i, t) {
-    return this.locar.lonLatToWorldCoords(i, t);
-  },
-  tick: function() {
-    var i;
-    (i = this.deviceOrientationControls) == null || i.update();
-  },
-  _isMobile: function() {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-      navigator.userAgent
-    ) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints != null && navigator.maxTouchPoints > 1;
-  }
-});
-AFRAME.registerComponent("locar-entity-place", {
-  schema: {
-    latitude: {
-      type: "number",
-      default: 0
-    },
-    longitude: {
-      type: "number",
-      default: 0
-    }
-  },
-  init: function() {
-    const i = this.el.sceneEl.querySelector("[locar-camera]");
-    this.locarCamera = i.components["locar-camera"];
-  },
-  update: function(i) {
-    this.locarCamera || console.error("Cannot update locar-entity-place without a locar-camera component on the scene camera.");
-    const t = this.locarCamera.lonLatToWorldCoords(
-      this.data.longitude,
-      this.data.latitude
-    );
-    this.el.object3D.position.set(
-      t[0],
-      this.el.object3D.position.y,
-      t[1]
-    );
-  }
-});
-const ct = "0.0.10";
+const ht = "0.0.10-noaframe-1";
 export {
-  rt as ClickHandler,
-  st as DeviceOrientationControls,
-  K as LocationBased,
+  ct as ClickHandler,
+  rt as DeviceOrientationControls,
+  ot as LocationBased,
   $ as SphMercProjection,
-  J as Webcam,
-  ct as version
+  at as Webcam,
+  ht as version
 };

package/dist/locar.umd.js

@@ -1,3 +1,3 @@
-(function(r,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("three")):typeof define=="function"&&define.amd?define(["exports","three"],n):(r=typeof globalThis<"u"?globalThis:r||self,n(r.locar={},r.THREE))})(this,function(r,n){"use strict";var Q=r=>{throw TypeError(r)};var U=(r,n,p)=>n.has(r)||Q("Cannot "+p);var s=(r,n,p)=>(U(r,n,"read from private field"),p?p.call(r):n.get(r)),y=(r,n,p)=>n.has(r)?Q("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(r):n.set(r,p),m=(r,n,p,v)=>(U(r,n,"write to private field"),v?v.call(r,p):n.set(r,p),p),w=(r,n,p)=>(U(r,n,"access private method"),p);var V=(r,n,p,v)=>({set _(W){m(r,n,W,p)},get _(){return s(r,n,v)}});var b,X,B,Y,Z,_,L,E,j,I,D,A,S,T,O,M,k,$,q,K;function p(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const v=p(n);class W{constructor(){y(this,b);this.EARTH=4007501668e-2,this.HALF_EARTH=2003750834e-2}project(t,e){return[w(this,b,X).call(this,t),w(this,b,B).call(this,e)]}unproject(t){return[w(this,b,Y).call(this,t[0]),w(this,b,Z).call(this,t[1])]}getID(){return"epsg:3857"}}b=new WeakSet,X=function(t){return t/180*this.HALF_EARTH},B=function(t){var e=Math.log(Math.tan((90+t)*Math.PI/360))/(Math.PI/180);return e*this.HALF_EARTH/180},Y=function(t){return t/this.HALF_EARTH*180},Z=function(t){var e=t/this.HALF_EARTH*180;return e=180/Math.PI*(2*Math.atan(Math.exp(e*Math.PI/180))-Math.PI/2),e};class H{constructor(t,e,i={},h=null){y(this,M);y(this,_);y(this,L);y(this,E);y(this,j);y(this,I);y(this,D);y(this,A);y(this,S);y(this,T);y(this,O);this.scene=t,this.camera=e,m(this,_,new W),m(this,L,{}),m(this,E,null),m(this,j,0),m(this,I,100),m(this,D,null),this.setGpsOptions(i),m(this,A,null),m(this,S,0),m(this,T,0),m(this,O,h)}setProjection(t){m(this,_,t)}setGpsOptions(t={}){t.gpsMinDistance!==void 0&&m(this,j,t.gpsMinDistance),t.gpsMinAccuracy!==void 0&&m(this,I,t.gpsMinAccuracy)}async startGps(){if(s(this,O)){const e=await(await s(this,O).sendData("/gps/start",{gpsMinDistance:s(this,j),gpsMinAccuracy:s(this,I)})).json();m(this,T,e.session)}return s(this,D)===null?(m(this,D,navigator.geolocation.watchPosition(t=>{w(this,M,q).call(this,t)},t=>{s(this,L).gpserror?s(this,L).gpserror(t.code):alert(`GPS error: code ${t.code}`)},{enableHighAccuracy:!0})),!0):!1}stopGps(){return s(this,D)!==null?(navigator.geolocation.clearWatch(s(this,D)),m(this,D,null),!0):!1}fakeGps(t,e,i=null,h=0){i!==null&&this.setElevation(i),w(this,M,q).call(this,{coords:{longitude:t,latitude:e,accuracy:h}})}lonLatToWorldCoords(t,e){const i=s(this,_).project(t,e);if(s(this,A))i[0]-=s(this,A)[0],i[1]-=s(this,A)[1];else throw"No initial position determined";return[i[0],-i[1]]}add(t,e,i,h,u={}){var f;t.properties=u,w(this,M,k).call(this,t,e,i,h),this.scene.add(t),(f=s(this,O))==null||f.sendData("/object/new",{position:t.position,x:t.position.x,z:t.position.z,session:s(this,T),properties:u})}setElevation(t){this.camera.position.y=t}on(t,e){s(this,L)[t]=e}}_=new WeakMap,L=new WeakMap,E=new WeakMap,j=new WeakMap,I=new WeakMap,D=new WeakMap,A=new WeakMap,S=new WeakMap,T=new WeakMap,O=new WeakMap,M=new WeakSet,k=function(t,e,i,h){const u=this.lonLatToWorldCoords(e,i);h!==void 0&&(t.position.y=h),[t.position.x,t.position.z]=u},$=function(t,e){m(this,A,s(this,_).project(t,e))},q=function(t){var i,h,u;let e=Number.MAX_VALUE;V(this,S)._++,(i=s(this,O))==null||i.sendData("/gps/new",{gpsCount:s(this,S),lat:t.coords.latitude,lon:t.coords.longitude,acc:t.coords.accuracy,session:s(this,T)}),t.coords.accuracy<=s(this,I)&&(s(this,E)===null?m(this,E,{latitude:t.coords.latitude,longitude:t.coords.longitude}):e=w(this,M,K).call(this,s(this,E),t.coords),e>=s(this,j)&&(s(this,E).longitude=t.coords.longitude,s(this,E).latitude=t.coords.latitude,s(this,A)||(w(this,M,$).call(this,t.coords.longitude,t.coords.latitude),(h=s(this,O))==null||h.sendData("/worldorigin/new",{gpsCount:s(this,S),lat:t.coords.latitude,lon:t.coords.longitude,session:s(this,T),initialPosition:s(this,A)})),w(this,M,k).call(this,this.camera,t.coords.longitude,t.coords.latitude),(u=s(this,O))==null||u.sendData("/gps/accepted",{gpsCount:s(this,S),cameraX:this.camera.position.x,cameraZ:this.camera.position.z,session:s(this,T),distMoved:e}),s(this,L).gpsupdate&&s(this,L).gpsupdate(t,e)))},K=function(t,e){const i=v.MathUtils.degToRad(e.longitude-t.longitude),h=v.MathUtils.degToRad(e.latitude-t.latitude),u=Math.sin(h/2)*Math.sin(h/2)+Math.cos(v.MathUtils.degToRad(t.latitude))*Math.cos(v.MathUtils.degToRad(e.latitude))*(Math.sin(i/2)*Math.sin(i/2));return 2*Math.atan2(Math.sqrt(u),Math.sqrt(1-u))*6371e3};class G{constructor(t={},e){this.sceneWebcam=new v.Scene;let i;if(e?i=document.querySelector(e):(i=document.createElement("video"),i.setAttribute("autoplay",!0),i.setAttribute("playsinline",!0),i.style.display="none",document.body.appendChild(i)),this.texture=new v.VideoTexture(i),navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){const h={video:{width:{ideal:t.idealWidth||1280},height:{ideal:t.idealHeight||720},facingMode:"environment"}};navigator.mediaDevices.getUserMedia(h).then(u=>{i.addEventListener("loadedmetadata",()=>{var f;i.setAttribute("width",i.videoWidth),i.setAttribute("height",i.videoHeight),i.play(),(f=t.onVideoStarted)==null||f.call(this,this.texture)}),i.srcObject=u}).catch(u=>{setTimeout(()=>{alert(`Webcam Error
-Name: `+u.name+`
-Message: `+u.message)},1e3)})}else setTimeout(()=>{alert("sorry - media devices API not supported")},1e3)}dispose(){this.texture.dispose()}}const R=navigator.userAgent.match(/iPhone|iPad|iPod/i)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints!=null&&navigator.maxTouchPoints>1,J=new n.Vector3(0,0,1),N=new n.Euler,tt=new n.Quaternion,et=new n.Quaternion(-Math.sqrt(.5),0,0,Math.sqrt(.5)),it={type:"change"};class z extends n.EventDispatcher{constructor(t){super(),window.isSecureContext===!1&&console.error("THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)");const e=this,i=1e-6,h=new n.Quaternion;this.object=t,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation=null,this.screenOrientation=0,this.alphaOffset=0,this.initialOffset=null,this.TWO_PI=2*Math.PI,this.HALF_PI=.5*Math.PI,this.orientationChangeEventName="ondeviceorientationabsolute"in window?"deviceorientationabsolute":"deviceorientation",this.smoothingFactor=1;const u=function({alpha:o,beta:l,gamma:d,webkitCompassHeading:c}){if(R){const g=360-c;e.alphaOffset=n.MathUtils.degToRad(g-o),e.deviceOrientation={alpha:o,beta:l,gamma:d,webkitCompassHeading:c}}else o<0&&(o+=360),e.deviceOrientation={alpha:o,beta:l,gamma:d};window.dispatchEvent(new CustomEvent("camera-rotation-change",{detail:{cameraRotation:t.rotation}}))},f=function(){e.screenOrientation=window.orientation||0},x=function(o,l,d,c,g){N.set(d,l,-c,"YXZ"),o.setFromEuler(N),o.multiply(et),o.multiply(tt.setFromAxisAngle(J,-g))};this.connect=function(){f(),window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?window.DeviceOrientationEvent.requestPermission().then(o=>{o==="granted"&&(window.addEventListener("orientationchange",f),window.addEventListener(e.orientationChangeEventName,u))}).catch(function(o){console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",o)}):(window.addEventListener("orientationchange",f),window.addEventListener(e.orientationChangeEventName,u)),e.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",f),window.removeEventListener(e.orientationChangeEventName,u),e.enabled=!1,e.initialOffset=!1,e.deviceOrientation=null},this.update=function({theta:o=0}={theta:0}){if(e.enabled===!1)return;const l=e.deviceOrientation;if(l){let d=l.alpha?n.MathUtils.degToRad(l.alpha)+e.alphaOffset:0,c=l.beta?n.MathUtils.degToRad(l.beta):0,g=l.gamma?n.MathUtils.degToRad(l.gamma):0;const F=e.screenOrientation?n.MathUtils.degToRad(e.screenOrientation):0;if(R){const P=new n.Quaternion;x(P,d,c,g,F);const C=new n.Euler().setFromQuaternion(P,"YXZ");console.log(C.x,C.y,C.z),C.y=n.MathUtils.degToRad(360-l.webkitCompassHeading),P.setFromEuler(C),e.object.quaternion.copy(P)}else{if(this.smoothingFactor<1){if(this.lastOrientation){const P=this.smoothingFactor;d=this._getSmoothedAngle(d,this.lastOrientation.alpha,P),c=this._getSmoothedAngle(c+Math.PI,this.lastOrientation.beta,P),g=this._getSmoothedAngle(g+this.HALF_PI,this.lastOrientation.gamma,P,Math.PI)}else c+=Math.PI,g+=this.HALF_PI;this.lastOrientation={alpha:d,beta:c,gamma:g}}x(e.object.quaternion,d+o,this.smoothingFactor<1?c-Math.PI:c,this.smoothingFactor<1?g-this.HALF_PI:g,F)}8*(1-h.dot(e.object.quaternion))>i&&(h.copy(e.object.quaternion),e.dispatchEvent(it))}},this._orderAngle=function(o,l,d=this.TWO_PI){return l>o&&Math.abs(l-o)<d/2||o>l&&Math.abs(l-o)>d/2?{left:o,right:l}:{left:l,right:o}},this._getSmoothedAngle=function(o,l,d,c=this.TWO_PI){const g=this._orderAngle(o,l,c),F=g.left,P=g.right;g.left=0,g.right-=F,g.right<0&&(g.right+=c);let C=P==l?(1-d)*g.right+d*g.left:d*g.right+(1-d)*g.left;return C+=F,C>=c&&(C-=c),C},this.updateAlphaOffset=function(){e.initialOffset=!1},this.dispose=function(){e.disconnect()},this.getAlpha=function(){const{deviceOrientation:o}=e;return o&&o.alpha?n.MathUtils.degToRad(o.alpha)+e.alphaOffset:0},this.getBeta=function(){const{deviceOrientation:o}=e;return o&&o.beta?n.MathUtils.degToRad(o.beta):0},window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?this.initPermissionDialog():this.connect()}initPermissionDialog(){const t=document.createElement("div"),e=document.createElement("div"),i=document.createElement("div"),h=document.createElement("div");document.body.appendChild(t);const u={display:"flex",position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1,backgroundColor:"rgba(0,0,0,0.6)",justifyContent:"center",alignItems:"center"},f={backgroundColor:"white",padding:"6px",borderRadius:"3px",width:"36rem",height:"24rem"},x={width:"100%",height:"70%",display:"flex",justifyContent:"center",alignItems:"center"},o={display:"inline-flex",width:"100%",height:"30%",justifyContent:"center",alignItems:"center"};for(let c in u)t.style[c]=u[c];for(let c in f)e.style[c]=f[c];for(let c in x)i.style[c]=x[c];for(let c in o)h.style[c]=o[c];t.appendChild(e),e.appendChild(i),e.appendChild(h),i.innerHTML='<div style="font-size: 24pt; margin: 1rem;">This immersive website requires access to your device motion sensors.</div>';const l=()=>{this.connect(),t.style.display="none"},d=document.createElement("button");d.addEventListener("click",l),d.style.width="50%",d.style.height="80%",d.style.fontSize="20pt",d.appendChild(document.createTextNode("OK")),h.appendChild(d),document.body.appendChild(t)}}class nt{constructor(t){this.raycaster=new v.Raycaster,this.normalisedMousePosition=new v.Vector2(null,null),t.domElement.addEventListener("click",e=>{this.normalisedMousePosition.set(e.clientX/t.domElement.clientWidth*2-1,-(e.clientY/t.domElement.clientHeight*2)+1)})}raycast(t,e){if(this.normalisedMousePosition.x!==null&&this.normalisedMousePosition.y!==null){this.raycaster.setFromCamera(this.normalisedMousePosition,t);const i=this.raycaster.intersectObjects(e.children,!1);return this.normalisedMousePosition.set(null,null),i}return[]}}AFRAME.registerComponent("locar-webcam",{schema:{idealWidth:{type:"number",default:1024},idealHeight:{type:"number",default:768},videoElement:{type:"string",default:""}},init:function(){new G({idealWidth:this.data.idealWidth,idealHeight:this.data.idealHeight,onVideoStarted:a=>{this.el.object3D.background=a}},this.data.videoElement||null)}}),AFRAME.registerComponent("locar-camera",{schema:{simulateLatitude:{type:"number",default:0},simulateLongitude:{type:"number",default:0},simulateAltitude:{type:"number",default:-Number.MAX_VALUE},positionMinAccuracy:{type:"number",default:100}},init:function(){this.locar=new H(this.el.sceneEl.object3D,this.el.object3D),this.locar.on("gpsupdate",(a,t)=>{this.el.emit("gpsupdate",{position:a,distMoved:t})}),this.locar.on("gpserror",a=>{const t=["User denied access to GPS.","GPS satellites not available.","Timeout communicating with GPS satellites - try moving to a more open area."];a>=1&&a<=3?alert(t[a-1]):alert(`Unknown geolocation error code ${a}.`)}),this._isMobile()&&(this.deviceOrientationControls=new z(this.el.object3D))},update:function(a){this.locar.setGpsOptions({gpsMinAccuracy:this.data.positionMinAccuracy,gpsMinDistance:this.data.gpsMinDistance}),(this.data.simulateLatitude!==0||this.data.simulateLongitude!==0)&&(this.data.simulateLatitude!=(a==null?void 0:a.simulateLatitude)||this.data.simulateLongitude!=(a==null?void 0:a.simulateLongitude))&&(this.locar.stopGps(),this.locar.fakeGps(this.data.simulateLongitude,this.data.simulateLatitude),this.data.simulateLongitude=0,this.data.simulateLatitude=0),this.data.simulateAltitude>-Number.MAX_VALUE&&this.locar.setElevation(this.data.simulateAltitude+1.6)},play:function(){this.locar.startGps()},pause:function(){this.locar.stopGps()},lonLatToWorldCoords:function(a,t){return this.locar.lonLatToWorldCoords(a,t)},tick:function(){var a;(a=this.deviceOrientationControls)==null||a.update()},_isMobile:function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints!=null&&navigator.maxTouchPoints>1}}),AFRAME.registerComponent("locar-entity-place",{schema:{latitude:{type:"number",default:0},longitude:{type:"number",default:0}},init:function(){const a=this.el.sceneEl.querySelector("[locar-camera]");this.locarCamera=a.components["locar-camera"]},update:function(a){this.locarCamera||console.error("Cannot update locar-entity-place without a locar-camera component on the scene camera.");const t=this.locarCamera.lonLatToWorldCoords(this.data.longitude,this.data.latitude);this.el.object3D.position.set(t[0],this.el.object3D.position.y,t[1])}});const st="0.0.10";r.ClickHandler=nt,r.DeviceOrientationControls=z,r.LocationBased=H,r.SphMercProjection=W,r.Webcam=G,r.version=st,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(a,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("three")):typeof define=="function"&&define.amd?define(["exports","three"],n):(a=typeof globalThis<"u"?globalThis:a||self,n(a.locar={},a.THREE))})(this,function(a,n){"use strict";var N=a=>{throw TypeError(a)};var q=(a,n,f)=>n.has(a)||N("Cannot "+f);var s=(a,n,f)=>(q(a,n,"read from private field"),f?f.call(a):n.get(a)),v=(a,n,f)=>n.has(a)?N("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(a):n.set(a,f),u=(a,n,f,m)=>(q(a,n,"write to private field"),m?m.call(a,f):n.set(a,f),f),y=(a,n,f)=>(q(a,n,"access private method"),f);var Q=(a,n,f,m)=>({set _(W){u(a,n,W,f)},get _(){return s(a,n,m)}});var w,G,X,V,Y,E,D,I,S,j,L,O,_,T,P,M,H,Z,k,B;function f(b){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(b){for(const i in b)if(i!=="default"){const e=Object.getOwnPropertyDescriptor(b,i);Object.defineProperty(t,i,e.get?e:{enumerable:!0,get:()=>b[i]})}}return t.default=b,Object.freeze(t)}const m=f(n);class W{constructor(){v(this,w);this.EARTH=4007501668e-2,this.HALF_EARTH=2003750834e-2}project(t,i){return[y(this,w,G).call(this,t),y(this,w,X).call(this,i)]}unproject(t){return[y(this,w,V).call(this,t[0]),y(this,w,Y).call(this,t[1])]}getID(){return"epsg:3857"}}w=new WeakSet,G=function(t){return t/180*this.HALF_EARTH},X=function(t){var i=Math.log(Math.tan((90+t)*Math.PI/360))/(Math.PI/180);return i*this.HALF_EARTH/180},V=function(t){return t/this.HALF_EARTH*180},Y=function(t){var i=t/this.HALF_EARTH*180;return i=180/Math.PI*(2*Math.atan(Math.exp(i*Math.PI/180))-Math.PI/2),i};class K{constructor(t,i,e={},l=null){v(this,M);v(this,E);v(this,D);v(this,I);v(this,S);v(this,j);v(this,L);v(this,O);v(this,_);v(this,T);v(this,P);this.scene=t,this.camera=i,u(this,E,new W),u(this,D,{}),u(this,I,null),u(this,S,0),u(this,j,100),u(this,L,null),this.setGpsOptions(e),u(this,O,null),u(this,_,0),u(this,T,0),u(this,P,l)}setProjection(t){u(this,E,t)}setGpsOptions(t={}){t.gpsMinDistance!==void 0&&u(this,S,t.gpsMinDistance),t.gpsMinAccuracy!==void 0&&u(this,j,t.gpsMinAccuracy)}async startGps(){if(s(this,P)){const i=await(await s(this,P).sendData("/gps/start",{gpsMinDistance:s(this,S),gpsMinAccuracy:s(this,j)})).json();u(this,T,i.session)}return s(this,L)===null?(u(this,L,navigator.geolocation.watchPosition(t=>{y(this,M,k).call(this,t)},t=>{s(this,D).gpserror?s(this,D).gpserror(t.code):alert(`GPS error: code ${t.code}`)},{enableHighAccuracy:!0})),!0):!1}stopGps(){return s(this,L)!==null?(navigator.geolocation.clearWatch(s(this,L)),u(this,L,null),!0):!1}fakeGps(t,i,e=null,l=0){e!==null&&this.setElevation(e),y(this,M,k).call(this,{coords:{longitude:t,latitude:i,accuracy:l}})}lonLatToWorldCoords(t,i){const e=s(this,E).project(t,i);if(s(this,O))e[0]-=s(this,O)[0],e[1]-=s(this,O)[1];else throw"No initial position determined";return[e[0],-e[1]]}add(t,i,e,l,h={}){var p;t.properties=h,y(this,M,H).call(this,t,i,e,l),this.scene.add(t),(p=s(this,P))==null||p.sendData("/object/new",{position:t.position,x:t.position.x,z:t.position.z,session:s(this,T),properties:h})}setElevation(t){this.camera.position.y=t}on(t,i){s(this,D)[t]=i}}E=new WeakMap,D=new WeakMap,I=new WeakMap,S=new WeakMap,j=new WeakMap,L=new WeakMap,O=new WeakMap,_=new WeakMap,T=new WeakMap,P=new WeakMap,M=new WeakSet,H=function(t,i,e,l){const h=this.lonLatToWorldCoords(i,e);l!==void 0&&(t.position.y=l),[t.position.x,t.position.z]=h},Z=function(t,i){u(this,O,s(this,E).project(t,i))},k=function(t){var e,l,h;let i=Number.MAX_VALUE;Q(this,_)._++,(e=s(this,P))==null||e.sendData("/gps/new",{gpsCount:s(this,_),lat:t.coords.latitude,lon:t.coords.longitude,acc:t.coords.accuracy,session:s(this,T)}),t.coords.accuracy<=s(this,j)&&(s(this,I)===null?u(this,I,{latitude:t.coords.latitude,longitude:t.coords.longitude}):i=y(this,M,B).call(this,s(this,I),t.coords),i>=s(this,S)&&(s(this,I).longitude=t.coords.longitude,s(this,I).latitude=t.coords.latitude,s(this,O)||(y(this,M,Z).call(this,t.coords.longitude,t.coords.latitude),(l=s(this,P))==null||l.sendData("/worldorigin/new",{gpsCount:s(this,_),lat:t.coords.latitude,lon:t.coords.longitude,session:s(this,T),initialPosition:s(this,O)})),y(this,M,H).call(this,this.camera,t.coords.longitude,t.coords.latitude),(h=s(this,P))==null||h.sendData("/gps/accepted",{gpsCount:s(this,_),cameraX:this.camera.position.x,cameraZ:this.camera.position.z,session:s(this,T),distMoved:i}),s(this,D).gpsupdate&&s(this,D).gpsupdate(t,i)))},B=function(t,i){const e=m.MathUtils.degToRad(i.longitude-t.longitude),l=m.MathUtils.degToRad(i.latitude-t.latitude),h=Math.sin(l/2)*Math.sin(l/2)+Math.cos(m.MathUtils.degToRad(t.latitude))*Math.cos(m.MathUtils.degToRad(i.latitude))*(Math.sin(e/2)*Math.sin(e/2));return 2*Math.atan2(Math.sqrt(h),Math.sqrt(1-h))*6371e3};class ${constructor(t={},i){this.sceneWebcam=new m.Scene;let e;if(i?e=document.querySelector(i):(e=document.createElement("video"),e.setAttribute("autoplay",!0),e.setAttribute("playsinline",!0),e.style.display="none",document.body.appendChild(e)),this.texture=new m.VideoTexture(e),navigator.mediaDevices&&navigator.mediaDevices.getUserMedia){const l={video:{width:{ideal:t.idealWidth||1280},height:{ideal:t.idealHeight||720},facingMode:"environment"}};navigator.mediaDevices.getUserMedia(l).then(h=>{e.addEventListener("loadedmetadata",()=>{var p;e.setAttribute("width",e.videoWidth),e.setAttribute("height",e.videoHeight),e.play(),(p=t.onVideoStarted)==null||p.call(this,this.texture)}),e.srcObject=h}).catch(h=>{setTimeout(()=>{alert(`Webcam Error
+Name: `+h.name+`
+Message: `+h.message)},1e3)})}else setTimeout(()=>{alert("sorry - media devices API not supported")},1e3)}dispose(){this.texture.dispose()}}const R=navigator.userAgent.match(/iPhone|iPad|iPod/i)||/Macintosh/i.test(navigator.userAgent)&&navigator.maxTouchPoints!=null&&navigator.maxTouchPoints>1,J=new n.Vector3(0,0,1),z=new n.Euler,tt=new n.Quaternion,et=new n.Quaternion(-Math.sqrt(.5),0,0,Math.sqrt(.5)),it={type:"change"};class nt extends n.EventDispatcher{constructor(t,i={}){super(),window.isSecureContext===!1&&console.error("THREE.DeviceOrientationControls: DeviceOrientationEvent is only available in secure contexts (https)");const e=this,l=1e-6,h=new n.Quaternion;this.object=t,this.object.rotation.reorder("YXZ"),this.enabled=!0,this.deviceOrientation=null,this.screenOrientation=0,this.alphaOffset=0,this.initialOffset=null,this.TWO_PI=2*Math.PI,this.HALF_PI=.5*Math.PI,this.orientationChangeEventName="ondeviceorientationabsolute"in window?"deviceorientationabsolute":"deviceorientation",this.smoothingFactor=i.smoothingFactor||1;const p=function({alpha:o,beta:r,gamma:c,webkitCompassHeading:g}){if(R){const d=360-g;e.alphaOffset=n.MathUtils.degToRad(d-o),e.deviceOrientation={alpha:o,beta:r,gamma:c,webkitCompassHeading:g}}else o<0&&(o+=360),e.deviceOrientation={alpha:o,beta:r,gamma:c};window.dispatchEvent(new CustomEvent("camera-rotation-change",{detail:{cameraRotation:t.rotation}}))},x=function(){e.screenOrientation=window.orientation||0},F=function(o,r,c,g,d){z.set(c,r,-g,"YXZ"),o.setFromEuler(z),o.multiply(et),o.multiply(tt.setFromAxisAngle(J,-d))};this.connect=function(){x(),window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?window.DeviceOrientationEvent.requestPermission().then(o=>{o==="granted"&&(window.addEventListener("orientationchange",x),window.addEventListener(e.orientationChangeEventName,p))}).catch(function(o){console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",o)}):(window.addEventListener("orientationchange",x),window.addEventListener(e.orientationChangeEventName,p)),e.enabled=!0},this.disconnect=function(){window.removeEventListener("orientationchange",x),window.removeEventListener(e.orientationChangeEventName,p),e.enabled=!1,e.initialOffset=!1,e.deviceOrientation=null},this.update=function({theta:o=0}={theta:0}){if(e.enabled===!1)return;const r=e.deviceOrientation;if(r){let c=r.alpha?n.MathUtils.degToRad(r.alpha)+e.alphaOffset:0,g=r.beta?n.MathUtils.degToRad(r.beta):0,d=r.gamma?n.MathUtils.degToRad(r.gamma):0;const U=e.screenOrientation?n.MathUtils.degToRad(e.screenOrientation):0;if(R){const A=new n.Quaternion;F(A,c,g,d,U);const C=new n.Euler().setFromQuaternion(A,"YXZ");console.log(C.x,C.y,C.z),C.y=n.MathUtils.degToRad(360-r.webkitCompassHeading),A.setFromEuler(C),e.object.quaternion.copy(A)}else{if(this.smoothingFactor<1){if(this.lastOrientation){const A=this.smoothingFactor;c=this._getSmoothedAngle(c,this.lastOrientation.alpha,A),g=this._getSmoothedAngle(g+Math.PI,this.lastOrientation.beta,A),d=this._getSmoothedAngle(d+this.HALF_PI,this.lastOrientation.gamma,A,Math.PI)}else g+=Math.PI,d+=this.HALF_PI;this.lastOrientation={alpha:c,beta:g,gamma:d}}F(e.object.quaternion,c+o,this.smoothingFactor<1?g-Math.PI:g,this.smoothingFactor<1?d-this.HALF_PI:d,U)}8*(1-h.dot(e.object.quaternion))>l&&(h.copy(e.object.quaternion),e.dispatchEvent(it))}},this._orderAngle=function(o,r,c=this.TWO_PI){return r>o&&Math.abs(r-o)<c/2||o>r&&Math.abs(r-o)>c/2?{left:o,right:r}:{left:r,right:o}},this._getSmoothedAngle=function(o,r,c,g=this.TWO_PI){const d=this._orderAngle(o,r,g),U=d.left,A=d.right;d.left=0,d.right-=U,d.right<0&&(d.right+=g);let C=A==r?(1-c)*d.right+c*d.left:c*d.right+(1-c)*d.left;return C+=U,C>=g&&(C-=g),C},this.updateAlphaOffset=function(){e.initialOffset=!1},this.dispose=function(){e.disconnect()},this.getAlpha=function(){const{deviceOrientation:o}=e;return o&&o.alpha?n.MathUtils.degToRad(o.alpha)+e.alphaOffset:0},this.getBeta=function(){const{deviceOrientation:o}=e;return o&&o.beta?n.MathUtils.degToRad(o.beta):0},window.DeviceOrientationEvent!==void 0&&typeof window.DeviceOrientationEvent.requestPermission=="function"?this.initPermissionDialog():this.connect()}initPermissionDialog(){const t=document.createElement("div"),i=document.createElement("div"),e=document.createElement("div"),l=document.createElement("div");document.body.appendChild(t);const h={display:"flex",position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1,backgroundColor:"rgba(0,0,0,0.6)",justifyContent:"center",alignItems:"center"},p={backgroundColor:"white",padding:"6px",borderRadius:"3px",width:"36rem",height:"24rem"},x={width:"100%",height:"70%",display:"flex",justifyContent:"center",alignItems:"center"},F={display:"inline-flex",width:"100%",height:"30%",justifyContent:"center",alignItems:"center"};for(let c in h)t.style[c]=h[c];for(let c in p)i.style[c]=p[c];for(let c in x)e.style[c]=x[c];for(let c in F)l.style[c]=F[c];t.appendChild(i),i.appendChild(e),i.appendChild(l),e.innerHTML='<div style="font-size: 24pt; margin: 1rem;">This immersive website requires access to your device motion sensors.</div>';const o=()=>{this.connect(),t.style.display="none"},r=document.createElement("button");r.addEventListener("click",o),r.style.width="50%",r.style.height="80%",r.style.fontSize="20pt",r.appendChild(document.createTextNode("OK")),l.appendChild(r),document.body.appendChild(t)}}class st{constructor(t){this.raycaster=new m.Raycaster,this.normalisedMousePosition=new m.Vector2(null,null),t.domElement.addEventListener("click",i=>{this.normalisedMousePosition.set(i.clientX/t.domElement.clientWidth*2-1,-(i.clientY/t.domElement.clientHeight*2)+1)})}raycast(t,i){if(this.normalisedMousePosition.x!==null&&this.normalisedMousePosition.y!==null){this.raycaster.setFromCamera(this.normalisedMousePosition,t);const e=this.raycaster.intersectObjects(i.children,!1);return this.normalisedMousePosition.set(null,null),e}return[]}}const ot="0.0.10-noaframe-1";a.ClickHandler=st,a.DeviceOrientationControls=nt,a.LocationBased=K,a.SphMercProjection=W,a.Webcam=$,a.version=ot,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "locar",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Location-based AR from AR.js.",
   "files": [
     "dist"