@primestyleai/tryon 5.7.2 → 5.7.3

package/dist/storefront/primestyle-tryon.js

@@ -20969,6 +20969,8 @@ function PrimeStyleTryonInner({
 function PrimeStyleTryon(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PrimeStyleTryonInner, { ...props });
 }
+const TAG = "[primestyle-tryon]";
+console.log(`${TAG} bundle loaded — version 5.7.x storefront entry`);
 const MOUNTED = /* @__PURE__ */ new WeakMap();
 function readDataAttrs(el2) {
   const out = {};
@@ -20983,12 +20985,13 @@ function parseJsonAttr(raw, fallback) {
   if (!raw) return fallback;
   try {
     return JSON.parse(raw);
-  } catch {
+  } catch (e) {
+    console.warn(`${TAG} failed to parse JSON data attribute`, raw, e);
     return fallback;
   }
 }
 function buildPropsFromDataAttrs(data) {
-  return {
+  const props = {
     apiUrl: data.proxyUrl || data.apiUrl || "",
     // No API key needed — the Shopify App Proxy authenticates via
     // HMAC signature and forwards to the backend with the shared
@@ -21009,24 +21012,48 @@ function buildPropsFromDataAttrs(data) {
     buttonStyles: parseJsonAttr(data.buttonStyles, void 0),
     modalStyles: parseJsonAttr(data.modalStyles, void 0)
   };
+  console.log(`${TAG} built props`, props);
+  return props;
 }
 function mount(el2) {
-  if (MOUNTED.has(el2)) return;
+  if (MOUNTED.has(el2)) {
+    console.log(`${TAG} already mounted on`, el2);
+    return;
+  }
+  console.log(`${TAG} mounting on element`, el2);
   const data = readDataAttrs(el2);
+  console.log(`${TAG} read data attributes`, data);
   const props = buildPropsFromDataAttrs(data);
-  const root = createRoot(el2);
-  root.render(reactExports.createElement(PrimeStyleTryon, props));
-  MOUNTED.set(el2, root);
+  try {
+    const root = createRoot(el2);
+    root.render(reactExports.createElement(PrimeStyleTryon, props));
+    MOUNTED.set(el2, root);
+    console.log(`${TAG} ✓ mounted React component`);
+  } catch (err) {
+    console.error(`${TAG} ✗ React mount failed`, err);
+  }
 }
 function mountAll() {
   const nodes = document.querySelectorAll(".primestyle-tryon-root");
+  console.log(`${TAG} scanning for .primestyle-tryon-root — found ${nodes.length} element(s)`);
+  if (nodes.length === 0) {
+    console.warn(
+      `${TAG} no .primestyle-tryon-root elements found on the page. Make sure the theme app extension block is added to the product page in the theme editor.`
+    );
+    return;
+  }
   nodes.forEach(mount);
 }
 if (typeof document !== "undefined") {
+  console.log(`${TAG} document.readyState = ${document.readyState}`);
   if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", mountAll);
+    document.addEventListener("DOMContentLoaded", () => {
+      console.log(`${TAG} DOMContentLoaded fired`);
+      mountAll();
+    });
   } else {
     mountAll();
   }
 }
 window.PrimeStyleTryonMount = mountAll;
+console.log(`${TAG} window.PrimeStyleTryonMount installed for manual remount`);

package/package.json

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