@accelerated-agency/visual-editor 0.4.5 → 0.4.7

package/dist/vite.cjs

@@ -11,20 +11,6 @@ var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 
 // src/visualEditorProxyPlugin.ts
-var SCRAPER_PROXY_HOST = process.env.SCRAPERAPI_PROXY_HOST || "proxy-server.scraperapi.com";
-var SCRAPER_PROXY_PORT = Number(process.env.SCRAPERAPI_PROXY_PORT || "8001");
-var SCRAPER_PROXY_USERNAME_BASE = process.env.SCRAPERAPI_PROXY_USERNAME_BASE || "scraperapi";
-var SCRAPER_PROXY_USERNAME_PARAMS = process.env.SCRAPERAPI_PROXY_USERNAME_PARAMS || "render=true.wait_for_selector=body.follow_redirect=false.keep_headers=true";
-var SCRAPER_PROXY_USERNAME = process.env.SCRAPERAPI_PROXY_USERNAME || [
-  SCRAPER_PROXY_USERNAME_BASE,
-  SCRAPER_PROXY_USERNAME_PARAMS
-].filter(Boolean).join(".");
-var SCRAPER_PROXY_PASSWORD = process.env.SCRAPERAPI_PROXY_PASSWORD || process.env.SCRAPERAPI_API_KEY;
-var SCRAPER_API_ENDPOINT = process.env.SCRAPERAPI_ENDPOINT || "https://api.scraperapi.com/";
-var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW = process.env.SCRAPERAPI_REQUEST_TLS_REJECT_UNAUTHORIZED || "false";
-var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED = !["0", "false", "no"].includes(
-  SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW.toLowerCase()
-);
 var DEFAULT_TRACKING_MARKERS = [
   "snowplow",
   "taboola",
@@ -122,31 +108,9 @@ function stripTrackingScriptsFromScrapedHtml(html, markers) {
   }
   return out;
 }
-var SCRAPER_BILLING_ERROR_RE = /exhausted the api credits|upgrade your subscription|enable overages|dashboard\.scraperapi\.com\/billing|insufficient credits|billing/i;
-var scraperProxyClientPromise = null;
-async function getScraperProxyClient() {
-  if (scraperProxyClientPromise) return scraperProxyClientPromise;
-  scraperProxyClientPromise = (async () => {
-    if (!SCRAPER_PROXY_PASSWORD) return null;
-    try {
-      const undici = await import('undici');
-      const proxyUrl = "http://" + encodeURIComponent(SCRAPER_PROXY_USERNAME) + ":" + encodeURIComponent(SCRAPER_PROXY_PASSWORD) + "@" + SCRAPER_PROXY_HOST + ":" + String(SCRAPER_PROXY_PORT);
-      return {
-        dispatcher: new undici.ProxyAgent({
-          uri: proxyUrl,
-          requestTls: {
-            rejectUnauthorized: SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED
-          }
-        }),
-        fetchFn: undici.fetch
-      };
-    } catch (_) {
-      return null;
-    }
-  })();
-  return scraperProxyClientPromise;
-}
-var iframeAlwaysShowCss = `<style id="__ce_force_show">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCss = `<style id="__ce_force_show">
+
+</style>`;
 var iframeAlwaysShowCssGuardScript = `<script id="__ce_force_show_guard">(function(){try{
 function ensureForceShowStyleLast(){
   var style=document.getElementById("__ce_force_show");
@@ -505,7 +469,10 @@ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.20), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1p
 .dt-ico{width:16px;flex-shrink:0;text-align:center;color:var(--text-3);font-size:12px}
 .dt-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}
 .dt-muted{padding:16px 12px;text-align:center;color:var(--text-3);font-size:11px;line-height:1.4}
-
+#section-components-panel{
+  max-height: 50%;
+  overflow-y: auto;
+}
 /* \u2500\u2500 Right panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 #right-panel{
   width:252px;background:var(--bg);border-left:1px solid var(--border);
@@ -634,6 +601,17 @@ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.20), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1p
   flex:1;padding:8px 2px;text-align:center;font-size:10px;color:var(--text-3);
   cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-weight:600;line-height:1.15
 }
+.lp-tab.close-section-components-panel{
+        padding: 4px 10px;
+    background: #000;
+    display: flex;
+    max-width: fit-content;
+    align-items: center;
+    justify-content: center;
+    border-radius: 2px;
+    margin: 2px;
+    color: #fff;
+}
 .lp-tab:hover{color:var(--text-2)}
 .lp-tab.active{color:var(--accent-txt);border-bottom-color:var(--accent)}
 .future-hidden{display:none!important}
@@ -1142,6 +1120,7 @@ select.pr-inp{cursor:pointer;background:#fff}
         <div class="section-components-tabs">
           <div class="lp-tab" onclick="switchSectionComponentsTab('components')">Components</div>
           <div class="lp-tab" onclick="switchSectionComponentsTab('sections')">Sections</div>
+          <div class="lp-tab close-section-components-panel" onclick="toggleSectionComponentsPanel()"> Close</div>
         </div>
         <div class="lp-body">
           <div id="tab-components" class="tab-pane"></div>
@@ -3266,6 +3245,35 @@ function parseEditorUrlPayload(rawUrl) {
         password: nestedPassword || undefined,
       };
     }
+    var path = parsed.pathname || '';
+    var isProxyPath =
+      path === '/api/conversion-proxy' ||
+      path.indexOf('/api/conversion-proxy/') === 0 ||
+      path.indexOf('api/conversion-proxy') !== -1;
+    if (isProxyPath) {
+      var fallbackUrl = (experimentData && experimentData.pageUrl) ? String(experimentData.pageUrl) : '';
+      if (fallbackUrl) {
+        var recovered = new URL(fallbackUrl, window.location.href);
+        var qp = new URLSearchParams(parsed.search || '');
+        qp.delete('url');
+        qp.delete('password');
+        qp.delete('conversionProxyBaseUrl');
+        qp.delete('trackingMarkers');
+        qp.delete('strictObserverFreeze');
+        qp.delete('proxy');
+        qp.delete('raw');
+        recovered.search = '';
+        qp.forEach(function(v, k) { recovered.searchParams.set(k, v); });
+        recovered.hash = parsed.hash || '';
+        return {
+          url: recovered.toString(),
+          password:
+            (experimentData && experimentData.editorPassword)
+              ? String(experimentData.editorPassword)
+              : undefined,
+        };
+      }
+    }
     return {
       url: parsed.toString(),
       password:
@@ -3284,6 +3292,12 @@ function emitEditorUrlChangedPayload(payload) {
   var key = String(payload.url || '') + '|' + String(payload.password || '');
   if (key === lastEditorUrlPayloadKey) return;
   lastEditorUrlPayloadKey = key;
+  try {
+    console.info('[V2 iframe-url]', {
+      url: payload.url || '',
+      passwordPresent: !!payload.password,
+    });
+  } catch(_) {}
   send('editor-url-changed', payload);
 }
 function emitEditorUrlChanged(rawUrl) {
@@ -5056,6 +5070,67 @@ function stripDataVveInstanceSubtree(root) {
   }
 }
 
+function cssEscapeIdent(raw) {
+  var s = raw == null ? '' : String(raw);
+  if (!s) return '';
+  try {
+    if (typeof CSS !== 'undefined' && CSS && typeof CSS.escape === 'function') {
+      return CSS.escape(s);
+    }
+  } catch(_) {}
+  // Fallback escape for identifiers when CSS.escape is unavailable.
+  return s.replace(/[^a-zA-Z0-9_-]/g, function(ch) { return '\\\\' + ch; });
+}
+
+function unescapeCssToken(token) {
+  if (!token) return '';
+  var s = String(token);
+  var out = '';
+  for (var i = 0; i < s.length; i++) {
+    var ch = s.charAt(i);
+    if (ch === '\\\\' && i + 1 < s.length) {
+      out += s.charAt(i + 1);
+      i += 1;
+      continue;
+    }
+    out += ch;
+  }
+  return out;
+}
+
+function isGeneratedClassToken(token) {
+  var t = token == null ? '' : String(token).trim();
+  if (!t) return true;
+  if (t.indexOf('vve-') === 0) return true;
+  // Tailwind arbitrary values / variant-heavy utilities are often unstable in selectors.
+  if (
+    t.indexOf('[') !== -1 ||
+    t.indexOf(']') !== -1 ||
+    t.indexOf('(') !== -1 ||
+    t.indexOf(')') !== -1 ||
+    t.indexOf('{') !== -1 ||
+    t.indexOf('}') !== -1 ||
+    t.indexOf(':') !== -1
+  ) return true;
+  // CSS-in-JS / runtime hash prefixes.
+  if (/^(css|jsx|sc|emotion|styled|chakra|mantine|mui|ant)-/i.test(t)) return true;
+  // Classnames with long hashy suffixes (framework/runtime generated).
+  if (/[a-f0-9]{8,}/i.test(t)) return true;
+  if (/^[a-zA-Z_-]+[0-9]{4,}[a-zA-Z0-9_-]*$/.test(t)) return true;
+  if (/^[a-zA-Z0-9_-]{36,}$/.test(t)) return true;
+  return false;
+}
+
+function escapeSelectorClassTokens(sel) {
+  if (!sel || typeof sel !== 'string') return '';
+  return sel.replace(/.((?:\\.|[^s>+~:#.])+)/g, function(_m, cls) {
+    if (!cls) return _m;
+    // Already escaped token; keep it as-is.
+    if (cls.indexOf('\\\\') >= 0) return '.' + cls;
+    return '.' + cssEscapeIdent(cls);
+  });
+}
+
 function buildSelector(el) {
   if (!el) return '';
   var doc = el.ownerDocument || document;
@@ -5067,16 +5142,16 @@ function buildSelector(el) {
       if (doc.querySelectorAll(attrSel).length === 1) return attrSel;
     } catch(_) {}
   }
-  if (el.id) return '#' + el.id;
+  if (el.id) return '#' + cssEscapeIdent(el.id);
   var parts = [], node = el, depth = 0;
   while (node && node.nodeType === 1 && depth < 5) {
-    if (node.id) { parts.unshift('#' + node.id); break; }
+    if (node.id) { parts.unshift('#' + cssEscapeIdent(node.id)); break; }
     var p = node.tagName.toLowerCase();
     if (node.classList && node.classList.length) {
       var clsArr = Array.from(node.classList).filter(function(c) {
-        return c.indexOf('vve-') !== 0;
+        return c.indexOf('vve-') !== 0 && !isGeneratedClassToken(c);
       });
-      if (clsArr.length) p += '.' + clsArr.slice(0, 2).join('.');
+      if (clsArr.length) p += '.' + clsArr.slice(0, 2).map(function(c) { return cssEscapeIdent(c); }).join('.');
     }
     var idx = 1, sib = node.previousElementSibling;
     while (sib) { if (sib.tagName === node.tagName) idx++; sib = sib.previousElementSibling; }
@@ -5088,17 +5163,32 @@ function buildSelector(el) {
   return parts.join(' > ');
 }
 
+function stripGeneratedSelectorClassTokens(sel) {
+  if (!sel || typeof sel !== 'string') return '';
+  var s = sel.replace(/.((?:\\.|[^s>+~:#.])+)/g, function(_m, cls) {
+    var raw = unescapeCssToken(cls);
+    if (isGeneratedClassToken(raw)) return '';
+    return '.' + cssEscapeIdent(raw);
+  });
+  return s
+    .replace(/.{2,}/g, '.')
+    .replace(/s{2,}/g, ' ')
+    .replace(/s*>s*>/g, ' > ')
+    .trim();
+}
+
 /**
  * Strip editor-only .vve-* class tokens from a selector string (fixes DB rows saved while an element was selected).
  */
 function sanitizeSelectorForMatch(sel) {
   if (!sel || typeof sel !== 'string') return '';
   var s0 = sel.replace(/.vve-[a-zA-Z0-9_-]+/gi, '');
+  s0 = stripGeneratedSelectorClassTokens(s0);
   var parts = s0.split(/s*>s*/).map(function(seg) {
     var t = seg.replace(/.+/g, '.').replace(/.$/, '');
     return t.trim();
   });
-  return parts.filter(Boolean).join(' > ');
+  return escapeSelectorClassTokens(parts.filter(Boolean).join(' > '));
 }
 
 /** Drop the rightmost :nth-of-type(n) (hydration / layout often shifts sibling indices). */
@@ -5142,11 +5232,12 @@ function querySelectorResolved(iframeDoc, selector) {
     return null;
   }
   var alt = sanitizeSelectorForMatch(selector);
+  var escaped = escapeSelectorClassTokens(alt || selector);
   // Prefer sanitized + nth relax FIRST: raw selectors often still contain .vve-* from
   // save-time selection; those only match after clicking (we re-add vve-selected).
-  var el = walkRelax(alt || selector);
+  var el = walkRelax(escaped || alt || selector);
   if (el) return el;
-  if (alt !== selector) {
+  if (alt !== selector || escaped !== selector) {
     el = walkRelax(selector);
     if (el) return el;
   }
@@ -5813,6 +5904,12 @@ window.addEventListener('load', function() {
       if (!d || d.channel !== 'vvveb-proxy-url' || d.type !== 'editor-url-changed') return;
       if (!iframe || !iframe.contentWindow || ev.source !== iframe.contentWindow) return;
       var payload = d.payload || {};
+      try {
+        console.info('[V2 iframe-url bridge]', {
+          url: payload.url || '',
+          passwordPresent: !!payload.password,
+        });
+      } catch(_) {}
       emitEditorUrlChangedPayload({
         url: payload.url || undefined,
         password: payload.password || undefined,
@@ -6102,8 +6199,6 @@ function createVisualEditorMiddleware(options) {
           extraTrackingMarkersForRequest
         );
         const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
-        const proxyParam = (url.searchParams.get("proxy") || "").toLowerCase();
-        const useScraperProxy = proxyParam === "1" || proxyParam === "true" || proxyParam === "yes";
         const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
@@ -6113,40 +6208,7 @@ function createVisualEditorMiddleware(options) {
         const parsed = new URL(targetUrl);
         const origin = parsed.origin;
         const method = (req.method || "GET").toUpperCase();
-        const scraperProxyClient = useScraperProxy ? await getScraperProxyClient() : null;
-        if (useScraperProxy && !scraperProxyClient) {
-          res.statusCode = 500;
-          res.setHeader("Content-Type", "application/json");
-          res.end(
-            JSON.stringify({
-              error: "ScraperAPI proxy is not configured. Set SCRAPERAPI_PROXY_PASSWORD or SCRAPERAPI_API_KEY."
-            })
-          );
-          return;
-        }
         const directFetch = (input, init = {}) => fetch(input, init);
-        const scraperFetch = (input, init = {}) => {
-          if (!SCRAPER_PROXY_PASSWORD) return directFetch(input, init);
-          if (!useScraperProxy || !scraperProxyClient) {
-            const scraperUrl = new URL(SCRAPER_API_ENDPOINT);
-            scraperUrl.searchParams.set("api_key", SCRAPER_PROXY_PASSWORD);
-            scraperUrl.searchParams.set("url", input);
-            return fetch(scraperUrl.toString(), init);
-          }
-          return scraperProxyClient.fetchFn(input, {
-            ...init,
-            dispatcher: scraperProxyClient.dispatcher
-          });
-        };
-        const shouldFallbackFromScraper = async (resp) => {
-          try {
-            if (resp.ok) return false;
-            const text = await resp.clone().text();
-            return SCRAPER_BILLING_ERROR_RE.test(String(text || ""));
-          } catch (_) {
-            return false;
-          }
-        };
         const workerRawFetch = (input, init = {}) => {
           const workerUrl = new URL("/api/conversion-proxy", conversionProxyBaseUrlForRequest);
           workerUrl.searchParams.set("url", input);
@@ -6173,19 +6235,12 @@ function createVisualEditorMiddleware(options) {
         };
         const upstreamFetch = async (input, init = {}) => {
           if (conversionProxyBaseUrlForRequest) {
+            const method2 = String(init?.method || "GET").toUpperCase();
+            if (method2 !== "GET" && method2 !== "HEAD") {
+              return directFetch(input, init);
+            }
             return workerRawFetch(input, init);
           }
-          const primary = await scraperFetch(input, init);
-          if (!await shouldFallbackFromScraper(primary)) {
-            return primary;
-          }
-          try {
-            console.warn("[conversion-proxy] ScraperAPI billing/quota detected; falling back to direct fetch", {
-              url: input,
-              mode: useScraperProxy ? "proxy" : "simple"
-            });
-          } catch (_) {
-          }
           return directFetch(input, init);
         };
         const headers = {
@@ -6257,16 +6312,8 @@ function createVisualEditorMiddleware(options) {
           res.end(
             JSON.stringify({
               error: aborted ? `Upstream request timed out after ${upstreamTimeoutMs / 1e3}s` : fetchErr?.message || "Upstream fetch failed",
-              phase: useScraperProxy ? "scraperapi-proxy-fetch" : "scraperapi-simple-fetch",
-              fetchMode: useScraperProxy ? "proxy" : "simple",
-              scraperapi: {
-                host: SCRAPER_PROXY_HOST,
-                port: SCRAPER_PROXY_PORT,
-                username: SCRAPER_PROXY_USERNAME,
-                endpoint: SCRAPER_API_ENDPOINT,
-                hasProxyPassword: Boolean(SCRAPER_PROXY_PASSWORD),
-                requestTlsRejectUnauthorized: SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED
-              },
+              phase: conversionProxyBaseUrlForRequest ? "worker-raw-fetch" : "direct-upstream-fetch",
+              fetchMode: conversionProxyBaseUrlForRequest ? "worker" : "direct",
               cause: fetchCause && typeof fetchCause === "object" ? {
                 name: fetchCause.name,
                 code: fetchCause.code,
@@ -6452,8 +6499,51 @@ try{
     }
   }
 }catch(_){}
-function getEditorUrlPayload(){try{var u=new URL(window.location.href);var nested=u.searchParams.get("url");return{url:nested||u.toString(),password:u.searchParams.get("password")||undefined};}catch(_){return null;}}
-function notifyEditorUrlChanged(){try{var payload=getEditorUrlPayload();if(!payload)return;if(window.parent){window.parent.postMessage({channel:PARENT_URL_CHANNEL,type:"editor-url-changed",payload:payload},"*");}}catch(_){}}
+function getEditorUrlPayload(){
+  try{
+    var u=new URL(window.location.href);
+    var nested=u.searchParams.get("url");
+    if(nested){
+      return {url:nested,password:u.searchParams.get("password")||undefined};
+    }
+    var p=u.pathname||"";
+    var isProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0||p.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath){
+      var recoveredBase=new URL(TARGET_PAGE_URL,window.location.href);
+      var qp=new URLSearchParams(u.search||"");
+      qp.delete("url");
+      qp.delete("password");
+      qp.delete("conversionProxyBaseUrl");
+      qp.delete("trackingMarkers");
+      qp.delete("strictObserverFreeze");
+      qp.delete("proxy");
+      qp.delete("raw");
+      recoveredBase.search="";
+      qp.forEach(function(v,k){recoveredBase.searchParams.set(k,v);});
+      recoveredBase.hash=u.hash||"";
+      return {url:recoveredBase.toString(),password:u.searchParams.get("password")||undefined};
+    }
+    return {url:u.toString(),password:u.searchParams.get("password")||undefined};
+  }catch(_){
+    return null;
+  }
+}
+function notifyEditorUrlChanged(){
+  try{
+    var payload=getEditorUrlPayload();
+    if(!payload) return;
+    try{
+      console.info("[conversion-proxy] iframe url rendered",{
+        current:window.location.href,
+        target:payload.url||"",
+        passwordPresent:!!payload.password
+      });
+    }catch(_){}
+    if(window.parent){
+      window.parent.postMessage({channel:PARENT_URL_CHANNEL,type:"editor-url-changed",payload:payload},"*");
+    }
+  }catch(_){}
+}
 try{notifyEditorUrlChanged();}catch(_){}
 try{if(window.history&&typeof window.history.pushState==="function"){var nativePushState=window.history.pushState;window.history.pushState=function(){var ret=nativePushState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
 try{if(window.history&&typeof window.history.replaceState==="function"){var nativeReplaceState=window.history.replaceState;window.history.replaceState=function(){var ret=nativeReplaceState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
@@ -6461,7 +6551,29 @@ try{window.addEventListener("popstate",notifyEditorUrlChanged,true);}catch(_){}
 try{window.addEventListener("hashchange",notifyEditorUrlChanged,true);}catch(_){}
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
 function toAbsolute(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")||raw.startsWith("//")?TARGET_ORIGIN:TARGET_PAGE_URL;return new URL(raw,base).toString();}catch(_){return raw;}}
-function toProxy(raw){if(isSkippable(raw))return null;var abs=toAbsolute(raw);if(!abs||typeof abs!=="string")return null;try{var parsed=new URL(abs);if(parsed.origin!==TARGET_ORIGIN)return null;var root="/api/conversion-proxy";return root+"?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());}catch(_){return null;}}
+function toProxy(raw){
+  if(isSkippable(raw))return null;
+  var abs=toAbsolute(raw);
+  if(!abs||typeof abs!=="string")return null;
+  try{
+    var parsed=new URL(abs);
+    // If input is already a proxy URL, unwrap to its target url first
+    // to avoid nested /api/conversion-proxy?url=/api/conversion-proxy?... chains.
+    var p=(parsed.pathname||"");
+    var isProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0||p.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath){
+      var nested=parsed.searchParams.get("url")||"";
+      if(nested){
+        try{parsed=new URL(nested);}catch(_){}
+      }
+    }
+    if(parsed.origin!==TARGET_ORIGIN)return null;
+    var root="/api/conversion-proxy";
+    return root+"?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());
+  }catch(_){
+    return null;
+  }
+}
 var nativeAssign=window.location.assign?window.location.assign.bind(window.location):null;
 var nativeReplace=window.location.replace?window.location.replace.bind(window.location):null;
 function safeNavigate(raw,mode){var abs=toAbsolute(raw);var prox=toProxy(raw);if(!prox){try{console.warn("[conversion-proxy] redirect blocked",{mode:mode,requested:raw,resolved:abs,origin:TARGET_ORIGIN});}catch(_){}return false;}try{console.info("[conversion-proxy] redirect intercepted",{mode:mode,requested:raw,resolved:abs,proxied:prox});if(mode==="replace"&&nativeReplace){nativeReplace(prox);return true;}if(nativeAssign){nativeAssign(prox);return true;}window.location.href=prox;return true;}catch(err){try{console.warn("[conversion-proxy] redirect interception failed",{mode:mode,requested:raw,resolved:abs,proxied:prox,error:err&&err.message?err.message:String(err)});}catch(_){}return false;}}
@@ -6511,12 +6623,49 @@ var PROXY_BASE_URL=_proxyCtx?_proxyCtx.searchParams.get("conversionProxyBaseUrl"
 var PROXY_TRACKING_MARKERS=_proxyCtx?_proxyCtx.searchParams.get("trackingMarkers")||"":"";
 var PROXY_STRICT_FREEZE=_proxyCtx?_proxyCtx.searchParams.get("strictObserverFreeze")||"":"";
 var PROXY_UPSTREAM_MODE=_proxyCtx?_proxyCtx.searchParams.get("proxy")||"":"";
+var EDITOR_ORIGIN=(function(){try{return String(window.location.origin||"");}catch(_){return "";}})();
+var EDITOR_HOST_KEY=(function(){try{var u=new URL(EDITOR_ORIGIN);return (u.hostname||"").toLowerCase()+":"+(u.port||"");}catch(_){return "";}})();
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
+function isEditorHostUrl(u){
+  try{
+    if(!u) return false;
+    var hostKey=(u.hostname||"").toLowerCase()+":"+(u.port||"");
+    if(EDITOR_HOST_KEY&&hostKey===EDITOR_HOST_KEY) return true;
+    // localhost aliases for same dev server port
+    var host=(u.hostname||"").toLowerCase();
+    var editorHost=EDITOR_HOST_KEY.split(":")[0]||"";
+    var samePort=(u.port||"")===(EDITOR_HOST_KEY.split(":")[1]||"");
+    var localAlias=(host==="localhost"||host==="127.0.0.1"||host==="[::1]");
+    var editorLocalAlias=(editorHost==="localhost"||editorHost==="127.0.0.1"||editorHost==="[::1]");
+    return samePort&&localAlias&&editorLocalAlias;
+  }catch(_){
+    return false;
+  }
+}
 function toProxyNetworkUrl(raw){
   if(isSkippable(raw))return raw;
   try{
     var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;
     var abs=new URL(raw,base);
+    // Unwrap already-proxied URLs first to avoid nested proxy urls.
+    var p0=abs.pathname||"";
+    var isProxyPath0=p0==="/api/conversion-proxy"||p0.indexOf("/api/conversion-proxy/")===0||p0.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath0){
+      var nested0=abs.searchParams.get("url")||"";
+      if(nested0){
+        try{abs=new URL(nested0);}catch(_){}
+      }
+    }
+    // Some embedded scripts build absolute requests against editor origin
+    // (e.g. https://localhost:4001/api/unstable/graphql.json). Remap those
+    // paths to target origin first, then proxy as usual.
+    if(EDITOR_ORIGIN&&isEditorHostUrl(abs)){
+      var p=abs.pathname||"";
+      var isRootProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0;
+      if(!isRootProxyPath){
+        abs=new URL((abs.pathname||"/")+(abs.search||"")+(abs.hash||""),TARGET_ORIGIN);
+      }
+    }
     if(abs.origin!==TARGET_ORIGIN)return raw;
     var prox=new URL(PROXY_ROOT,window.location.origin);
     prox.searchParams.set("password",PROXY_PASSWORD||"");

package/dist/vite.js

@@ -3,20 +3,6 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 
 // src/visualEditorProxyPlugin.ts
-var SCRAPER_PROXY_HOST = process.env.SCRAPERAPI_PROXY_HOST || "proxy-server.scraperapi.com";
-var SCRAPER_PROXY_PORT = Number(process.env.SCRAPERAPI_PROXY_PORT || "8001");
-var SCRAPER_PROXY_USERNAME_BASE = process.env.SCRAPERAPI_PROXY_USERNAME_BASE || "scraperapi";
-var SCRAPER_PROXY_USERNAME_PARAMS = process.env.SCRAPERAPI_PROXY_USERNAME_PARAMS || "render=true.wait_for_selector=body.follow_redirect=false.keep_headers=true";
-var SCRAPER_PROXY_USERNAME = process.env.SCRAPERAPI_PROXY_USERNAME || [
-  SCRAPER_PROXY_USERNAME_BASE,
-  SCRAPER_PROXY_USERNAME_PARAMS
-].filter(Boolean).join(".");
-var SCRAPER_PROXY_PASSWORD = process.env.SCRAPERAPI_PROXY_PASSWORD || process.env.SCRAPERAPI_API_KEY;
-var SCRAPER_API_ENDPOINT = process.env.SCRAPERAPI_ENDPOINT || "https://api.scraperapi.com/";
-var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW = process.env.SCRAPERAPI_REQUEST_TLS_REJECT_UNAUTHORIZED || "false";
-var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED = !["0", "false", "no"].includes(
-  SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW.toLowerCase()
-);
 var DEFAULT_TRACKING_MARKERS = [
   "snowplow",
   "taboola",
@@ -114,31 +100,9 @@ function stripTrackingScriptsFromScrapedHtml(html, markers) {
   }
   return out;
 }
-var SCRAPER_BILLING_ERROR_RE = /exhausted the api credits|upgrade your subscription|enable overages|dashboard\.scraperapi\.com\/billing|insufficient credits|billing/i;
-var scraperProxyClientPromise = null;
-async function getScraperProxyClient() {
-  if (scraperProxyClientPromise) return scraperProxyClientPromise;
-  scraperProxyClientPromise = (async () => {
-    if (!SCRAPER_PROXY_PASSWORD) return null;
-    try {
-      const undici = await import('undici');
-      const proxyUrl = "http://" + encodeURIComponent(SCRAPER_PROXY_USERNAME) + ":" + encodeURIComponent(SCRAPER_PROXY_PASSWORD) + "@" + SCRAPER_PROXY_HOST + ":" + String(SCRAPER_PROXY_PORT);
-      return {
-        dispatcher: new undici.ProxyAgent({
-          uri: proxyUrl,
-          requestTls: {
-            rejectUnauthorized: SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED
-          }
-        }),
-        fetchFn: undici.fetch
-      };
-    } catch (_) {
-      return null;
-    }
-  })();
-  return scraperProxyClientPromise;
-}
-var iframeAlwaysShowCss = `<style id="__ce_force_show">#CybotCookiebotDialog,#CybotCookiebotDialogBodyUnderlay,#onetrust-consent-sdk,#onetrust-banner-sdk,.cc-window,.cc-banner,.cc-overlay,#cookie-notice,#cookie-banner,#cookie-consent,.cookie-notice,.cookie-banner,.cookie-consent,.cookie-popup,.cookie-bar,.cookie-message,.cookie-alert,.gdpr-banner,.gdpr-consent,.gdpr-popup,.gdpr-overlay,#gdpr-consent,#gdpr-banner,.consent-banner,.consent-popup,.consent-overlay,#consent-banner,#consent-popup,[class*="cookie-consent"],[class*="cookie-banner"],[class*="cookie-notice"],[class*="CookieConsent"],[class*="CookieBanner"],[id*="cookie-consent"],[id*="cookie-banner"],[id*="cookie-notice"],[aria-label*="cookie" i],[aria-label*="consent" i],.klaro,.klaro .cookie-modal,#usercentrics-root,.trustarc-banner,#truste-consent-track,#hs-eu-cookie-confirmation,.osano-cm-window,.osano-cm-dialog,.evidon-banner,#_evidon_banner,.js-cookie-consent,.cookie-disclaimer,.shopify-section-cookies,#shopify-section-cookies,#shopify-pc__banner,#shopify-pc__modal,.privacy-banner,.privacy-popup,[data-testid="cookie-banner"],[data-testid="consent-banner"],.amgdprcookie-bar-container,[data-amcookie-js="bar"],.amgdprjs-bar-template,.amgdprcookie-modal-container,.amgdprcookie-modal-overlay,#cmplz-cookiebanner-container,.cmplz-cookiebanner,#iubenda-cs-banner,.iubenda-cs-container,#qc-cmp2-container,.qc-cmp2-consent-info,#didomi-host,.didomi-popup-container,.didomi-notice,#termly-code-snippet-support,[class*="termly"],[class*="gdprcookie"],[class*="amgdpr"],[id*="gdpr-cookie"],[class*="cookie-modal"],[id*="cookie-modal"],[class*="cookieConsent"],[id*="cookieConsent"]{display:revert!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;}</style>`;
+var iframeAlwaysShowCss = `<style id="__ce_force_show">
+
+</style>`;
 var iframeAlwaysShowCssGuardScript = `<script id="__ce_force_show_guard">(function(){try{
 function ensureForceShowStyleLast(){
   var style=document.getElementById("__ce_force_show");
@@ -497,7 +461,10 @@ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.20), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1p
 .dt-ico{width:16px;flex-shrink:0;text-align:center;color:var(--text-3);font-size:12px}
 .dt-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}
 .dt-muted{padding:16px 12px;text-align:center;color:var(--text-3);font-size:11px;line-height:1.4}
-
+#section-components-panel{
+  max-height: 50%;
+  overflow-y: auto;
+}
 /* \u2500\u2500 Right panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 #right-panel{
   width:252px;background:var(--bg);border-left:1px solid var(--border);
@@ -626,6 +593,17 @@ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.20), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1p
   flex:1;padding:8px 2px;text-align:center;font-size:10px;color:var(--text-3);
   cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-weight:600;line-height:1.15
 }
+.lp-tab.close-section-components-panel{
+        padding: 4px 10px;
+    background: #000;
+    display: flex;
+    max-width: fit-content;
+    align-items: center;
+    justify-content: center;
+    border-radius: 2px;
+    margin: 2px;
+    color: #fff;
+}
 .lp-tab:hover{color:var(--text-2)}
 .lp-tab.active{color:var(--accent-txt);border-bottom-color:var(--accent)}
 .future-hidden{display:none!important}
@@ -1134,6 +1112,7 @@ select.pr-inp{cursor:pointer;background:#fff}
         <div class="section-components-tabs">
           <div class="lp-tab" onclick="switchSectionComponentsTab('components')">Components</div>
           <div class="lp-tab" onclick="switchSectionComponentsTab('sections')">Sections</div>
+          <div class="lp-tab close-section-components-panel" onclick="toggleSectionComponentsPanel()"> Close</div>
         </div>
         <div class="lp-body">
           <div id="tab-components" class="tab-pane"></div>
@@ -3258,6 +3237,35 @@ function parseEditorUrlPayload(rawUrl) {
         password: nestedPassword || undefined,
       };
     }
+    var path = parsed.pathname || '';
+    var isProxyPath =
+      path === '/api/conversion-proxy' ||
+      path.indexOf('/api/conversion-proxy/') === 0 ||
+      path.indexOf('api/conversion-proxy') !== -1;
+    if (isProxyPath) {
+      var fallbackUrl = (experimentData && experimentData.pageUrl) ? String(experimentData.pageUrl) : '';
+      if (fallbackUrl) {
+        var recovered = new URL(fallbackUrl, window.location.href);
+        var qp = new URLSearchParams(parsed.search || '');
+        qp.delete('url');
+        qp.delete('password');
+        qp.delete('conversionProxyBaseUrl');
+        qp.delete('trackingMarkers');
+        qp.delete('strictObserverFreeze');
+        qp.delete('proxy');
+        qp.delete('raw');
+        recovered.search = '';
+        qp.forEach(function(v, k) { recovered.searchParams.set(k, v); });
+        recovered.hash = parsed.hash || '';
+        return {
+          url: recovered.toString(),
+          password:
+            (experimentData && experimentData.editorPassword)
+              ? String(experimentData.editorPassword)
+              : undefined,
+        };
+      }
+    }
     return {
       url: parsed.toString(),
       password:
@@ -3276,6 +3284,12 @@ function emitEditorUrlChangedPayload(payload) {
   var key = String(payload.url || '') + '|' + String(payload.password || '');
   if (key === lastEditorUrlPayloadKey) return;
   lastEditorUrlPayloadKey = key;
+  try {
+    console.info('[V2 iframe-url]', {
+      url: payload.url || '',
+      passwordPresent: !!payload.password,
+    });
+  } catch(_) {}
   send('editor-url-changed', payload);
 }
 function emitEditorUrlChanged(rawUrl) {
@@ -5048,6 +5062,67 @@ function stripDataVveInstanceSubtree(root) {
   }
 }
 
+function cssEscapeIdent(raw) {
+  var s = raw == null ? '' : String(raw);
+  if (!s) return '';
+  try {
+    if (typeof CSS !== 'undefined' && CSS && typeof CSS.escape === 'function') {
+      return CSS.escape(s);
+    }
+  } catch(_) {}
+  // Fallback escape for identifiers when CSS.escape is unavailable.
+  return s.replace(/[^a-zA-Z0-9_-]/g, function(ch) { return '\\\\' + ch; });
+}
+
+function unescapeCssToken(token) {
+  if (!token) return '';
+  var s = String(token);
+  var out = '';
+  for (var i = 0; i < s.length; i++) {
+    var ch = s.charAt(i);
+    if (ch === '\\\\' && i + 1 < s.length) {
+      out += s.charAt(i + 1);
+      i += 1;
+      continue;
+    }
+    out += ch;
+  }
+  return out;
+}
+
+function isGeneratedClassToken(token) {
+  var t = token == null ? '' : String(token).trim();
+  if (!t) return true;
+  if (t.indexOf('vve-') === 0) return true;
+  // Tailwind arbitrary values / variant-heavy utilities are often unstable in selectors.
+  if (
+    t.indexOf('[') !== -1 ||
+    t.indexOf(']') !== -1 ||
+    t.indexOf('(') !== -1 ||
+    t.indexOf(')') !== -1 ||
+    t.indexOf('{') !== -1 ||
+    t.indexOf('}') !== -1 ||
+    t.indexOf(':') !== -1
+  ) return true;
+  // CSS-in-JS / runtime hash prefixes.
+  if (/^(css|jsx|sc|emotion|styled|chakra|mantine|mui|ant)-/i.test(t)) return true;
+  // Classnames with long hashy suffixes (framework/runtime generated).
+  if (/[a-f0-9]{8,}/i.test(t)) return true;
+  if (/^[a-zA-Z_-]+[0-9]{4,}[a-zA-Z0-9_-]*$/.test(t)) return true;
+  if (/^[a-zA-Z0-9_-]{36,}$/.test(t)) return true;
+  return false;
+}
+
+function escapeSelectorClassTokens(sel) {
+  if (!sel || typeof sel !== 'string') return '';
+  return sel.replace(/.((?:\\.|[^s>+~:#.])+)/g, function(_m, cls) {
+    if (!cls) return _m;
+    // Already escaped token; keep it as-is.
+    if (cls.indexOf('\\\\') >= 0) return '.' + cls;
+    return '.' + cssEscapeIdent(cls);
+  });
+}
+
 function buildSelector(el) {
   if (!el) return '';
   var doc = el.ownerDocument || document;
@@ -5059,16 +5134,16 @@ function buildSelector(el) {
       if (doc.querySelectorAll(attrSel).length === 1) return attrSel;
     } catch(_) {}
   }
-  if (el.id) return '#' + el.id;
+  if (el.id) return '#' + cssEscapeIdent(el.id);
   var parts = [], node = el, depth = 0;
   while (node && node.nodeType === 1 && depth < 5) {
-    if (node.id) { parts.unshift('#' + node.id); break; }
+    if (node.id) { parts.unshift('#' + cssEscapeIdent(node.id)); break; }
     var p = node.tagName.toLowerCase();
     if (node.classList && node.classList.length) {
       var clsArr = Array.from(node.classList).filter(function(c) {
-        return c.indexOf('vve-') !== 0;
+        return c.indexOf('vve-') !== 0 && !isGeneratedClassToken(c);
       });
-      if (clsArr.length) p += '.' + clsArr.slice(0, 2).join('.');
+      if (clsArr.length) p += '.' + clsArr.slice(0, 2).map(function(c) { return cssEscapeIdent(c); }).join('.');
     }
     var idx = 1, sib = node.previousElementSibling;
     while (sib) { if (sib.tagName === node.tagName) idx++; sib = sib.previousElementSibling; }
@@ -5080,17 +5155,32 @@ function buildSelector(el) {
   return parts.join(' > ');
 }
 
+function stripGeneratedSelectorClassTokens(sel) {
+  if (!sel || typeof sel !== 'string') return '';
+  var s = sel.replace(/.((?:\\.|[^s>+~:#.])+)/g, function(_m, cls) {
+    var raw = unescapeCssToken(cls);
+    if (isGeneratedClassToken(raw)) return '';
+    return '.' + cssEscapeIdent(raw);
+  });
+  return s
+    .replace(/.{2,}/g, '.')
+    .replace(/s{2,}/g, ' ')
+    .replace(/s*>s*>/g, ' > ')
+    .trim();
+}
+
 /**
  * Strip editor-only .vve-* class tokens from a selector string (fixes DB rows saved while an element was selected).
  */
 function sanitizeSelectorForMatch(sel) {
   if (!sel || typeof sel !== 'string') return '';
   var s0 = sel.replace(/.vve-[a-zA-Z0-9_-]+/gi, '');
+  s0 = stripGeneratedSelectorClassTokens(s0);
   var parts = s0.split(/s*>s*/).map(function(seg) {
     var t = seg.replace(/.+/g, '.').replace(/.$/, '');
     return t.trim();
   });
-  return parts.filter(Boolean).join(' > ');
+  return escapeSelectorClassTokens(parts.filter(Boolean).join(' > '));
 }
 
 /** Drop the rightmost :nth-of-type(n) (hydration / layout often shifts sibling indices). */
@@ -5134,11 +5224,12 @@ function querySelectorResolved(iframeDoc, selector) {
     return null;
   }
   var alt = sanitizeSelectorForMatch(selector);
+  var escaped = escapeSelectorClassTokens(alt || selector);
   // Prefer sanitized + nth relax FIRST: raw selectors often still contain .vve-* from
   // save-time selection; those only match after clicking (we re-add vve-selected).
-  var el = walkRelax(alt || selector);
+  var el = walkRelax(escaped || alt || selector);
   if (el) return el;
-  if (alt !== selector) {
+  if (alt !== selector || escaped !== selector) {
     el = walkRelax(selector);
     if (el) return el;
   }
@@ -5805,6 +5896,12 @@ window.addEventListener('load', function() {
       if (!d || d.channel !== 'vvveb-proxy-url' || d.type !== 'editor-url-changed') return;
       if (!iframe || !iframe.contentWindow || ev.source !== iframe.contentWindow) return;
       var payload = d.payload || {};
+      try {
+        console.info('[V2 iframe-url bridge]', {
+          url: payload.url || '',
+          passwordPresent: !!payload.password,
+        });
+      } catch(_) {}
       emitEditorUrlChangedPayload({
         url: payload.url || undefined,
         password: payload.password || undefined,
@@ -6094,8 +6191,6 @@ function createVisualEditorMiddleware(options) {
           extraTrackingMarkersForRequest
         );
         const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
-        const proxyParam = (url.searchParams.get("proxy") || "").toLowerCase();
-        const useScraperProxy = proxyParam === "1" || proxyParam === "true" || proxyParam === "yes";
         const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
@@ -6105,40 +6200,7 @@ function createVisualEditorMiddleware(options) {
         const parsed = new URL(targetUrl);
         const origin = parsed.origin;
         const method = (req.method || "GET").toUpperCase();
-        const scraperProxyClient = useScraperProxy ? await getScraperProxyClient() : null;
-        if (useScraperProxy && !scraperProxyClient) {
-          res.statusCode = 500;
-          res.setHeader("Content-Type", "application/json");
-          res.end(
-            JSON.stringify({
-              error: "ScraperAPI proxy is not configured. Set SCRAPERAPI_PROXY_PASSWORD or SCRAPERAPI_API_KEY."
-            })
-          );
-          return;
-        }
         const directFetch = (input, init = {}) => fetch(input, init);
-        const scraperFetch = (input, init = {}) => {
-          if (!SCRAPER_PROXY_PASSWORD) return directFetch(input, init);
-          if (!useScraperProxy || !scraperProxyClient) {
-            const scraperUrl = new URL(SCRAPER_API_ENDPOINT);
-            scraperUrl.searchParams.set("api_key", SCRAPER_PROXY_PASSWORD);
-            scraperUrl.searchParams.set("url", input);
-            return fetch(scraperUrl.toString(), init);
-          }
-          return scraperProxyClient.fetchFn(input, {
-            ...init,
-            dispatcher: scraperProxyClient.dispatcher
-          });
-        };
-        const shouldFallbackFromScraper = async (resp) => {
-          try {
-            if (resp.ok) return false;
-            const text = await resp.clone().text();
-            return SCRAPER_BILLING_ERROR_RE.test(String(text || ""));
-          } catch (_) {
-            return false;
-          }
-        };
         const workerRawFetch = (input, init = {}) => {
           const workerUrl = new URL("/api/conversion-proxy", conversionProxyBaseUrlForRequest);
           workerUrl.searchParams.set("url", input);
@@ -6165,19 +6227,12 @@ function createVisualEditorMiddleware(options) {
         };
         const upstreamFetch = async (input, init = {}) => {
           if (conversionProxyBaseUrlForRequest) {
+            const method2 = String(init?.method || "GET").toUpperCase();
+            if (method2 !== "GET" && method2 !== "HEAD") {
+              return directFetch(input, init);
+            }
             return workerRawFetch(input, init);
           }
-          const primary = await scraperFetch(input, init);
-          if (!await shouldFallbackFromScraper(primary)) {
-            return primary;
-          }
-          try {
-            console.warn("[conversion-proxy] ScraperAPI billing/quota detected; falling back to direct fetch", {
-              url: input,
-              mode: useScraperProxy ? "proxy" : "simple"
-            });
-          } catch (_) {
-          }
           return directFetch(input, init);
         };
         const headers = {
@@ -6249,16 +6304,8 @@ function createVisualEditorMiddleware(options) {
           res.end(
             JSON.stringify({
               error: aborted ? `Upstream request timed out after ${upstreamTimeoutMs / 1e3}s` : fetchErr?.message || "Upstream fetch failed",
-              phase: useScraperProxy ? "scraperapi-proxy-fetch" : "scraperapi-simple-fetch",
-              fetchMode: useScraperProxy ? "proxy" : "simple",
-              scraperapi: {
-                host: SCRAPER_PROXY_HOST,
-                port: SCRAPER_PROXY_PORT,
-                username: SCRAPER_PROXY_USERNAME,
-                endpoint: SCRAPER_API_ENDPOINT,
-                hasProxyPassword: Boolean(SCRAPER_PROXY_PASSWORD),
-                requestTlsRejectUnauthorized: SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED
-              },
+              phase: conversionProxyBaseUrlForRequest ? "worker-raw-fetch" : "direct-upstream-fetch",
+              fetchMode: conversionProxyBaseUrlForRequest ? "worker" : "direct",
               cause: fetchCause && typeof fetchCause === "object" ? {
                 name: fetchCause.name,
                 code: fetchCause.code,
@@ -6444,8 +6491,51 @@ try{
     }
   }
 }catch(_){}
-function getEditorUrlPayload(){try{var u=new URL(window.location.href);var nested=u.searchParams.get("url");return{url:nested||u.toString(),password:u.searchParams.get("password")||undefined};}catch(_){return null;}}
-function notifyEditorUrlChanged(){try{var payload=getEditorUrlPayload();if(!payload)return;if(window.parent){window.parent.postMessage({channel:PARENT_URL_CHANNEL,type:"editor-url-changed",payload:payload},"*");}}catch(_){}}
+function getEditorUrlPayload(){
+  try{
+    var u=new URL(window.location.href);
+    var nested=u.searchParams.get("url");
+    if(nested){
+      return {url:nested,password:u.searchParams.get("password")||undefined};
+    }
+    var p=u.pathname||"";
+    var isProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0||p.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath){
+      var recoveredBase=new URL(TARGET_PAGE_URL,window.location.href);
+      var qp=new URLSearchParams(u.search||"");
+      qp.delete("url");
+      qp.delete("password");
+      qp.delete("conversionProxyBaseUrl");
+      qp.delete("trackingMarkers");
+      qp.delete("strictObserverFreeze");
+      qp.delete("proxy");
+      qp.delete("raw");
+      recoveredBase.search="";
+      qp.forEach(function(v,k){recoveredBase.searchParams.set(k,v);});
+      recoveredBase.hash=u.hash||"";
+      return {url:recoveredBase.toString(),password:u.searchParams.get("password")||undefined};
+    }
+    return {url:u.toString(),password:u.searchParams.get("password")||undefined};
+  }catch(_){
+    return null;
+  }
+}
+function notifyEditorUrlChanged(){
+  try{
+    var payload=getEditorUrlPayload();
+    if(!payload) return;
+    try{
+      console.info("[conversion-proxy] iframe url rendered",{
+        current:window.location.href,
+        target:payload.url||"",
+        passwordPresent:!!payload.password
+      });
+    }catch(_){}
+    if(window.parent){
+      window.parent.postMessage({channel:PARENT_URL_CHANNEL,type:"editor-url-changed",payload:payload},"*");
+    }
+  }catch(_){}
+}
 try{notifyEditorUrlChanged();}catch(_){}
 try{if(window.history&&typeof window.history.pushState==="function"){var nativePushState=window.history.pushState;window.history.pushState=function(){var ret=nativePushState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
 try{if(window.history&&typeof window.history.replaceState==="function"){var nativeReplaceState=window.history.replaceState;window.history.replaceState=function(){var ret=nativeReplaceState.apply(window.history,arguments);setTimeout(notifyEditorUrlChanged,0);return ret;};}}catch(_){}
@@ -6453,7 +6543,29 @@ try{window.addEventListener("popstate",notifyEditorUrlChanged,true);}catch(_){}
 try{window.addEventListener("hashchange",notifyEditorUrlChanged,true);}catch(_){}
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
 function toAbsolute(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")||raw.startsWith("//")?TARGET_ORIGIN:TARGET_PAGE_URL;return new URL(raw,base).toString();}catch(_){return raw;}}
-function toProxy(raw){if(isSkippable(raw))return null;var abs=toAbsolute(raw);if(!abs||typeof abs!=="string")return null;try{var parsed=new URL(abs);if(parsed.origin!==TARGET_ORIGIN)return null;var root="/api/conversion-proxy";return root+"?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());}catch(_){return null;}}
+function toProxy(raw){
+  if(isSkippable(raw))return null;
+  var abs=toAbsolute(raw);
+  if(!abs||typeof abs!=="string")return null;
+  try{
+    var parsed=new URL(abs);
+    // If input is already a proxy URL, unwrap to its target url first
+    // to avoid nested /api/conversion-proxy?url=/api/conversion-proxy?... chains.
+    var p=(parsed.pathname||"");
+    var isProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0||p.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath){
+      var nested=parsed.searchParams.get("url")||"";
+      if(nested){
+        try{parsed=new URL(nested);}catch(_){}
+      }
+    }
+    if(parsed.origin!==TARGET_ORIGIN)return null;
+    var root="/api/conversion-proxy";
+    return root+"?password="+encodeURIComponent(PROXY_PASSWORD||"")+"&url="+encodeURIComponent(parsed.toString());
+  }catch(_){
+    return null;
+  }
+}
 var nativeAssign=window.location.assign?window.location.assign.bind(window.location):null;
 var nativeReplace=window.location.replace?window.location.replace.bind(window.location):null;
 function safeNavigate(raw,mode){var abs=toAbsolute(raw);var prox=toProxy(raw);if(!prox){try{console.warn("[conversion-proxy] redirect blocked",{mode:mode,requested:raw,resolved:abs,origin:TARGET_ORIGIN});}catch(_){}return false;}try{console.info("[conversion-proxy] redirect intercepted",{mode:mode,requested:raw,resolved:abs,proxied:prox});if(mode==="replace"&&nativeReplace){nativeReplace(prox);return true;}if(nativeAssign){nativeAssign(prox);return true;}window.location.href=prox;return true;}catch(err){try{console.warn("[conversion-proxy] redirect interception failed",{mode:mode,requested:raw,resolved:abs,proxied:prox,error:err&&err.message?err.message:String(err)});}catch(_){}return false;}}
@@ -6503,12 +6615,49 @@ var PROXY_BASE_URL=_proxyCtx?_proxyCtx.searchParams.get("conversionProxyBaseUrl"
 var PROXY_TRACKING_MARKERS=_proxyCtx?_proxyCtx.searchParams.get("trackingMarkers")||"":"";
 var PROXY_STRICT_FREEZE=_proxyCtx?_proxyCtx.searchParams.get("strictObserverFreeze")||"":"";
 var PROXY_UPSTREAM_MODE=_proxyCtx?_proxyCtx.searchParams.get("proxy")||"":"";
+var EDITOR_ORIGIN=(function(){try{return String(window.location.origin||"");}catch(_){return "";}})();
+var EDITOR_HOST_KEY=(function(){try{var u=new URL(EDITOR_ORIGIN);return (u.hostname||"").toLowerCase()+":"+(u.port||"");}catch(_){return "";}})();
 function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#");}
+function isEditorHostUrl(u){
+  try{
+    if(!u) return false;
+    var hostKey=(u.hostname||"").toLowerCase()+":"+(u.port||"");
+    if(EDITOR_HOST_KEY&&hostKey===EDITOR_HOST_KEY) return true;
+    // localhost aliases for same dev server port
+    var host=(u.hostname||"").toLowerCase();
+    var editorHost=EDITOR_HOST_KEY.split(":")[0]||"";
+    var samePort=(u.port||"")===(EDITOR_HOST_KEY.split(":")[1]||"");
+    var localAlias=(host==="localhost"||host==="127.0.0.1"||host==="[::1]");
+    var editorLocalAlias=(editorHost==="localhost"||editorHost==="127.0.0.1"||editorHost==="[::1]");
+    return samePort&&localAlias&&editorLocalAlias;
+  }catch(_){
+    return false;
+  }
+}
 function toProxyNetworkUrl(raw){
   if(isSkippable(raw))return raw;
   try{
     var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;
     var abs=new URL(raw,base);
+    // Unwrap already-proxied URLs first to avoid nested proxy urls.
+    var p0=abs.pathname||"";
+    var isProxyPath0=p0==="/api/conversion-proxy"||p0.indexOf("/api/conversion-proxy/")===0||p0.indexOf("api/conversion-proxy")!==-1;
+    if(isProxyPath0){
+      var nested0=abs.searchParams.get("url")||"";
+      if(nested0){
+        try{abs=new URL(nested0);}catch(_){}
+      }
+    }
+    // Some embedded scripts build absolute requests against editor origin
+    // (e.g. https://localhost:4001/api/unstable/graphql.json). Remap those
+    // paths to target origin first, then proxy as usual.
+    if(EDITOR_ORIGIN&&isEditorHostUrl(abs)){
+      var p=abs.pathname||"";
+      var isRootProxyPath=p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0;
+      if(!isRootProxyPath){
+        abs=new URL((abs.pathname||"/")+(abs.search||"")+(abs.hash||""),TARGET_ORIGIN);
+      }
+    }
     if(abs.origin!==TARGET_ORIGIN)return raw;
     var prox=new URL(PROXY_ROOT,window.location.origin);
     prox.searchParams.set("password",PROXY_PASSWORD||"");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelerated-agency/visual-editor",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "private": false,
   "description": "Conversion visual editor as a reusable React package",
   "type": "module",