@plattar/plattar-ar-adapter 1.188.2 → 1.188.4

package/dist/embed/controllers/vto-controller.js

@@ -66,15 +66,19 @@ class VTOController extends plattar_controller_1.PlattarController {
         }
     }
     async startViewerQRCode(options) {
+        const opt = this._GetDefaultQROptions(options);
         // remove the old renderer instance if any
-        this.removeRenderer();
+        if (!opt.detached) {
+            this.removeRenderer();
+        }
         const sceneID = this.getAttribute("scene-id");
         if (!sceneID) {
             throw new Error("VTOController.startQRCode() - minimum required attributes not set, use scene-id as a minimum");
         }
-        const opt = options || this._GetDefaultQROptions();
         const viewer = document.createElement("plattar-qrcode");
-        this._element = viewer;
+        if (!opt.detached) {
+            this._element = viewer;
+        }
         // required attributes with defaults for plattar-viewer node
         const width = this.getAttribute("width") || "500px";
         const height = this.getAttribute("height") || "500px";
@@ -120,13 +124,18 @@ class VTOController extends plattar_controller_1.PlattarController {
             dst += "&variation_id=" + variationID;
         }
         viewer.setAttribute("url", opt.url || dst);
-        this._state = plattar_controller_1.ControllerState.QRCode;
         this._prevQROpt = opt;
+        if (!opt.detached) {
+            this._state = plattar_controller_1.ControllerState.QRCode;
+            return new Promise((accept, reject) => {
+                viewer.onload = () => {
+                    return accept(viewer);
+                };
+                this.append(viewer);
+            });
+        }
         return new Promise((accept, reject) => {
-            viewer.onload = () => {
-                return accept(viewer);
-            };
-            this.append(viewer);
+            return accept(viewer);
         });
     }
     async startRenderer() {

package/dist/util/configurator-state.d.ts

@@ -119,4 +119,10 @@ export declare class ConfiguratorState {
      * @returns - Base64 String
      */
     encode(): string;
+    encodeSceneGraphID(): Promise<string>;
+    /**
+     * Compiles and returns the Dynamic Scene Graph (Updated for 2025 for DynamicAR)
+     * NOTE: Eventually this structure should replace ConfiguratorState
+     */
+    get sceneGraph(): any;
 }

package/dist/util/configurator-state.js

@@ -440,5 +440,69 @@ class ConfiguratorState {
     encode() {
         return btoa(JSON.stringify(this._state));
     }
+    async encodeSceneGraphID() {
+        const graph = this.sceneGraph;
+        // some scene-graphs are very large in size, we store it remotely
+        // this storage will expire in 10 minutes so this is a non-permanent version
+        // and is designed for quick ar
+        const url = `https://c.plattar.com/v3/redir/store`;
+        // finally send our scene-graph to the backend to generate the AR file and return
+        try {
+            const response = await fetch(url, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    data: {
+                        attributes: {
+                            data: graph
+                        }
+                    }
+                })
+            });
+            if (!response.ok) {
+                throw new Error(`ConfiguratorState.encodeSceneGraphID() - network response was not ok ${response.status}`);
+            }
+            const data = await response.json();
+            return data.data.id;
+        }
+        catch (error) {
+            throw new Error(`ConfiguratorState.encodeSceneGraphID() - there was a request error to ${url}, error was ${error.message}`);
+        }
+    }
+    /**
+     * Compiles and returns the Dynamic Scene Graph (Updated for 2025 for DynamicAR)
+     * NOTE: Eventually this structure should replace ConfiguratorState
+     */
+    get sceneGraph() {
+        const objects = this.array();
+        // in here we need to generate the schema input to be sent to the backend service
+        const schema = {
+            // ensure to only generate AR using files we pass into the backend
+            strict: false,
+            inputs: []
+        };
+        objects.forEach((object) => {
+            if (object.meta_data.type === "scenemodel") {
+                const data = {
+                    id: object.scene_product_id,
+                    type: 'scenemodel',
+                    visibility: object.meta_data.augment
+                };
+                schema.inputs.push(data);
+            }
+            else {
+                const data = {
+                    id: object.scene_product_id,
+                    type: 'sceneproduct',
+                    variation_id: object.product_variation_id,
+                    visibility: object.meta_data.augment
+                };
+                schema.inputs.push(data);
+            }
+        });
+        return schema;
+    }
 }
 exports.ConfiguratorState = ConfiguratorState;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.188.2";
+declare const _default: "1.188.4";
 export default _default;

package/dist/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "1.188.2";
+exports.default = "1.188.4";

package/package.json

@@ -1,57 +1,57 @@
 {
-  "name": "@plattar/plattar-ar-adapter",
-  "version": "1.188.2",
-  "description": "Plattar AR Adapter for interfacing with Google & Apple WebAR",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "clean": "rm -rf build dist node_modules",
-    "build": "npm run clean && npm install && npm run build-ts && npm run build-es2019 && npm run build-es2015",
-    "build-ts": "tsc --noEmitOnError",
-    "build-es2019": "rm -rf build/es2019 && mkdir -p build/es2019 && browserify --standalone PlattarARAdapter dist/index.js -o build/es2019/plattar-ar-adapter.js && uglifyjs build/es2019/plattar-ar-adapter.js --output build/es2019/plattar-ar-adapter.min.js",
-    "build-es2015": "rm -rf build/es2015 && mkdir -p build/es2015 && babel build/es2019/plattar-ar-adapter.js --presets=@babel/env > build/es2015/plattar-ar-adapter.js && uglifyjs build/es2015/plattar-ar-adapter.js --output build/es2015/plattar-ar-adapter.min.js",
-    "clean:build": "npm run clean && npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Plattar/plattar-ar-adapter.git"
-  },
-  "engines": {
-    "node": "^10.17 || >=12.3"
-  },
-  "keywords": [
-    "plattar",
-    "npm",
-    "ar",
-    "augmented",
-    "reality",
-    "augmentedreality",
-    "augmented-reality",
-    "web"
-  ],
-  "author": "plattar",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/Plattar/plattar-ar-adapter/issues"
-  },
-  "homepage": "https://www.plattar.com",
-  "dependencies": {
-    "@plattar/plattar-analytics": "^1.152.2",
-    "@plattar/plattar-api": "^1.186.3",
-    "@plattar/plattar-qrcode": "1.178.1",
-    "@plattar/plattar-services": "^1.157.1",
-    "@plattar/plattar-web": "^1.182.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "browserify": "^17.0.1",
-    "typescript": "^5.8.2",
-    "uglify-js": "^3.19.3"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
+	"name": "@plattar/plattar-ar-adapter",
+	"version": "1.188.4",
+	"description": "Plattar AR Adapter for interfacing with Google & Apple WebAR",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"clean": "rm -rf build dist node_modules",
+		"build": "npm run clean && npm install && npm run build-ts && npm run build-es2019 && npm run build-es2015",
+		"build-ts": "tsc --noEmitOnError",
+		"build-es2019": "rm -rf build/es2019 && mkdir -p build/es2019 && browserify --standalone PlattarARAdapter dist/index.js -o build/es2019/plattar-ar-adapter.js && uglifyjs build/es2019/plattar-ar-adapter.js --output build/es2019/plattar-ar-adapter.min.js",
+		"build-es2015": "rm -rf build/es2015 && mkdir -p build/es2015 && babel build/es2019/plattar-ar-adapter.js --presets=@babel/env > build/es2015/plattar-ar-adapter.js && uglifyjs build/es2015/plattar-ar-adapter.js --output build/es2015/plattar-ar-adapter.min.js",
+		"clean:build": "npm run clean && npm run build"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Plattar/plattar-ar-adapter.git"
+	},
+	"engines": {
+		"node": "^10.17 || >=12.3"
+	},
+	"keywords": [
+		"plattar",
+		"npm",
+		"ar",
+		"augmented",
+		"reality",
+		"augmentedreality",
+		"augmented-reality",
+		"web"
+	],
+	"author": "plattar",
+	"license": "Apache-2.0",
+	"bugs": {
+		"url": "https://github.com/Plattar/plattar-ar-adapter/issues"
+	},
+	"homepage": "https://www.plattar.com",
+	"dependencies": {
+		"@plattar/plattar-analytics": "^1.152.2",
+		"@plattar/plattar-api": "^1.186.3",
+		"@plattar/plattar-qrcode": "1.178.1",
+		"@plattar/plattar-services": "^1.186.1",
+		"@plattar/plattar-web": "^1.182.2"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.27.2",
+		"@babel/core": "^7.27.4",
+		"@babel/preset-env": "^7.27.2",
+		"browserify": "^17.0.1",
+		"typescript": "^5.8.3",
+		"uglify-js": "^3.19.3"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
 }