@plattar/plattar-ar-adapter 1.129.1 → 1.130.3

package/build/es2019/plattar-ar-adapter.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LauncherAR = void 0;
 class LauncherAR {
-    constructor() { }
+    constructor() {
+        this._opt = {
+            anchor: "horizontal_vertical"
+        };
+    }
     /**
      * Initialise and launch with a single function call. this is mostly for convenience.
      * Use .init() and .start() separately for fine-grained control
@@ -16,6 +20,12 @@ class LauncherAR {
             }).catch(reject);
         });
     }
+    /**
+     * AR Options used for launching AR
+     */
+    get options() {
+        return this._opt;
+    }
 }
 exports.LauncherAR = LauncherAR;
 
@@ -102,8 +112,10 @@ class ModelAR extends launcher_ar_1.LauncherAR {
                 }
                 // check android
                 if (util_1.Util.canSceneViewer()) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -267,8 +279,17 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                 }
                 // check android
                 if (util_1.Util.canSceneViewer()) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = plattar_api_1.Server.location().cdn + model.attributes.path + model.attributes.original_filename;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    const scene = product.relationships.find(plattar_api_1.Scene);
+                    if (scene) {
+                        const sceneOpt = scene.attributes.custom_json || {};
+                        if (sceneOpt.anchor === "vertical") {
+                            arviewer.isVertical = true;
+                        }
+                    }
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 // otherwise, we didn't have AR available - it should never really reach this stage as this should be caught
@@ -374,8 +395,10 @@ class RawAR extends launcher_ar_1.LauncherAR {
             // check android
             if (util_1.Util.canSceneViewer()) {
                 if (lowerLoc.endsWith("glb") || lowerLoc.endsWith("gltf")) {
-                    this._ar = new scene_viewer_1.default();
-                    this._ar.modelUrl = modelLocation;
+                    const arviewer = new scene_viewer_1.default();
+                    arviewer.modelUrl = modelLocation;
+                    arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                    this._ar = arviewer;
                     return accept(this);
                 }
                 return reject(new Error("RawAR.init() - cannot proceed as model is not a .glb or .gltf file"));
@@ -533,8 +556,13 @@ class SceneAR extends launcher_ar_1.LauncherAR {
                 // check android
                 if (util_1.Util.canSceneViewer()) {
                     return this._ComposeScene(scene, "glb").then((modelUrl) => {
-                        this._ar = new scene_viewer_1.default();
-                        this._ar.modelUrl = modelUrl;
+                        const arviewer = new scene_viewer_1.default();
+                        arviewer.modelUrl = modelUrl;
+                        arviewer.isVertical = this.options.anchor === "vertical" ? true : false;
+                        if (sceneOpt.anchor === "vertical") {
+                            arviewer.isVertical = true;
+                        }
+                        this._ar = arviewer;
                         return accept(this);
                     }).catch(reject);
                 }
@@ -674,6 +702,10 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 // optional attributes
                 const configState = this.getAttribute("config-state");
                 const showAR = this.getAttribute("show-ar");
+                const showUI = this.getAttribute("show-ui");
+                if (showUI && showUI === "true") {
+                    dst = plattar_api_1.Server.location().base + "configurator/dist/index.html?scene_id=" + sceneID;
+                }
                 if (configState) {
                     dst += "&config_state=" + configState;
                 }
@@ -711,12 +743,16 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 // optional attributes
                 const configState = this.getAttribute("config-state");
                 const showAR = this.getAttribute("show-ar");
+                const showUI = this.getAttribute("show-ui");
                 if (configState) {
                     viewer.setAttribute("config-state", configState);
                 }
                 if (showAR) {
                     viewer.setAttribute("show-ar", showAR);
                 }
+                if (showUI) {
+                    viewer.setAttribute("show-ui", showUI);
+                }
                 viewer.onload = () => {
                     return accept(viewer);
                 };
@@ -1141,8 +1177,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewerController = void 0;
 const plattar_api_1 = require("@plattar/plattar-api");
 const product_ar_1 = require("../../ar/product-ar");
+const scene_ar_1 = require("../../ar/scene-ar");
 const scene_product_ar_1 = require("../../ar/scene-product-ar");
-const configurator_state_1 = require("../../util/configurator-state");
 const util_1 = require("../../util/util");
 const plattar_controller_1 = require("./plattar-controller");
 /**
@@ -1280,16 +1316,11 @@ class ViewerController extends plattar_controller_1.PlattarController {
                 return product.init().then(accept).catch(reject);
             }
             const sceneID = this.getAttribute("scene-id");
-            // use the first default product-variation id if available
+            // fallback to using default SceneAR implementation
             if (sceneID) {
-                return configurator_state_1.ConfiguratorState.decodeScene(sceneID).then((state) => {
-                    const first = state.first();
-                    if (first) {
-                        const sceneProductAR = new scene_product_ar_1.SceneProductAR(first.scene_product_id, first.product_variation_id);
-                        return sceneProductAR.init().then(accept).catch(reject);
-                    }
-                    return reject(new Error("ViewerController.initAR() - your scene does not contain any valid products"));
-                }).catch(reject);
+                const sceneAR = new scene_ar_1.SceneAR(sceneID);
+                sceneAR.init().then(accept).catch(reject);
+                return;
             }
             return reject(new Error("ViewerController.initAR() - minimum required attributes not set, use scene-id as a minimum"));
         });
@@ -1308,7 +1339,7 @@ class ViewerController extends plattar_controller_1.PlattarController {
 }
 exports.ViewerController = ViewerController;
 
-},{"../../ar/product-ar":3,"../../ar/scene-product-ar":6,"../../util/configurator-state":14,"../../util/util":15,"./plattar-controller":8,"@plattar/plattar-api":42}],11:[function(require,module,exports){
+},{"../../ar/product-ar":3,"../../ar/scene-ar":5,"../../ar/scene-product-ar":6,"../../util/util":15,"./plattar-controller":8,"@plattar/plattar-api":42}],11:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VTOController = void 0;
@@ -1711,10 +1742,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
+exports.ConfiguratorState = exports.Util = exports.RawAR = exports.ModelAR = exports.SceneAR = exports.SceneProductAR = exports.ProductAR = exports.LauncherAR = exports.version = exports.PlattarQRCode = exports.PlattarWeb = void 0;
 exports.PlattarWeb = __importStar(require("@plattar/plattar-web"));
 exports.PlattarQRCode = __importStar(require("@plattar/plattar-qrcode"));
 exports.version = __importStar(require("./version"));
+var launcher_ar_1 = require("./ar/launcher-ar");
+Object.defineProperty(exports, "LauncherAR", { enumerable: true, get: function () { return launcher_ar_1.LauncherAR; } });
 var product_ar_1 = require("./ar/product-ar");
 Object.defineProperty(exports, "ProductAR", { enumerable: true, get: function () { return product_ar_1.ProductAR; } });
 var scene_product_ar_1 = require("./ar/scene-product-ar");
@@ -1738,7 +1771,7 @@ if (customElements) {
 }
 console.log("using @plattar/plattar-ar-adapter v" + version_1.default);
 
-},{"./ar/model-ar":2,"./ar/product-ar":3,"./ar/raw-ar":4,"./ar/scene-ar":5,"./ar/scene-product-ar":6,"./embed/plattar-embed":12,"./util/configurator-state":14,"./util/util":15,"./version":16,"@plattar/plattar-qrcode":108,"@plattar/plattar-web":127}],14:[function(require,module,exports){
+},{"./ar/launcher-ar":1,"./ar/model-ar":2,"./ar/product-ar":3,"./ar/raw-ar":4,"./ar/scene-ar":5,"./ar/scene-product-ar":6,"./embed/plattar-embed":12,"./util/configurator-state":14,"./util/util":15,"./version":16,"@plattar/plattar-qrcode":108,"@plattar/plattar-web":127}],14:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfiguratorState = void 0;
@@ -2053,7 +2086,7 @@ exports.Util = Util;
 },{}],16:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.129.1";
+exports.default = "1.130.3";
 
 },{}],17:[function(require,module,exports){
 "use strict";
@@ -6226,6 +6259,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = "1.120.1";
 
 },{}],115:[function(require,module,exports){
+const Util = require("../../util/util");
 const ElementController = require("../controllers/element-controller");
 
 class BaseElement extends HTMLElement {
@@ -6255,6 +6289,10 @@ class BaseElement extends HTMLElement {
         return this._controller ? this._controller.context : undefined;
     }
 
+    get parent() {
+        return this._controller ? this._controller.parent : undefined;
+    }
+
     get element() {
         return this._controller;
     }
@@ -6359,10 +6397,14 @@ class BaseElement extends HTMLElement {
     get elementType() {
         return "none";
     }
+
+    get elementLocation() {
+        return Util.getElementLocation(this.elementType);
+    }
 }
 
 module.exports = BaseElement;
-},{"../controllers/element-controller":117}],116:[function(require,module,exports){
+},{"../../util/util":128,"../controllers/element-controller":117}],116:[function(require,module,exports){
 const BaseElement = require("./base/base-element.js");
 
 class ConfiguratorElement extends BaseElement {
@@ -6378,6 +6420,16 @@ class ConfiguratorElement extends BaseElement {
         return "configurator";
     }
 
+    get elementLocation() {
+        if (this.hasAttribute("show-ui")) {
+            const state = this.getAttribute("show-ui");
+
+            return state === "true" ? "configurator/dist/index.html" : super.elementLocation;
+        }
+
+        return super.elementLocation;
+    }
+
     get optionalAttributes() {
         return [{
             key: "config-state",
@@ -6435,7 +6487,7 @@ class ElementController {
             throw new Error("ElementController - attribute \"server\" must be one of \"production\", \"staging\" or \"dev\"");
         }
 
-        const embedLocation = Util.getElementLocation(element.elementType);
+        const embedLocation = element.elementLocation;
 
         if (embedLocation === undefined) {
             throw new Error("ElementController - element named \"" + elementType + "\" is invalid");
@@ -6477,6 +6529,10 @@ class ElementController {
         return messenger.self;
     }
 
+    get parent() {
+        return messenger.parent;
+    }
+
     get controller() {
         return this._controller;
     }
@@ -6521,15 +6577,7 @@ class IFrameController {
         if (element.hasAttribute("fullscreen")) {
             const style = document.createElement('style');
 
-            style.textContent = `
-                ._PlattarFullScreen {
-                    width: 100%;
-                    height: 100%;
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                }
-            `;
+            style.textContent = `._PlattarFullScreen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }`;
 
             this._iframe.className = "_PlattarFullScreen";
 
@@ -6867,9 +6915,9 @@ module.exports = {
 class Util {
     static getServerLocation(server) {
         switch (server) {
-            case "production": return "https://app.plattar.com/renderer/";
-            case "staging": return "https://staging.plattar.space/renderer/";
-            case "dev": return "https://localhost/renderer/";
+            case "production": return "https://app.plattar.com/";
+            case "staging": return "https://staging.plattar.space/";
+            case "dev": return "https://localhost/";
             default: return undefined;
         }
     }
@@ -6878,25 +6926,7 @@ class Util {
         const isValid = Util.isValidType(etype);
 
         if (isValid) {
-            return etype + ".html";
-        }
-
-        return undefined;
-    }
-
-    static getElementBundleLocation(etype, server) {
-        const location = Util.getServerLocation(server);
-
-        if (!location) {
-            return undefined;
-        }
-
-        const isValid = Util.isValidType(etype);
-
-        if (isValid) {
-            const isMinified = location === "dev" ? false : true;
-
-            return isMinified ? (etype + "-bundle.min.js") : (etype + "-bundle.js");
+            return "renderer/" + etype + ".html";
         }
 
         return undefined;
@@ -6939,7 +6969,7 @@ class Util {
 
 module.exports = Util;
 },{}],129:[function(require,module,exports){
-module.exports = "1.128.1";
+module.exports = "1.130.1";
 
 },{}],130:[function(require,module,exports){
 (function (global){(function (){