@mappedin/viewer 0.4.3-4fe0339.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.5.0](https://github.com/MappedIn/viewer/compare/viewer-v0.4.2...viewer-v0.5.0) (2023-09-14)
+
+
+### Features
+
+* **MKR-331:** enable outdoor maps and be smarter about different ao settings ([#30](https://github.com/MappedIn/viewer/issues/30)) ([1d5cbc4](https://github.com/MappedIn/viewer/commit/1d5cbc462b3b77660f67bdbaed5c5d801dba89ce))
+
+
+### Bug Fixes
+
+* **MKR-328:** prevent user selecting the entire app on mobile ([#28](https://github.com/MappedIn/viewer/issues/28)) ([fca2cfa](https://github.com/MappedIn/viewer/commit/fca2cfa697a4f5a3115162fe249dfc963ae0977c))
+
 ## [0.4.2](https://github.com/MappedIn/viewer/compare/viewer-v0.4.1...viewer-v0.4.2) (2023-09-13)
 
 

package/dist/{browser-JKMZVTUT-985f0479.js → browser-JKMZVTUT-be479651.js}

@@ -1,4 +1,4 @@
-import { c as Zn, r as f } from "./index-3104bb35.js";
+import { c as Zn, r as f } from "./index-a256c7f1.js";
 Zn();
 var dn = {}, Nn = f(function(t, n, r, e, i) {
   var a = new Worker(dn[n] || (dn[n] = URL.createObjectURL(new Blob([t + ';addEventListener("error",function(e){e=e.error;postMessage({$e$:[e.message,e.code,e.stack]})})'], { type: "text/javascript" }))));

package/dist/{index-3104bb35.js → index-a256c7f1.js}

@@ -9068,9 +9068,18 @@ const Ume = Bme`
     body {
         margin: 0;
         height: 100%;
+
+        // Disable press-and-hold selection on mobile
+        -webkit-touch-callout:none;
+        -webkit-user-select:none;
+        -khtml-user-select:none;
+        -moz-user-select:none;
+        -ms-user-select:none;
+        user-select:none;
+        -webkit-tap-highlight-color:rgba(0,0,0,0);
     }
 
-    div#viewer-app-root {
+    div.viewer-app-root {
         height: 100%;
         width: 100%;
     }
@@ -9120,7 +9129,7 @@ const Ume = Bme`
     initialRotation: 0,
     minZoom: 200,
     pathSize: 0.25,
-    streetMapVisible: !1,
+    streetMapVisible: !0,
     watermarkVisible: !0
   }
 }, jme = {
@@ -49286,7 +49295,7 @@ async function Nne(e) {
         throw new Error("Error parsing data! Unzipping failed.");
       if (e[Symbol.toStringTag] !== "Uint8Array")
         throw new Error("Unexpected file type! Unzipping failed.");
-      let r = (await import("./browser-JKMZVTUT-985f0479.js")).unzipSync(e);
+      let r = (await import("./browser-JKMZVTUT-be479651.js")).unzipSync(e);
       if (!One(r))
         throw new Error("MVF is missing some expect static files. Unzipping failed.");
       let i = { "connection.json": r["connection.json"], "manifest.geojson": r["manifest.geojson"], "node.geojson": r["node.geojson"], "map.geojson": r["map.geojson"], "mapstack.geojson": r["mapstack.geojson"], "styles.json": r["styles.json"], space: {}, obstruction: {}, entrance: {} }, o = Object.keys(r);
@@ -57370,18 +57379,25 @@ var zq = class {
 m(zq, "MultiBufferRenderer"), me();
 var r4e = !1, Gie = class {
   constructor(e, t) {
-    ae(this, "core"), ae(this, "map"), ae(this, "enabled", !1), ae(this, "url", "https://tiles-cdn.mappedin.com/styles/mappedin/style.json"), ae(this, "authURL", "https://auth.mappedin.com/oauth2/token"), ae(this, "loaded", !1), ae(this, "module"), this.core = e, this.url = (t == null ? void 0 : t.url) || this.url, this.authURL = (t == null ? void 0 : t.authURL) || this.authURL;
+    ae(this, "core"), ae(this, "map"), ae(this, "enabled", !1), ae(this, "url", "https://tiles-cdn.mappedin.com/styles/mappedin/style.json"), ae(this, "authURL", "https://auth.mappedin.com/oauth2/token"), ae(this, "headers"), ae(this, "loaded", !1), ae(this, "module"), ae(this, "getRequestHeaders", m(async () => {
+      if (this.headers)
+        return this.headers;
+      {
+        let { authURL: n } = this, r = await this.fetchToken(n), { access_token: i } = await r.json();
+        return { "x-mappedin-tiles-key": i };
+      }
+    }, "getRequestHeaders")), this.core = e, this.url = (t == null ? void 0 : t.url) || this.url, this.authURL = (t == null ? void 0 : t.authURL) || this.authURL, this.headers = t == null ? void 0 : t.headers;
   }
-  fetchToken() {
-    return fetch(this.authURL, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ grant_type: "client_credentials", client_id: this.core.venue.options.clientId, client_secret: this.core.venue.options.clientSecret }) });
+  fetchToken(e) {
+    return fetch(e, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ grant_type: "client_credentials", client_id: this.core.venue.options.clientId, client_secret: this.core.venue.options.clientSecret }) });
   }
   async load() {
     try {
-      let e = await this.fetchToken(), { access_token: t } = await e.json();
-      this.module = await import("./outdoor-context-QN5FBZ37-880bf2b0.js");
+      let [e, t] = await Promise.all([import("./outdoor-context-QN5FBZ37-61e6dfe0.js"), this.getRequestHeaders()]);
+      this.module = e;
       let { Map: n, Marker: r } = this.module.default, i = document.createElement("div");
       Object.assign(i.style, { position: "absolute", top: "0px", left: "0px", width: "100%", height: "100%", pointerEvents: "none" }), this.core.container.appendChild(i);
-      let o = this.core.referenceMap.georeference[0].target.x, l = this.core.referenceMap.georeference[0].target.y, u = this.core.referenceMap.georeference[2].target.x, c = this.core.referenceMap.georeference[2].target.y, p = new Rn(o, l), f = new Rn(u, c), g = p.midpointTo(f), v = -Uf.radToDeg(this.core.controls.getRotation() + this.core.referenceMap.getNorth()), _ = Uf.radToDeg(this.core.controls.getTilt()), S = this.core.controls.getZoomLevel(), P = { canvas: this.core.renderer.domElement(), canvasContainer: i, container: this.core.container, style: this.url, center: [g.lon, g.lat], zoom: S, bearing: v, pitch: _, transformRequest: (I) => ({ url: I, headers: { "x-mappedin-tiles-key": t } }) };
+      let o = this.core.referenceMap.georeference[0].target.x, l = this.core.referenceMap.georeference[0].target.y, u = this.core.referenceMap.georeference[2].target.x, c = this.core.referenceMap.georeference[2].target.y, p = new Rn(o, l), f = new Rn(u, c), g = p.midpointTo(f), v = -Uf.radToDeg(this.core.controls.getRotation() + this.core.referenceMap.getNorth()), _ = Uf.radToDeg(this.core.controls.getTilt()), S = this.core.controls.getZoomLevel(), P = { canvas: this.core.renderer.domElement(), canvasContainer: i, container: this.core.container, style: this.url, center: [g.lon, g.lat], zoom: S, bearing: v, pitch: _, transformRequest: (I) => ({ url: I, headers: t }) };
       this.map = new n(P), this.map.on("error", (I) => {
         bn.error(I);
       }), this.core.renderer.implementation.setOutdoorViewTexture(this.map.painter.webGLRenderTargetTexture), this.map.on("load", () => {
@@ -64237,33 +64253,44 @@ class cCe {
     const n = (r = t.find((i) => i.locations.length > 0)) == null ? void 0 : r.locations[0];
     return n != null && this.rootStore.setSelectedLocationId(n.id), !0;
   }
+  getAOSettings() {
+    let t = "medium", n = "full";
+    return this.rootStore.isAppMobile ? (t = "medium", n = "half") : devicePixelRatio > 1 && (t = "low", n = "full"), {
+      aoQuality: t,
+      aoResolution: n
+    };
+  }
   get interactionMode() {
     return this.rootStore.departureMode === oi.DROPPED_PIN && this.rootStore.departure == null || this.directions.directions != null ? jv.CAMERA_ONLY : jv.DEFAULT;
   }
   async init(t) {
-    var i;
+    var u;
     this.container = t;
-    const n = {
+    const { aoQuality: n, aoResolution: r } = this.getAOSettings(), i = this.rootStore.uiStore.theme.map.streetMapVisible && !0, o = {
       aoEnabled: !0,
-      aoQuality: "medium",
-      aoResolution: "half",
+      antialias: !0,
+      aoQuality: n,
+      aoResolution: r,
       multiBufferRendering: !0,
       outdoorView: {
-        enabled: this.rootStore.uiStore.theme.map.streetMapVisible
+        enabled: i,
+        headers: {
+          "x-mappedin-tiles-key": "f8fd42d9e1c2751f"
+        }
       },
-      firstMap: (i = this.rootStore.currentMap) == null ? void 0 : i.id
+      firstMap: (u = this.rootStore.currentMap) == null ? void 0 : u.id
     };
     this.rootStore.uiStore.theme.map.watermarkVisible && voe({
       position: this.rootStore.uiStore.logoPosition,
       padding: this.rootStore.isAppEmbedded ? 16 : 20,
       scale: this.rootStore.isAppEmbedded ? 1.5 : 1
     });
-    const r = await moe(t, this.rootStore.data, n);
-    r.Camera.minZoom = this.rootStore.uiStore.theme.map.minZoom, r.Camera.set({
+    const l = await moe(t, this.rootStore.data, o);
+    l.Camera.minZoom = this.rootStore.uiStore.theme.map.minZoom, l.Camera.set({
       tilt: this.rootStore.uiStore.theme.map.initialTilt,
       rotation: this.rootStore.uiStore.theme.map.initialRotation
-    }), r.setHoverColor(this.rootStore.uiStore.theme.colors.map.hover), r.setBackgroundColor(this.rootStore.uiStore.theme.colors.map.background), r.on(Kc.CLICK, this.handleMapClick), Zq(() => {
-      this.mapView = r;
+    }), l.setHoverColor(this.rootStore.uiStore.theme.colors.map.hover), l.setBackgroundColor(this.rootStore.uiStore.theme.colors.map.background), l.on(Kc.CLICK, this.handleMapClick), Zq(() => {
+      this.mapView = l;
     });
   }
   handleMapClick({ polygons: t }) {
@@ -67201,7 +67228,7 @@ class j6e {
     this.rootStore = t;
   }
   init() {
-    const t = "phc_vZrwt3z6JmdPnErvTgZoazTAGlCRMiz6c2NqWtBt8qz", n = "https://ph-api.mappedin.com";
+    const t = "phc_sRrjUwz9zicl4GeXtSnwcuKMr50SB76ma6NVi6zlPou", n = "https://ph-api.mappedin.com";
     U6e.init(t, { api_host: n });
   }
 }
@@ -67835,7 +67862,14 @@ const dTe = ({
         t.cleanup();
       };
   }, [n]), /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
-    /* @__PURE__ */ He.jsx("div", { id: "maker-map", ref: r, style: { height: "100%", width: "100%", position: "absolute" } }),
+    /* @__PURE__ */ He.jsx(
+      "div",
+      {
+        id: "maker-map",
+        ref: r,
+        style: { height: "100%", width: "100%", position: "absolute", userSelect: "none" }
+      }
+    ),
     /* @__PURE__ */ He.jsx("div", { style: { height: "100%", width: "100%", position: "absolute", pointerEvents: "none" }, children: /* @__PURE__ */ He.jsx(
       gTe,
       {
@@ -96264,12 +96298,12 @@ const R9e = Jr.div`
   ] });
 }), Spe = () => {
   const e = document.createElement("meta");
-  e.name = "app-version", e.content = "0.4.2", document.head.appendChild(e);
+  e.name = "app-version", e.content = "0.5.0", document.head.appendChild(e);
 }, Mpe = (e) => {
   let t = e;
   if (t == null && (Tw.warn("options.root was not specified. Defaulting to #viewer-app-root."), t = document.getElementById("viewer-app-root")), t == null)
     throw new Error("Could not find #viewer-app-root. Please add it to your HTML file.");
-  return t;
+  return t.classList.contains("viewer-app-root") || t.classList.add("viewer-app-root"), t;
 }, LRe = (e) => {
   const t = Mpe(e.root);
   Spe(), Ub.createRoot(t).render(/* @__PURE__ */ He.jsx(Epe, { ...e }));