@thefittingroom/shop-ui 4.3.4 → 4.3.6

package/dist/index.js

@@ -20531,15 +20531,6 @@ class FittingRoomAPI {
         throw error;
       }
     }
-    const copyOfCache = /* @__PURE__ */ new Map();
-    for (const sku of skus) {
-      const asset = this.cachedColorwaySizeAssets.get(sku);
-      if (asset) {
-        copyOfCache.set(sku, asset);
-      } else {
-        console.error(`no colorway asset found for SKU: ${sku}`);
-      }
-    }
     return this.cachedColorwaySizeAssets;
   }
   async GetStyleGarmentCategory(styleId) {
@@ -20607,6 +20598,10 @@ class FittingRoomAPI {
       const firestoreUser = data;
       const colorwaySizeAssetEntry = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU];
       if (!colorwaySizeAssetEntry) {
+        if (!skipFullSnapshot) {
+          console.debug("no vto entry for full snapshot");
+          throw NoFramesFoundError;
+        }
         console.debug("no vto entry for SKU, continue watching:", colorwaySizeAssetSKU);
         return false;
       }
@@ -20634,7 +20629,7 @@ class FittingRoomAPI {
     const timeoutPromise = new Promise((_, reject) => {
       setTimeout(() => {
         reject(TimeoutError);
-      }, 3e5);
+      }, 1e3 * 60 * 7);
     });
     let firestoreUser;
     try {
@@ -20656,6 +20651,8 @@ class FittingRoomAPI {
       console.error(`Frames not found on final user object for SKU: ${colorwaySizeAssetSKU}`, firestoreUser);
       throw NoFramesFoundError;
     }
+    const timingMS = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU]?.timing_ms;
+    console.debug("vto timing", "colorway_size_asset", colorwaySizeAssetSKU, "timing_ms", timingMS);
     return frames;
   }
   async GetCachedOrRequestUserColorwaySizeAssetFrames(firestoreUserController, colorwaySizeAssetSKU, skipCache) {
@@ -20666,6 +20663,7 @@ class FittingRoomAPI {
         console.debug("returning cached frames", colorwaySizeAssetSKU);
         return await cached;
       }
+      console.debug("no local cache for colorwaySizeAssetSKU", colorwaySizeAssetSKU);
     }
     const colorwaySizeAsset = this.cachedColorwaySizeAssets.get(colorwaySizeAssetSKU);
     if (!colorwaySizeAsset) {
@@ -20675,25 +20673,27 @@ class FittingRoomAPI {
     const colorwaySizeAssetID = colorwaySizeAsset.id;
     let framesPromise;
     try {
-      let skipFullSnapshot = false;
-      if (skipCache) {
-        console.debug("skipping cache, requesting fresh frames");
-        await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-        skipFullSnapshot = true;
+      if (!skipCache) {
+        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, false);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       }
-      framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, skipFullSnapshot);
-      await framesPromise;
+      console.debug("no remote cache, requesting fresh frames", colorwaySizeAssetSKU);
+      await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
+      framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+      return await framesPromise;
     } catch (error) {
       if (error != NoFramesFoundError) {
         throw error;
       }
-      console.debug(`No frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
+      console.debug(`catch: no frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
       await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-      console.debug("waiting for new vto after refresh request");
+      console.debug("catch: waiting for new vto after refresh request");
       framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+      return await framesPromise;
     }
-    this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
-    return await framesPromise;
   }
 }
 const AvatarStatusNotCreated = "NOT_CREATED";
@@ -22047,6 +22047,7 @@ class FittingRoomController {
       this.cacheColorwaySizeAssetsPromise = this.API.FetchColorwaySizeAssetsFromStyleId(style.id);
       console.debug("is_published", this.style.is_published);
       if (!this.style.is_published) {
+        console.warn("hiding unpublished style");
         this.SizeRecommendationController.Hide();
       }
       this.styleMeasurementLocations = this.styleToGarmentMeasurementLocations(this.style);
@@ -22169,6 +22170,7 @@ class FittingRoomController {
   }
   // callback for SizeRecommendationController
   async onTryOnCallback(selectedSizeID, availableSizeIDs, fromSizeRecSelect) {
+    const startTime = performance.now();
     try {
       if (!this.selectedColorwaySizeAsset) {
         throw new Error("selectedColorwaySizeAsset is not set");
@@ -22177,7 +22179,8 @@ class FittingRoomController {
         await this.cacheColorwaySizeAssetsPromise;
       }
       this.SizeRecommendationController.SetVTOLoading(true);
-      console.log("tryOnCallback", selectedSizeID, availableSizeIDs);
+      console.debug("tryOnCallback", selectedSizeID, availableSizeIDs, "sizeRecSelect");
+      console.debug("forceFreshVTO", this.hasInitializedTryOn, this.noCacheOnRetry, fromSizeRecSelect);
       this.forceFreshVTO = !fromSizeRecSelect && this.hasInitializedTryOn && this.noCacheOnRetry;
       const allCachedAssets = this.API.GetCachedColorwaySizeAssets();
       const selectedAsset = allCachedAssets.find(
@@ -22201,6 +22204,8 @@ class FittingRoomController {
       this.vtoComponent.onNewFramesReady(batchResult);
       this.SizeRecommendationController.SetVTOLoading(false);
       this.hasInitializedTryOn = true;
+      const endTime = performance.now();
+      console.debug("tryOnCallback", "timing", endTime - startTime);
     } catch (e) {
       this.tfrModal.onError(L$1.SomethingWentWrong);
       console.log("calling HideVTOLoading after VTO error");

package/dist/index.umd.cjs

@@ -20535,15 +20535,6 @@ This typically indicates that your device does not have a healthy Internet conne
           throw error;
         }
       }
-      const copyOfCache = /* @__PURE__ */ new Map();
-      for (const sku of skus) {
-        const asset = this.cachedColorwaySizeAssets.get(sku);
-        if (asset) {
-          copyOfCache.set(sku, asset);
-        } else {
-          console.error(`no colorway asset found for SKU: ${sku}`);
-        }
-      }
       return this.cachedColorwaySizeAssets;
     }
     async GetStyleGarmentCategory(styleId) {
@@ -20611,6 +20602,10 @@ This typically indicates that your device does not have a healthy Internet conne
         const firestoreUser = data;
         const colorwaySizeAssetEntry = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU];
         if (!colorwaySizeAssetEntry) {
+          if (!skipFullSnapshot) {
+            console.debug("no vto entry for full snapshot");
+            throw NoFramesFoundError;
+          }
           console.debug("no vto entry for SKU, continue watching:", colorwaySizeAssetSKU);
           return false;
         }
@@ -20638,7 +20633,7 @@ This typically indicates that your device does not have a healthy Internet conne
       const timeoutPromise = new Promise((_, reject) => {
         setTimeout(() => {
           reject(TimeoutError);
-        }, 3e5);
+        }, 1e3 * 60 * 7);
       });
       let firestoreUser;
       try {
@@ -20660,6 +20655,8 @@ This typically indicates that your device does not have a healthy Internet conne
         console.error(`Frames not found on final user object for SKU: ${colorwaySizeAssetSKU}`, firestoreUser);
         throw NoFramesFoundError;
       }
+      const timingMS = firestoreUser.vto?.[this.BrandID]?.[colorwaySizeAssetSKU]?.timing_ms;
+      console.debug("vto timing", "colorway_size_asset", colorwaySizeAssetSKU, "timing_ms", timingMS);
       return frames;
     }
     async GetCachedOrRequestUserColorwaySizeAssetFrames(firestoreUserController, colorwaySizeAssetSKU, skipCache) {
@@ -20670,6 +20667,7 @@ This typically indicates that your device does not have a healthy Internet conne
           console.debug("returning cached frames", colorwaySizeAssetSKU);
           return await cached;
         }
+        console.debug("no local cache for colorwaySizeAssetSKU", colorwaySizeAssetSKU);
       }
       const colorwaySizeAsset = this.cachedColorwaySizeAssets.get(colorwaySizeAssetSKU);
       if (!colorwaySizeAsset) {
@@ -20679,25 +20677,27 @@ This typically indicates that your device does not have a healthy Internet conne
       const colorwaySizeAssetID = colorwaySizeAsset.id;
       let framesPromise;
       try {
-        let skipFullSnapshot = false;
-        if (skipCache) {
-          console.debug("skipping cache, requesting fresh frames");
-          await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-          skipFullSnapshot = true;
+        if (!skipCache) {
+          framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, false);
+          this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+          return await framesPromise;
         }
-        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, skipFullSnapshot);
-        await framesPromise;
+        console.debug("no remote cache, requesting fresh frames", colorwaySizeAssetSKU);
+        await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
+        framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       } catch (error) {
         if (error != NoFramesFoundError) {
           throw error;
         }
-        console.debug(`No frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
+        console.debug(`catch: no frames found for SKU: ${colorwaySizeAssetSKU}, attempting to request fresh frames`);
         await this.requestColorwaySizeAssetFramesByID(colorwaySizeAssetID);
-        console.debug("waiting for new vto after refresh request");
+        console.debug("catch: waiting for new vto after refresh request");
         framesPromise = this.watchForTryOnFrames(firestoreUserController, colorwaySizeAssetSKU, true);
+        this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
+        return await framesPromise;
       }
-      this.vtoFramesPromiseCache.set(colorwaySizeAssetSKU, framesPromise);
-      return await framesPromise;
     }
   }
   const AvatarStatusNotCreated = "NOT_CREATED";
@@ -22051,6 +22051,7 @@ This typically indicates that your device does not have a healthy Internet conne
         this.cacheColorwaySizeAssetsPromise = this.API.FetchColorwaySizeAssetsFromStyleId(style.id);
         console.debug("is_published", this.style.is_published);
         if (!this.style.is_published) {
+          console.warn("hiding unpublished style");
           this.SizeRecommendationController.Hide();
         }
         this.styleMeasurementLocations = this.styleToGarmentMeasurementLocations(this.style);
@@ -22173,6 +22174,7 @@ This typically indicates that your device does not have a healthy Internet conne
     }
     // callback for SizeRecommendationController
     async onTryOnCallback(selectedSizeID, availableSizeIDs, fromSizeRecSelect) {
+      const startTime = performance.now();
       try {
         if (!this.selectedColorwaySizeAsset) {
           throw new Error("selectedColorwaySizeAsset is not set");
@@ -22181,7 +22183,8 @@ This typically indicates that your device does not have a healthy Internet conne
           await this.cacheColorwaySizeAssetsPromise;
         }
         this.SizeRecommendationController.SetVTOLoading(true);
-        console.log("tryOnCallback", selectedSizeID, availableSizeIDs);
+        console.debug("tryOnCallback", selectedSizeID, availableSizeIDs, "sizeRecSelect");
+        console.debug("forceFreshVTO", this.hasInitializedTryOn, this.noCacheOnRetry, fromSizeRecSelect);
         this.forceFreshVTO = !fromSizeRecSelect && this.hasInitializedTryOn && this.noCacheOnRetry;
         const allCachedAssets = this.API.GetCachedColorwaySizeAssets();
         const selectedAsset = allCachedAssets.find(
@@ -22205,6 +22208,8 @@ This typically indicates that your device does not have a healthy Internet conne
         this.vtoComponent.onNewFramesReady(batchResult);
         this.SizeRecommendationController.SetVTOLoading(false);
         this.hasInitializedTryOn = true;
+        const endTime = performance.now();
+        console.debug("tryOnCallback", "timing", endTime - startTime);
       } catch (e) {
         this.tfrModal.onError(L$1.SomethingWentWrong);
         console.log("calling HideVTOLoading after VTO error");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "4.3.4",
+  "version": "4.3.6",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/index.js",