@primestyleai/tryon 5.10.121 → 5.10.123

package/dist/react/types.d.ts

@@ -116,6 +116,11 @@ export interface HistoryEntry {
      *  IndexedDB rather than in this localStorage object to avoid the ~5–10 MB
      *  quota. Old entries without a photo set this false/undefined. */
     hasPhoto?: boolean;
+    /** True when the try-on RESULT image is stored as a Blob in IndexedDB
+     *  (key = `result-<entry.id>`). Restored as an object URL on history
+     *  click so the result survives even if the original URL (Cloudinary
+     *  / data:) expired or was lost. */
+    hasResult?: boolean;
     /** What the user actually selected when they ran the try-on (per section). */
     selectedSizes?: Array<{
         sectionName: string;

package/dist/react/utils/photo-store.d.ts

@@ -15,5 +15,11 @@ export declare function savePhoto(id: string, blob: Blob): Promise<boolean>;
 export declare function getPhoto(id: string): Promise<Blob | null>;
 /** Delete a photo by historyEntryId. */
 export declare function deletePhoto(id: string): Promise<boolean>;
-/** Garbage-collect: keep only photos whose id is in `keepIds`. */
+/** Save a try-on result Blob keyed by historyEntryId. Replaces if exists. */
+export declare function saveResult(id: string, blob: Blob): Promise<boolean>;
+/** Load a try-on result Blob by historyEntryId, or null if not stored. */
+export declare function getResult(id: string): Promise<Blob | null>;
+/** Garbage-collect: keep only photos (and results) whose id is in `keepIds`.
+ *  Uses a value cursor (openCursor) so records can be deleted during
+ *  iteration — openKeyCursor's cursor.delete() throws InvalidStateError. */
 export declare function pruneToIds(keepIds: Set<string>): Promise<void>;

package/dist/storefront/primestyle-tryon.js

@@ -9624,6 +9624,7 @@ function openDb() {
   });
   return _dbPromise;
 }
+const RESULT_PREFIX = "result-";
 async function savePhoto(id2, blob) {
   const db2 = await openDb();
   if (!db2) return false;
@@ -9653,19 +9654,30 @@ async function getPhoto(id2) {
     }
   });
 }
+async function saveResult(id2, blob) {
+  return savePhoto(RESULT_PREFIX + id2, blob);
+}
+async function getResult(id2) {
+  return getPhoto(RESULT_PREFIX + id2);
+}
 async function pruneToIds(keepIds) {
   const db2 = await openDb();
   if (!db2) return;
+  const expected = /* @__PURE__ */ new Set();
+  for (const id2 of keepIds) {
+    expected.add(id2);
+    expected.add(RESULT_PREFIX + id2);
+  }
   return new Promise((resolve) => {
     try {
       const tx = db2.transaction(STORE, "readwrite");
       const store = tx.objectStore(STORE);
-      const cursorReq = store.openKeyCursor();
+      const cursorReq = store.openCursor();
       cursorReq.onsuccess = () => {
         const cursor = cursorReq.result;
         if (!cursor) return;
         const key = String(cursor.key);
-        if (!keepIds.has(key)) cursor.delete();
+        if (!expected.has(key)) cursor.delete();
         cursor.continue();
       };
       tx.oncomplete = () => resolve();
@@ -11391,7 +11403,7 @@ const STYLES$1 = `
     padding: 0.1vw 0.5vw;
   }
   .ps-tryon-sr-card-v2-rec-pill {
-    align-self: flex-start;
+    align-self: center;
     font-size: 0.55vw; font-weight: 700; color: var(--ps-accent);
     text-transform: uppercase; letter-spacing: 0.08em;
     background: rgba(33, 84, 239, 0.10);
@@ -29201,15 +29213,30 @@ function PrimeStyleTryonInner({
         displayLabel: o.displayLabel,
         isOverride: !!recommended && o.selectedSize !== recommended
       }));
+      let entryId = null;
       setHistory((prev) => {
         if (prev.length === 0) return prev;
+        entryId = prev[0].id;
         const updated = {
           ...prev[0],
           resultImageUrl,
+          hasResult: true,
           ...selectedSizes.length ? { selectedSizes } : {}
         };
         return [updated, ...prev.slice(1)];
       });
+      if (entryId) {
+        const id2 = entryId;
+        void (async () => {
+          try {
+            const res = await fetch(resultImageUrl);
+            if (!res.ok) return;
+            const blob = await res.blob();
+            await saveResult(id2, blob);
+          } catch {
+          }
+        })();
+      }
     } else if (view === "result" && resultImageUrl && !historySavedRef.current) {
       historySavedRef.current = true;
       saveHistoryEntry().catch(() => {
@@ -29239,6 +29266,13 @@ function PrimeStyleTryonInner({
       setSizeGuideFetching(false);
     }
     setResultImageUrl(entry.resultImageUrl || null);
+    if (entry.hasResult || entry.resultImageUrl) {
+      void getResult(entry.id).then((blob) => {
+        if (!blob) return;
+        const url = URL.createObjectURL(blob);
+        setResultImageUrl(url);
+      });
+    }
     if (entry.hasPhoto) {
       void getPhoto(entry.id).then((blob) => {
         if (!blob) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primestyleai/tryon",
-  "version": "5.10.121",
+  "version": "5.10.123",
   "description": "PrimeStyle Virtual Try-On SDK — React component & Web Component",
   "type": "module",
   "main": "dist/primestyle-tryon.js",