@plattar/plattar-ar-adapter 2.7.2 → 2.7.3

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

@@ -31,6 +31,8 @@ class ConfiguratorAR extends launcher_ar_1.LauncherAR {
         this._ar = null;
     }
     _SetupAnalytics() {
+        if (this._analytics !== null)
+            return;
         const scene = this._options.state.scene;
         let analytics = null;
         // setup scene stuff (if any)
@@ -240,6 +242,8 @@ class ModelAR extends launcher_ar_1.LauncherAR {
         return this._options.modelID;
     }
     _SetupAnalytics(model) {
+        if (this._analytics !== null)
+            return;
         let analytics = null;
         const project = model.relationships.find(plattar_api_1.Project);
         // setup scene stuff (if any)
@@ -387,6 +391,8 @@ class ProductAR extends launcher_ar_1.LauncherAR {
         return this._options.variationSKU;
     }
     _SetupAnalytics(product, variation) {
+        if (this._analytics !== null)
+            return;
         let analytics = null;
         const scene = product.relationships.find(plattar_api_1.Scene);
         // setup scene stuff (if any)
@@ -436,9 +442,7 @@ class ProductAR extends launcher_ar_1.LauncherAR {
                 return reject(new Error("ProductAR.init() - cannot proceed as AR not available in context"));
             }
             const product = new plattar_api_1.Product(this.productID);
-            product.include(plattar_api_1.ProductVariation);
             product.include(plattar_api_1.ProductVariation.include(plattar_api_1.FileModel));
-            product.include(plattar_api_1.Scene);
             product.include(plattar_api_1.Scene.include(plattar_api_1.Project));
             product.get().then((product) => {
                 // find the required variation from our product
@@ -594,6 +598,8 @@ class RawAR extends launcher_ar_1.LauncherAR {
     }
     _SetupAnalytics() {
         return new Promise((accept, _reject) => {
+            if (this._analytics !== null)
+                return accept();
             const sceneID = this._options.sceneID;
             if (!sceneID) {
                 return accept();
@@ -746,6 +752,8 @@ class SceneAR extends launcher_ar_1.LauncherAR {
         return this._options.sceneID;
     }
     _SetupAnalytics(scene) {
+        if (this._analytics !== null)
+            return;
         let analytics = null;
         // setup scene stuff (if any)
         if (scene) {
@@ -871,7 +879,6 @@ class SceneAR extends launcher_ar_1.LauncherAR {
             }
             const scene = new plattar_api_1.Scene(this.sceneID);
             scene.include(plattar_api_1.Project);
-            scene.include(plattar_api_1.SceneProduct);
             scene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product));
             scene.include(plattar_api_1.SceneModel);
             scene.get().then((scene) => {
@@ -973,6 +980,7 @@ const version_1 = __importDefault(require("../version"));
 class SceneGraphAR extends launcher_ar_1.LauncherAR {
     // analytics instance
     _analytics = null;
+    _analyticsSetup = null;
     _options;
     // this thing controls the actual AR view
     // this is setup via .init() function
@@ -982,32 +990,37 @@ class SceneGraphAR extends launcher_ar_1.LauncherAR {
         this._options = options;
         this._ar = null;
     }
-    async _SetupAnalytics() {
-        const scene = new plattar_api_1.Scene(this._options.sceneID);
-        scene.include(plattar_api_1.Project);
-        const fetchedScene = await scene.get();
-        let analytics = null;
-        analytics = new plattar_analytics_1.Analytics(fetchedScene.attributes.application_id);
-        analytics.origin = plattar_api_1.Server.location().type;
-        this._analytics = analytics;
-        analytics.data.push("type", "scene-graph-ar");
-        analytics.data.push("sdkVersion", version_1.default);
-        analytics.data.push("sceneId", fetchedScene.id);
-        analytics.data.push("sceneTitle", fetchedScene.attributes.title);
-        const application = fetchedScene.relationships.find(plattar_api_1.Project);
-        // setup application stuff (if any)
-        if (application) {
-            analytics.data.push("applicationId", application.id);
-            analytics.data.push("applicationTitle", application.attributes.title);
-            if (this._options.useARBanner) {
-                this.options.banner = {
-                    title: application.attributes.title,
-                    subtitle: fetchedScene.attributes.title,
-                    button: 'Visit'
-                };
+    _SetupAnalytics() {
+        if (this._analyticsSetup !== null)
+            return this._analyticsSetup;
+        this._analyticsSetup = (async () => {
+            const scene = new plattar_api_1.Scene(this._options.sceneID);
+            scene.include(plattar_api_1.Project);
+            const fetchedScene = await scene.get();
+            let analytics = null;
+            analytics = new plattar_analytics_1.Analytics(fetchedScene.attributes.application_id);
+            analytics.origin = plattar_api_1.Server.location().type;
+            this._analytics = analytics;
+            analytics.data.push("type", "scene-graph-ar");
+            analytics.data.push("sdkVersion", version_1.default);
+            analytics.data.push("sceneId", fetchedScene.id);
+            analytics.data.push("sceneTitle", fetchedScene.attributes.title);
+            const application = fetchedScene.relationships.find(plattar_api_1.Project);
+            // setup application stuff (if any)
+            if (application) {
+                analytics.data.push("applicationId", application.id);
+                analytics.data.push("applicationTitle", application.attributes.title);
+                if (this._options.useARBanner) {
+                    this.options.banner = {
+                        title: application.attributes.title,
+                        subtitle: fetchedScene.attributes.title,
+                        button: 'Visit'
+                    };
+                }
             }
-        }
-        return fetchedScene;
+            return fetchedScene;
+        })();
+        return this._analyticsSetup;
     }
     /**
      * Composes a Scene into an AR Model (remote operation) that can be used to launch
@@ -1176,6 +1189,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfiguratorController = void 0;
 const plattar_api_1 = require("@plattar/plattar-api");
 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");
 const configurator_ar_1 = require("../../ar/configurator-ar");
@@ -1254,6 +1268,11 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
                 }
                 return Promise.reject(new Error("ConfiguratorController.startARQRCode() - legacy product transition failed"));
             }
+            // Kick off scene-graph encoding immediately while we proceed to the base
+            // implementation — the result is Promise-cached so no duplicate request is fired
+            if (!this.getAttribute("scene-graph-id")) {
+                dState.state.encodeSceneGraphID().catch(() => null);
+            }
         }
         catch (_err) {
         }
@@ -1375,28 +1394,38 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         // optional attributes
         let configState = null;
         this._state = plattar_controller_1.ControllerState.Renderer;
-        try {
-            const dState = await this.getConfiguratorState();
+        const suppliedState = this.getAttribute("config-state");
+        if (suppliedState) {
+            // the state was supplied by the host page — decode it locally
+            // rather than paying for the scene fetch getConfiguratorState()
+            // performs before the renderer iframe can even be created. The
+            // renderer only needs the re-encoded state; the flows that do
+            // need the scene (QR/AR) decode on demand and reuse this same
+            // instance via _bootConfigState, keeping user mutations.
+            configState = configurator_state_1.ConfiguratorState.decode(suppliedState);
+            this._bootConfigState = configState;
             // if this is declared, we have a furniture scene that we need to re-create the embed
             // with new attributes
-            const product = dState.state.firstOfType("product");
+            const product = configState.firstOfType("product");
             if (product) {
-                this.parent.lockObserver();
-                this.parent.destroy();
-                this.setAttribute("product-id", product.scene_product_id);
-                this.removeAttribute("scene-id");
-                this.parent.unlockObserver();
-                const controller = this.parent.create();
-                if (controller) {
-                    return controller.startRenderer();
-                }
-                return Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed"));
+                return this._transitionLegacyProduct(product);
             }
-            configState = dState;
         }
-        catch (_err) {
-            // config state is not available
-            configState = null;
+        else {
+            try {
+                const dState = await this.getConfiguratorState();
+                // if this is declared, we have a furniture scene that we need to re-create the embed
+                // with new attributes
+                const product = dState.state.firstOfType("product");
+                if (product) {
+                    return this._transitionLegacyProduct(product);
+                }
+                configState = dState.state;
+            }
+            catch (_err) {
+                // config state is not available
+                configState = null;
+            }
         }
         // required attributes with defaults for plattar-configurator node
         const width = this.getAttribute("width") || "500px";
@@ -1411,7 +1440,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
         const showAR = this.getAttribute("show-ar");
         const showUI = this.getAttribute("show-ui");
         if (configState) {
-            const encodedState = configState.state.encode();
+            const encodedState = configState.encode();
             if (encodedState.length < 6000) {
                 viewer.setAttribute("config-state", encodedState);
             }
@@ -1430,6 +1459,22 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
             return accept(viewer);
         });
     }
+    /**
+     * Legacy furniture scenes carry a "product" state entry — the embed is
+     * re-created with product attributes and rendering restarts there
+     */
+    async _transitionLegacyProduct(product) {
+        this.parent.lockObserver();
+        this.parent.destroy();
+        this.setAttribute("product-id", product.scene_product_id);
+        this.removeAttribute("scene-id");
+        this.parent.unlockObserver();
+        const controller = this.parent.create();
+        if (controller) {
+            return controller.startRenderer();
+        }
+        return Promise.reject(new Error("ConfiguratorController.startRenderer() - legacy product transition failed"));
+    }
     async initAR() {
         if (!util_1.Util.canAugment()) {
             throw new Error("ConfiguratorController.initAR() - cannot proceed as AR not available in context");
@@ -1513,7 +1558,7 @@ class ConfiguratorController extends plattar_controller_1.PlattarController {
 }
 exports.ConfiguratorController = ConfiguratorController;
 
-},{"../../ar/configurator-ar":1,"../../ar/scene-graph-ar":7,"../../ar/scene-product-ar":8,"../../util/util":19,"./plattar-controller":12,"@plattar/plattar-api":48}],10:[function(require,module,exports){
+},{"../../ar/configurator-ar":1,"../../ar/scene-graph-ar":7,"../../ar/scene-product-ar":8,"../../util/configurator-state":18,"../../util/util":19,"./plattar-controller":12,"@plattar/plattar-api":48}],10:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryController = void 0;
@@ -1598,16 +1643,10 @@ class GalleryController extends plattar_controller_1.PlattarController {
         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);
-            });
+            this.append(viewer);
+            return this._awaitLoad(viewer);
         }
-        return new Promise((accept, reject) => {
-            return accept(viewer);
-        });
+        return Promise.resolve(viewer);
     }
     async startRenderer() {
         // remove the old renderer instance if any
@@ -1704,6 +1743,11 @@ class LauncherController extends plattar_controller_1.PlattarController {
                 }
                 return Promise.reject(new Error("LauncherController.startARQRCode() - legacy product transition failed"));
             }
+            // Kick off scene-graph encoding immediately while we proceed to the base
+            // implementation — the result is Promise-cached so no duplicate request is fired
+            if (!this.getAttribute("scene-graph-id")) {
+                dState.state.encodeSceneGraphID().catch(() => null);
+            }
         }
         catch (_err) {
         }
@@ -1766,10 +1810,10 @@ class LauncherController extends plattar_controller_1.PlattarController {
         if (sceneGraphID) {
             viewer.setAttribute("scene-graph-id", sceneGraphID);
         }
-        else {
+        else if (configState) {
             try {
-                const sceneGraphID = await (await this.getConfiguratorState()).state.encodeSceneGraphID();
-                viewer.setAttribute("scene-graph-id", sceneGraphID);
+                const encodedID = await configState.state.encodeSceneGraphID();
+                viewer.setAttribute("scene-graph-id", encodedID);
             }
             catch (_err) {
                 // scene graph ID not available for some reason
@@ -1780,7 +1824,7 @@ class LauncherController extends plattar_controller_1.PlattarController {
         return new Promise((accept, reject) => {
             this.append(viewer);
             if (configState) {
-                this.setupMessengerObservers(viewer, configState);
+                this.setupMessengerObservers(viewer, configState.state);
             }
             return accept(viewer);
         });
@@ -1903,6 +1947,11 @@ class PlattarController {
     _state = ControllerState.None;
     _element = null;
     _prevQROpt = null;
+    // when the renderer was booted from a supplied config-state attribute the
+    // state is decoded locally without the scene fetch — this keeps that live
+    // instance (mutated by the messenger observers as the user configures) so
+    // a later full decode for QR/AR reuses it instead of losing those changes
+    _bootConfigState = null;
     _selectVariationObserver = null;
     _selectVariationIDObserver = null;
     _selectVariationSKUObserver = null;
@@ -1924,7 +1973,7 @@ class PlattarController {
         // get a list of variation SKU's to use for initialising
         const variationSKUs = this.getAttribute("variation-sku");
         // generate the decoded configurator state
-        const decodedState = configState ? await configurator_state_1.ConfiguratorState.decodeState(sceneID, configState) : await configurator_state_1.ConfiguratorState.decodeScene(sceneID);
+        const decodedState = configState ? await configurator_state_1.ConfiguratorState.decodeState(sceneID, configState, this._bootConfigState) : await configurator_state_1.ConfiguratorState.decodeScene(sceneID);
         // change the ID's and SKU's (if any) of the default configuration state
         const variationIDList = variationIDs ? variationIDs.split(",") : [];
         const variationSKUList = variationSKUs ? variationSKUs.split(",") : [];
@@ -1947,7 +1996,7 @@ class PlattarController {
                 const args = cd.data[0];
                 const variations = args ? (Array.isArray(args) ? args : [args]) : [];
                 variations.forEach((variationID) => {
-                    configState.state.setVariationID(variationID);
+                    configState.setVariationID(variationID);
                 });
             }
         });
@@ -1956,7 +2005,7 @@ class PlattarController {
                 const args = cd.data[0];
                 const variations = args ? (Array.isArray(args) ? args : [args]) : [];
                 variations.forEach((variationID) => {
-                    configState.state.setVariationID(variationID);
+                    configState.setVariationID(variationID);
                 });
             }
         });
@@ -1965,7 +2014,7 @@ class PlattarController {
                 const args = cd.data[0];
                 const variations = args ? (Array.isArray(args) ? args : [args]) : [];
                 variations.forEach((variationSKU) => {
-                    configState.state.setVariationSKU(variationSKU);
+                    configState.setVariationSKU(variationSKU);
                 });
             }
         });
@@ -2087,8 +2136,9 @@ class PlattarController {
         }
         else {
             try {
-                const sceneGraphID = await (await this.getConfiguratorState()).state.encodeSceneGraphID();
-                dst += "&scene_graph_id=" + sceneGraphID;
+                const configState = await this.getConfiguratorState();
+                const encodedID = await configState.state.encodeSceneGraphID();
+                dst += "&scene_graph_id=" + encodedID;
             }
             catch (_err) {
                 // scene graph ID not available for some reason
@@ -2100,17 +2150,29 @@ class PlattarController {
         this._prevQROpt = opt;
         if (!opt.detached) {
             this._state = ControllerState.QRCode;
-            return new Promise((accept, reject) => {
-                this.append(viewer);
-                viewer.onload = () => {
-                    return accept(viewer);
-                };
-            });
+            this.append(viewer);
+            return this._awaitLoad(viewer);
         }
         return new Promise((accept, reject) => {
             return accept(viewer);
         });
     }
+    /**
+     * Appends the viewer to the shadow DOM and waits for its onload event.
+     * Rejects if onload does not fire within timeoutMs (default 30 s) so
+     * callers are never left with a permanently-pending Promise.
+     */
+    _awaitLoad(viewer, timeoutMs = 30000) {
+        return new Promise((accept, reject) => {
+            const timeout = setTimeout(() => {
+                reject(new Error("PlattarController._awaitLoad() - element did not fire onload within " + timeoutMs + "ms"));
+            }, timeoutMs);
+            viewer.onload = () => {
+                clearTimeout(timeout);
+                accept(viewer);
+            };
+        });
+    }
     /**
      * Removes the currently active renderer view from the DOM
      */
@@ -2587,16 +2649,10 @@ class VTOController extends plattar_controller_1.PlattarController {
         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);
-            });
+            this.append(viewer);
+            return this._awaitLoad(viewer);
         }
-        return new Promise((accept, reject) => {
-            return accept(viewer);
-        });
+        return Promise.resolve(viewer);
     }
     async startRenderer() {
         // remove the old renderer instance if any
@@ -2647,7 +2703,7 @@ class VTOController extends plattar_controller_1.PlattarController {
         return new Promise((accept, reject) => {
             this.append(viewer);
             if (configState) {
-                this.setupMessengerObservers(viewer, configState);
+                this.setupMessengerObservers(viewer, configState.state);
             }
             return accept(viewer);
         });
@@ -2805,12 +2861,8 @@ class WebXRController extends plattar_controller_1.PlattarController {
         viewer.setAttribute("url", opt.url || dst);
         this._state = plattar_controller_1.ControllerState.QRCode;
         this._prevQROpt = opt;
-        return new Promise((accept, reject) => {
-            viewer.onload = () => {
-                return accept(viewer);
-            };
-            this.append(viewer);
-        });
+        this.append(viewer);
+        return this._awaitLoad(viewer);
     }
     async startRenderer() {
         // remove the old renderer instance if any
@@ -2840,10 +2892,8 @@ class WebXRController extends plattar_controller_1.PlattarController {
         if (showUI) {
             viewer.setAttribute("show-ui", showUI);
         }
-        return new Promise((accept, reject) => {
-            this.append(viewer);
-            return accept(viewer);
-        });
+        this.append(viewer);
+        return Promise.resolve(viewer);
     }
     async initAR() {
         throw new Error("WebXRController.initAR() - cannot proceed as AR not available in webxr");
@@ -2907,6 +2957,18 @@ class PlattarEmbed extends HTMLElement {
     connectedCallback() {
         this.create();
     }
+    /**
+     * Clean up when the element is removed from the DOM.
+     * Disconnects the MutationObserver and removes all messenger subscriptions
+     * to prevent memory leaks from dangling closures.
+     */
+    disconnectedCallback() {
+        if (this._observer) {
+            this._observer.disconnect();
+            this._observer = null;
+        }
+        this.destroy();
+    }
     /**
      * creates a brand new instance of this embed
      */
@@ -3225,6 +3287,16 @@ class ConfiguratorState {
     _mappedVariationIDValues;
     // This maps Variation SKU against a Variation ID - populated by decodeScene() function
     _mappedVariationSKUValues;
+    // Cache for encodeSceneGraphID() - keyed by serialised scene graph JSON so state
+    // changes automatically bust the cache, and concurrent in-flight calls share one fetch
+    _cachedSceneGraphID = null;
+    _cachedSceneGraphJSON = null;
+    // Memoised result of the sceneGraph getter - cleared whenever state is mutated
+    _cachedSceneGraph = null;
+    // Static page-lifetime cache for Scene API responses, keyed by sceneID.
+    // Shared across all controller instances so that multiple <plattar-embed>
+    // elements with the same scene-id (or a recreated controller) reuse one fetch.
+    static _sceneAPICache = new Map();
     constructor(state = null) {
         this._mappedVariationIDValues = new Map();
         this._mappedVariationSKUValues = new Map();
@@ -3321,6 +3393,7 @@ class ConfiguratorState {
             newData[meta.scene_product_index] = SceneModelID;
             newData[meta.product_variation_index] = null;
             newData[meta.meta_index] = metaData;
+            this._cachedSceneGraph = null;
         }
     }
     /**
@@ -3348,6 +3421,7 @@ class ConfiguratorState {
             newData[meta.product_index] = productID;
             newData[meta.product_variation_index] = productVariationID;
             newData[meta.meta_index] = metaData;
+            this._cachedSceneGraph = null;
         }
     }
     /**
@@ -3376,6 +3450,7 @@ class ConfiguratorState {
             newData[meta.scene_product_index] = sceneProductID;
             newData[meta.product_variation_index] = productVariationID;
             newData[meta.meta_index] = metaData;
+            this._cachedSceneGraph = null;
         }
     }
     /**
@@ -3560,24 +3635,43 @@ class ConfiguratorState {
     static decode(state) {
         return new ConfiguratorState(state);
     }
+    /**
+     * Returns a cached Promise<Scene> for the given sceneID, firing at most one
+     * API request per sceneID per page lifetime.  Both decodeState() and
+     * decodeScene() share this cache so they never race each other.
+     */
+    static _fetchScene(sceneID) {
+        const cached = ConfiguratorState._sceneAPICache.get(sceneID);
+        if (cached) {
+            return cached;
+        }
+        const fscene = new plattar_api_1.Scene(sceneID);
+        fscene.include(plattar_api_1.Project);
+        fscene.include(plattar_api_1.SceneModel);
+        fscene.include(plattar_api_1.Product);
+        fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
+        const promise = fscene.get();
+        ConfiguratorState._sceneAPICache.set(sceneID, promise);
+        // Bust the cache on failure so the next call retries
+        promise.catch(() => {
+            ConfiguratorState._sceneAPICache.delete(sceneID);
+        });
+        return promise;
+    }
     /**
      * Decodes a previously generated state
      * @param sceneID
      * @param state
+     * @param existingState - (optional) reuse this already-decoded instance instead of
+     * parsing a fresh one, so mutations applied to it before this call are preserved
      * @returns
      */
-    static async decodeState(sceneID = null, state = null) {
+    static async decodeState(sceneID = null, state = null, existingState = null) {
         if (!sceneID || !state) {
             throw new Error("ConfiguratorState.decodeState(sceneID, state) - sceneID and state must be defined");
         }
-        const configState = new ConfiguratorState(state);
-        const fscene = new plattar_api_1.Scene(sceneID);
-        fscene.include(plattar_api_1.Project);
-        fscene.include(plattar_api_1.Product);
-        fscene.include(plattar_api_1.SceneProduct);
-        fscene.include(plattar_api_1.SceneModel);
-        fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-        const scene = await fscene.get();
+        const configState = existingState ?? new ConfiguratorState(state);
+        const scene = await ConfiguratorState._fetchScene(sceneID);
         return {
             scene: scene,
             state: configState
@@ -3594,13 +3688,7 @@ class ConfiguratorState {
             throw new Error("ConfiguratorState.decodeScene(sceneID) - sceneID must be defined");
         }
         const configState = new ConfiguratorState();
-        const fscene = new plattar_api_1.Scene(sceneID);
-        fscene.include(plattar_api_1.Project);
-        fscene.include(plattar_api_1.SceneProduct);
-        fscene.include(plattar_api_1.SceneModel);
-        fscene.include(plattar_api_1.Product);
-        fscene.include(plattar_api_1.SceneProduct.include(plattar_api_1.Product.include(plattar_api_1.ProductVariation)));
-        const scene = await fscene.get();
+        const scene = await ConfiguratorState._fetchScene(sceneID);
         const sceneProducts = scene.relationships.filter(plattar_api_1.SceneProduct);
         const sceneModels = scene.relationships.filter(plattar_api_1.SceneModel);
         const products = scene.relationships.filter(plattar_api_1.Product);
@@ -3658,42 +3746,54 @@ class ConfiguratorState {
     encode() {
         return btoa(JSON.stringify(this._state));
     }
-    async encodeSceneGraphID() {
+    encodeSceneGraphID() {
         const graph = this.sceneGraph;
+        const graphJSON = JSON.stringify(graph);
+        // Return cached promise if the scene graph state hasn't changed.
+        // Caching the Promise (not the resolved value) means concurrent in-flight
+        // calls also share a single fetch rather than firing multiple requests.
+        if (this._cachedSceneGraphID !== null && this._cachedSceneGraphJSON === graphJSON) {
+            return this._cachedSceneGraphID;
+        }
         // 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 = plattar_api_1.Server.location().type === 'staging' ? 'https://c.plattar.space/v3/redir/store' : '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
-                        }
+        this._cachedSceneGraphJSON = graphJSON;
+        this._cachedSceneGraphID = fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+                data: {
+                    attributes: {
+                        data: graph
                     }
-                })
-            });
+                }
+            })
+        }).then(async (response) => {
             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) {
+        }).catch((error) => {
+            // Bust the cache on failure so the next call retries
+            this._cachedSceneGraphID = null;
+            this._cachedSceneGraphJSON = null;
             throw new Error(`ConfiguratorState.encodeSceneGraphID() - there was a request error to ${url}, error was ${error.message}`);
-        }
+        });
+        return this._cachedSceneGraphID;
     }
     /**
      * Compiles and returns the Dynamic Scene Graph (Updated for 2025 for DynamicAR)
      * NOTE: Eventually this structure should replace ConfiguratorState
      */
     get sceneGraph() {
+        if (this._cachedSceneGraph !== null) {
+            return this._cachedSceneGraph;
+        }
         const objects = this.array();
         // in here we need to generate the schema input to be sent to the backend service
         const schema = {
@@ -3720,7 +3820,8 @@ class ConfiguratorState {
                 schema.inputs.push(data);
             }
         });
-        return schema;
+        this._cachedSceneGraph = schema;
+        return this._cachedSceneGraph;
     }
 }
 exports.ConfiguratorState = ConfiguratorState;
@@ -3733,6 +3834,7 @@ exports.Util = void 0;
  * Static Utility Functions
  */
 class Util {
+    static _cache = new Map();
     static isValidServerLocation(server) {
         if (!server) {
             return false;
@@ -3758,67 +3860,118 @@ class Util {
         return false;
     }
     static canAugment() {
-        return Util.canQuicklook() || Util.canSceneViewer();
+        if (Util._cache.has('canAugment'))
+            return Util._cache.get('canAugment');
+        const result = Util.canQuicklook() || Util.canSceneViewer();
+        Util._cache.set('canAugment', result);
+        return result;
     }
     static canQuicklook() {
+        if (Util._cache.has('canQuicklook'))
+            return Util._cache.get('canQuicklook');
+        let result = false;
         if (Util.isIOS()) {
             const isWKWebView = Boolean((window && window).webkit && window.webkit.messageHandlers);
             if (isWKWebView) {
-                return Boolean(/CriOS\/|EdgiOS\/|FxiOS\/|GSA\/|DuckDuckGo\//.test(navigator.userAgent));
+                result = Boolean(/CriOS\/|EdgiOS\/|FxiOS\/|GSA\/|DuckDuckGo\//.test(navigator.userAgent));
+            }
+            else {
+                const tempAnchor = document.createElement("a");
+                result = Boolean(tempAnchor.relList && tempAnchor.relList.supports && tempAnchor.relList.supports("ar"));
             }
-            const tempAnchor = document.createElement("a");
-            return tempAnchor.relList && tempAnchor.relList.supports && tempAnchor.relList.supports("ar");
         }
-        return false;
+        Util._cache.set('canQuicklook', result);
+        return result;
     }
     static canSceneViewer() {
-        return Util.isAndroid() && !Util.isFirefox() && !Util.isOculus();
+        if (Util._cache.has('canSceneViewer'))
+            return Util._cache.get('canSceneViewer');
+        const result = Util.isAndroid() && !Util.isFirefox() && !Util.isOculus();
+        Util._cache.set('canSceneViewer', result);
+        return result;
     }
     static canRealityViewer() {
-        return Util.isIOS() && Util.getIOSVersion()[0] >= 13;
+        if (Util._cache.has('canRealityViewer'))
+            return Util._cache.get('canRealityViewer');
+        const result = Util.isIOS() && Util.getIOSVersion()[0] >= 13;
+        Util._cache.set('canRealityViewer', result);
+        return result;
     }
     static isSafariOnIOS() {
-        return Util.isIOS() && Util.isSafari();
+        if (Util._cache.has('isSafariOnIOS'))
+            return Util._cache.get('isSafariOnIOS');
+        const result = Util.isIOS() && Util.isSafari();
+        Util._cache.set('isSafariOnIOS', result);
+        return result;
     }
     static isChromeOnIOS() {
-        return Util.isIOS() && /CriOS\//.test(navigator.userAgent);
+        if (Util._cache.has('isChromeOnIOS'))
+            return Util._cache.get('isChromeOnIOS');
+        const result = Util.isIOS() && /CriOS\//.test(navigator.userAgent);
+        Util._cache.set('isChromeOnIOS', result);
+        return result;
     }
     static isIOS() {
-        return (/iPad|iPhone|iPod/.test(navigator.userAgent) && !self.MSStream) || (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+        if (Util._cache.has('isIOS'))
+            return Util._cache.get('isIOS');
+        const result = (/iPad|iPhone|iPod/.test(navigator.userAgent) && !self.MSStream) || (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+        Util._cache.set('isIOS', result);
+        return result;
     }
     static isAndroid() {
-        return /android/i.test(navigator.userAgent);
+        if (Util._cache.has('isAndroid'))
+            return Util._cache.get('isAndroid');
+        const result = /android/i.test(navigator.userAgent);
+        Util._cache.set('isAndroid', result);
+        return result;
     }
     static isFirefox() {
-        return /firefox/i.test(navigator.userAgent);
+        if (Util._cache.has('isFirefox'))
+            return Util._cache.get('isFirefox');
+        const result = /firefox/i.test(navigator.userAgent);
+        Util._cache.set('isFirefox', result);
+        return result;
     }
     static isOculus() {
-        return /OculusBrowser/.test(navigator.userAgent);
+        if (Util._cache.has('isOculus'))
+            return Util._cache.get('isOculus');
+        const result = /OculusBrowser/.test(navigator.userAgent);
+        Util._cache.set('isOculus', result);
+        return result;
     }
     static isSafari() {
-        return Util.isIOS() && /Safari\//.test(navigator.userAgent);
+        if (Util._cache.has('isSafari'))
+            return Util._cache.get('isSafari');
+        const result = Util.isIOS() && /Safari\//.test(navigator.userAgent);
+        Util._cache.set('isSafari', result);
+        return result;
     }
     static getIOSVersion() {
+        if (Util._cache.has('getIOSVersion'))
+            return Util._cache.get('getIOSVersion');
+        let result = [-1, -1, -1];
         if (/iP(hone|od|ad)/.test(navigator.platform)) {
             const v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
             if (v !== null) {
-                return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3], 10)];
+                result = [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3], 10)];
             }
         }
-        if (/Mac/.test(navigator.platform)) {
+        else if (/Mac/.test(navigator.platform)) {
             const v = (navigator.appVersion).match(/Version\/(\d+)\.(\d+)\.?(\d+)?/);
             if (v !== null) {
-                return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3], 10)];
+                result = [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3], 10)];
             }
         }
-        return [-1, -1, -1];
+        Util._cache.set('getIOSVersion', result);
+        return result;
     }
     static getChromeVersion() {
+        if (Util._cache.has('getChromeVersion'))
+            return Util._cache.get('getChromeVersion');
         const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
-        if (raw !== null) {
-            return parseInt(raw[2], 10);
-        }
-        return 1;
+        const result = raw !== null ? parseInt(raw[2], 10) : 1;
+        Util._cache.set('getChromeVersion', result);
+        return result;
     }
 }
 exports.Util = Util;
@@ -3826,7 +3979,7 @@ exports.Util = Util;
 },{}],20:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = "2.7.2";
+exports.default = "2.7.3";
 
 },{}],21:[function(require,module,exports){
 "use strict";