@primestyleai/tryon 5.10.105 → 5.10.106

package/dist/storefront/primestyle-tryon.js

@@ -1,46 +1,4 @@
 "use client";
-const TAG$3 = "[primestyle-shadow]";
-const collected = [];
-if (typeof document !== "undefined" && document.head) {
-  let shouldCapture = function(node) {
-    return node instanceof HTMLStyleElement;
-  };
-  const origAppend = document.head.appendChild.bind(document.head);
-  const origInsertBefore = document.head.insertBefore.bind(document.head);
-  document.head.appendChild = function(node) {
-    if (shouldCapture(node)) {
-      collected.push(node);
-      console.log(`${TAG$3} captured style tag (${node.textContent?.length ?? 0} chars)`);
-    }
-    return origAppend(node);
-  };
-  document.head.insertBefore = function(node, ref) {
-    if (shouldCapture(node)) {
-      collected.push(node);
-      console.log(`${TAG$3} captured style tag via insertBefore (${node.textContent?.length ?? 0} chars)`);
-    }
-    return origInsertBefore(node, ref);
-  };
-}
-function getCollectedCss() {
-  const parts = [];
-  for (const el2 of collected) {
-    const text = el2.textContent;
-    if (text) parts.push(text);
-  }
-  return parts.join("\n\n");
-}
-function injectStylesIntoShadow(shadow) {
-  const css = getCollectedCss();
-  if (!css) {
-    console.warn(`${TAG$3} no SDK styles collected — widget may render unstyled`);
-    return;
-  }
-  const style = document.createElement("style");
-  style.setAttribute("data-primestyle", "sdk-styles");
-  style.textContent = css;
-  shadow.appendChild(style);
-}
 var react = { exports: {} };
 var react_production_min = {};
 /**
@@ -30333,29 +30291,10 @@ async function mount(el2) {
       props.sizeGuideData = fetched;
     }
   }
-  let shadow;
-  try {
-    shadow = el2.shadowRoot ?? el2.attachShadow({ mode: "open" });
-    injectStylesIntoShadow(shadow);
-  } catch (err) {
-    console.warn(`${TAG} shadow attach failed — falling back to direct mount`, err);
-    shadow = el2;
-  }
-  let mountTarget;
-  if (shadow instanceof ShadowRoot) {
-    mountTarget = shadow.querySelector("[data-primestyle-mount]") ?? (() => {
-      const c = document.createElement("div");
-      c.setAttribute("data-primestyle-mount", "");
-      shadow.appendChild(c);
-      return c;
-    })();
-  } else {
-    mountTarget = shadow;
-  }
   if (props.sizeGuideData) {
     try {
       const buttonStyles = props.buttonStyles;
-      createSizeGuideButton(mountTarget, props.sizeGuideData, {
+      createSizeGuideButton(el2, props.sizeGuideData, {
         accentColor: buttonStyles?.backgroundColor
       });
       console.log(`${TAG} ✓ size guide button mounted`);
@@ -30364,10 +30303,10 @@ async function mount(el2) {
     }
   }
   try {
-    const root = createRoot(mountTarget);
+    const root = createRoot(el2);
     root.render(reactExports.createElement(PrimeStyleTryon, props));
     MOUNTED.set(el2, root);
-    console.log(`${TAG} ✓ mounted React component (shadow-isolated)`);
+    console.log(`${TAG} ✓ mounted React component`);
     maybeFireProductView(el2);
   } catch (err) {
     console.error(`${TAG} ✗ React mount failed`, err);

package/package.json

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

package/dist/storefront/shadow-style-collector.d.ts

@@ -1,34 +0,0 @@
-/**
- * Shadow-DOM style collector.
- *
- * Vite injects all CSS imported by the storefront bundle as <style>
- * tags appended to document.head at module-eval time. Theme app
- * extensions render into the merchant's theme DOM, so those styles
- * coexist with the merchant's theme CSS — and the theme's CSS leaks
- * into our widget (table borders, button resets, font-family, etc).
- *
- * To isolate the widget inside a shadow root we need our SDK styles
- * inside that shadow root, NOT in document.head. The cleanest way to
- * intercept vite's runtime injection is to monkey-patch
- * `document.head.appendChild` before our other imports evaluate, so
- * every <style> tag the SDK emits during module load gets captured
- * here and re-injected into each shadow root we mount later.
- *
- * IMPORTANT: this file MUST be imported as the *first* import of
- * `src/storefront/index.ts`, before React or any CSS-importing module.
- * ES module evaluation order is import-tree depth-first, so a
- * side-effect import at the top of the entry runs before the rest.
- */
-/**
- * Returns CSS text concatenated from every <style> tag captured at
- * module load + any <style> tags that were already in document.head
- * matching SDK selector patterns (defense-in-depth for cases where
- * patching missed an injection).
- */
-export declare function getCollectedCss(): string;
-/**
- * Inject the SDK's collected styles into a shadow root so the widget
- * looks identical regardless of theme. Idempotent — call once per
- * shadow root after attachShadow().
- */
-export declare function injectStylesIntoShadow(shadow: ShadowRoot): void;