@primestyleai/tryon 5.10.103 → 5.10.104

package/dist/react/types.d.ts

@@ -139,10 +139,21 @@ export type ViewState = "idle" | "welcome" | "body-profile" | "estimation-review
 export type DrawerType = "profiles" | "history" | null;
 export interface PrimeStyleTryonProps {
     productImage: string;
-    /** Optional gallery of product photos for the active color/variant. Shown
-     *  as an auto-cycling carousel on the single-garment SizeResultView while
-     *  the try-on image is being generated, to keep the user entertained. */
+    /** Optional gallery of product photos for the active color/variant.
+     *
+     *  - Shown as an auto-cycling carousel on the single-garment
+     *    SizeResultView while the try-on image is being generated.
+     *  - At try-on time the SDK runs MediaPipe BlazePose on every entry in
+     *    parallel and forwards the highest-scoring "model wearing the
+     *    garment" shot to Gemini as image 2. Flat-lays / close-up details
+     *    score ~0 and are skipped. The first image still shows in the UI
+     *    unchanged. */
     productImages?: string[];
+    /** Optional explicit override — if you already know which image in the
+     *  gallery is the model-wearing-the-garment shot, pass it here and the
+     *  SDK skips the MediaPipe-based auto-pick. Falls through to auto-pick
+     *  (or to `productImage`) when omitted. */
+    garmentReferenceImage?: string;
     productTitle?: string;
     /** Stable product identifier — used to cache size recommendations per (profile, product) */
     productId?: string;

package/dist/react/utils/pickBestGarmentImage.d.ts

@@ -0,0 +1 @@
+export declare function pickBestGarmentImage(images: string[] | null | undefined): Promise<string | null>;

package/dist/storefront/primestyle-tryon.js

@@ -10588,6 +10588,45 @@ function getUnitLabel(unit) {
   if (unit === "mm") return "mm";
   return "";
 }
+const cache = /* @__PURE__ */ new Map();
+function scoreLandmarks(lm) {
+  if (!lm) return 0;
+  let joints = 0;
+  for (const [k2, v2] of Object.entries(lm)) {
+    if (k2 === "imageWidth" || k2 === "imageHeight") continue;
+    if (v2 && typeof v2 === "object" && typeof v2.x === "number") joints++;
+  }
+  let score = joints * 10;
+  if (lm.nose) score += 50;
+  if (lm.leftAnkle && lm.rightAnkle) score += 5;
+  return score;
+}
+async function scoreImage(url) {
+  try {
+    const lm = await detectBodyLandmarks(url);
+    return scoreLandmarks(lm);
+  } catch {
+    return 0;
+  }
+}
+async function pickBestGarmentImage(images) {
+  if (!images || !images.length) return null;
+  if (images.length === 1) return images[0];
+  const cacheKey = images.join("|");
+  const cached = cache.get(cacheKey);
+  if (cached) return cached;
+  const t0 = Date.now();
+  const scored = await Promise.all(images.map(async (url) => ({
+    url,
+    score: await scoreImage(url)
+  })));
+  scored.sort((a, b) => b.score - a.score);
+  const best = (scored[0]?.score ?? 0) > 0 ? scored[0].url : images[0];
+  cache.set(cacheKey, best);
+  console.log(`[ps-sdk:garment-pick] ${Date.now() - t0}ms — chose ${images.indexOf(best)}/${images.length}`);
+  for (const s of scored) console.log(`[ps-sdk:garment-pick]   ${s.score.toString().padStart(4, " ")}  ${s.url}`);
+  return best;
+}
 function cx(base, override) {
   return override ? `${base} ${override}` : base;
 }
@@ -27672,6 +27711,7 @@ function measurementTypeToVtoCategory(type) {
 function PrimeStyleTryonInner({
   productImage,
   productImages,
+  garmentReferenceImage,
   productTitle = "Product",
   productId,
   productDescription,
@@ -28837,9 +28877,19 @@ function PrimeStyleTryonInner({
         fitInfo = buildFitInfo(effectiveMatchDetails, modelPoseRef.current, unit);
       }
       console.log("[ps-sdk:tryon] fitInfo built", { count: fitInfo?.length || 0, areas: fitInfo?.map((f2) => `${f2.area}(${f2.fit})`) });
+      let garmentImage = productImage;
+      if (garmentReferenceImage) {
+        garmentImage = garmentReferenceImage;
+      } else if (productImages && productImages.length > 1) {
+        const best = await pickBestGarmentImage(productImages);
+        if (best && best !== productImage) {
+          console.log(`[ps-sdk:tryon] auto-picked garment reference: ${best}`);
+          garmentImage = best;
+        }
+      }
       const response = await apiRef.current.submitTryOn(
         modelImage,
-        productImage,
+        garmentImage,
         fitInfo,
         vtoCategory ?? "apparel",
         {

package/package.json

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