@accelerated-agency/visual-editor 0.3.8 → 0.3.9

package/dist/index.js

@@ -4808,6 +4808,7 @@ function PlatformVisualEditorV2({
   embeddedGlobalKey = "__CONVERSION_EMBEDDED__",
   proxyBaseUrl = "",
   strictObserverFreeze = false,
+  trackingMarkers = [],
   className = "fixed inset-0 z-[9999] flex flex-col bg-white",
   editorClassName = "flex-1 min-h-0",
   showHeader = true,
@@ -4870,11 +4871,11 @@ function PlatformVisualEditorV2({
       pageUrl: experiment?.pageUrl,
       editorPassword: experiment?.editorPassword,
       strictObserverFreeze: !!strictObserverFreeze,
+      trackingMarkers: Array.isArray(trackingMarkers) ? trackingMarkers.filter((m) => typeof m === "string" && m.trim().length > 0) : [],
       variations: experiment?.variations ?? []
     }),
-    [experiment, strictObserverFreeze]
+    [experiment, strictObserverFreeze, trackingMarkers]
   );
-  console.log("loadPayload", loadPayload);
   const editorSrc = useMemo(() => {
     const safeBaseUrl = normalizeProxyBaseUrl(proxyBaseUrl);
     return safeBaseUrl ? `${safeBaseUrl}/vvveb-editor` : "/vvveb-editor";

package/dist/vite.cjs

@@ -25,6 +25,91 @@ var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW = process.env.SCRAPERAPI_REQUEST
 var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED = !["0", "false", "no"].includes(
   SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW.toLowerCase()
 );
+var DEFAULT_TRACKING_MARKERS = [
+  "snowplow",
+  "taboola",
+  "googletagmanager",
+  "google-analytics",
+  "googleads",
+  "doubleclick",
+  "gtag(",
+  "ga(",
+  "fbq(",
+  "clarity",
+  "hotjar",
+  "segment.com",
+  "mixpanel",
+  "amplitude",
+  "fullstory",
+  "/api/collect",
+  '"r":"periodic"',
+  '"r": "periodic"'
+];
+function normalizeTrackingMarkers(input) {
+  if (!Array.isArray(input)) return [];
+  const deduped = /* @__PURE__ */ new Set();
+  const aliases = {
+    tabola: "taboola"
+  };
+  for (let i = 0; i < input.length; i += 1) {
+    const raw = input[i];
+    if (typeof raw !== "string") continue;
+    const marker = raw.trim().toLowerCase();
+    if (!marker) continue;
+    deduped.add(aliases[marker] || marker);
+  }
+  return Array.from(deduped);
+}
+function mergeTrackingMarkers(extraMarkers) {
+  return normalizeTrackingMarkers([
+    ...DEFAULT_TRACKING_MARKERS,
+    ...normalizeTrackingMarkers(extraMarkers)
+  ]);
+}
+function parseTrackingMarkersParam(raw) {
+  if (!raw) return [];
+  try {
+    return normalizeTrackingMarkers(JSON.parse(raw));
+  } catch (_) {
+    return normalizeTrackingMarkers(
+      raw.split(",").map((v) => v.trim()).filter(Boolean)
+    );
+  }
+}
+function hasTrackingMarker(input, markers) {
+  const text = String(input || "").toLowerCase();
+  for (let i = 0; i < markers.length; i += 1) {
+    if (text.includes(markers[i])) return true;
+  }
+  return false;
+}
+function stripTrackingScriptsFromScrapedHtml(html, markers) {
+  let removedCount = 0;
+  let out = html;
+  out = out.replace(/<script\b[\s\S]*?<\/script>/gi, (tag) => {
+    const srcMatch = tag.match(/\bsrc\s*=\s*(["'])(.*?)\1/i);
+    const src = srcMatch?.[2] || "";
+    if (hasTrackingMarker(src, markers) || hasTrackingMarker(tag, markers)) {
+      removedCount += 1;
+      return "";
+    }
+    return tag;
+  });
+  out = out.replace(/<noscript\b[\s\S]*?<\/noscript>/gi, (tag) => {
+    if (!hasTrackingMarker(tag, markers)) return tag;
+    removedCount += 1;
+    return "";
+  });
+  if (removedCount > 0) {
+    out = out.replace(
+      /<head([^>]*)>/i,
+      `<head$1>
+<meta name="conversion-editor-tracking-scripts-stripped" content="${removedCount}">
+`
+    );
+  }
+  return out;
+}
 var scraperProxyClientPromise = null;
 async function getScraperProxyClient() {
   if (scraperProxyClientPromise) return scraperProxyClientPromise;
@@ -2309,9 +2394,16 @@ function handleLoadExperiment(data) {
     lastLoadedProxyUrl = '';
     return;
   }
+  var extraTrackingMarkers = Array.isArray(data && data.trackingMarkers)
+    ? data.trackingMarkers.filter(function(m){return typeof m === 'string' && m.trim().length > 0;})
+    : [];
+  var trackingMarkersParam = extraTrackingMarkers.length
+    ? '&trackingMarkers=' + encodeURIComponent(JSON.stringify(extraTrackingMarkers))
+    : '';
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
                  '&url=' + encodeURIComponent(pageUrl) +
-                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0') +
+                 trackingMarkersParam;
 
   // Parent often re-posts load-experiment when React re-renders (new object identity) or
   // after mutations-changed. Reloading the iframe again wipes variant changesets mid-session.
@@ -5396,6 +5488,12 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const extraTrackingMarkersForRequest = parseTrackingMarkersParam(
+          url.searchParams.get("trackingMarkers")
+        );
+        const trackingMarkersForRequest = mergeTrackingMarkers(
+          extraTrackingMarkersForRequest
+        );
         const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
         const proxyParam = (url.searchParams.get("proxy") || "").toLowerCase();
         const useScraperProxy = proxyParam === "1" || proxyParam === "true" || proxyParam === "yes";
@@ -5544,6 +5642,7 @@ function createVisualEditorMiddleware(options) {
           res.end(JSON.stringify({ error: "Password authentication failed." }));
           return;
         }
+        html = stripTrackingScriptsFromScrapedHtml(html, trackingMarkersForRequest);
         html = html.replace(/(href|src|action)="\/(?!\/)/g, `$1="${origin}/`);
         const escapedOrigin = origin.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
         const proxyBase = `/api/conversion-proxy?password=${encodeURIComponent(password)}&url=`;

package/dist/vite.js

@@ -17,6 +17,91 @@ var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW = process.env.SCRAPERAPI_REQUEST
 var SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED = !["0", "false", "no"].includes(
   SCRAPER_REQUEST_TLS_REJECT_UNAUTHORIZED_RAW.toLowerCase()
 );
+var DEFAULT_TRACKING_MARKERS = [
+  "snowplow",
+  "taboola",
+  "googletagmanager",
+  "google-analytics",
+  "googleads",
+  "doubleclick",
+  "gtag(",
+  "ga(",
+  "fbq(",
+  "clarity",
+  "hotjar",
+  "segment.com",
+  "mixpanel",
+  "amplitude",
+  "fullstory",
+  "/api/collect",
+  '"r":"periodic"',
+  '"r": "periodic"'
+];
+function normalizeTrackingMarkers(input) {
+  if (!Array.isArray(input)) return [];
+  const deduped = /* @__PURE__ */ new Set();
+  const aliases = {
+    tabola: "taboola"
+  };
+  for (let i = 0; i < input.length; i += 1) {
+    const raw = input[i];
+    if (typeof raw !== "string") continue;
+    const marker = raw.trim().toLowerCase();
+    if (!marker) continue;
+    deduped.add(aliases[marker] || marker);
+  }
+  return Array.from(deduped);
+}
+function mergeTrackingMarkers(extraMarkers) {
+  return normalizeTrackingMarkers([
+    ...DEFAULT_TRACKING_MARKERS,
+    ...normalizeTrackingMarkers(extraMarkers)
+  ]);
+}
+function parseTrackingMarkersParam(raw) {
+  if (!raw) return [];
+  try {
+    return normalizeTrackingMarkers(JSON.parse(raw));
+  } catch (_) {
+    return normalizeTrackingMarkers(
+      raw.split(",").map((v) => v.trim()).filter(Boolean)
+    );
+  }
+}
+function hasTrackingMarker(input, markers) {
+  const text = String(input || "").toLowerCase();
+  for (let i = 0; i < markers.length; i += 1) {
+    if (text.includes(markers[i])) return true;
+  }
+  return false;
+}
+function stripTrackingScriptsFromScrapedHtml(html, markers) {
+  let removedCount = 0;
+  let out = html;
+  out = out.replace(/<script\b[\s\S]*?<\/script>/gi, (tag) => {
+    const srcMatch = tag.match(/\bsrc\s*=\s*(["'])(.*?)\1/i);
+    const src = srcMatch?.[2] || "";
+    if (hasTrackingMarker(src, markers) || hasTrackingMarker(tag, markers)) {
+      removedCount += 1;
+      return "";
+    }
+    return tag;
+  });
+  out = out.replace(/<noscript\b[\s\S]*?<\/noscript>/gi, (tag) => {
+    if (!hasTrackingMarker(tag, markers)) return tag;
+    removedCount += 1;
+    return "";
+  });
+  if (removedCount > 0) {
+    out = out.replace(
+      /<head([^>]*)>/i,
+      `<head$1>
+<meta name="conversion-editor-tracking-scripts-stripped" content="${removedCount}">
+`
+    );
+  }
+  return out;
+}
 var scraperProxyClientPromise = null;
 async function getScraperProxyClient() {
   if (scraperProxyClientPromise) return scraperProxyClientPromise;
@@ -2301,9 +2386,16 @@ function handleLoadExperiment(data) {
     lastLoadedProxyUrl = '';
     return;
   }
+  var extraTrackingMarkers = Array.isArray(data && data.trackingMarkers)
+    ? data.trackingMarkers.filter(function(m){return typeof m === 'string' && m.trim().length > 0;})
+    : [];
+  var trackingMarkersParam = extraTrackingMarkers.length
+    ? '&trackingMarkers=' + encodeURIComponent(JSON.stringify(extraTrackingMarkers))
+    : '';
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
                  '&url=' + encodeURIComponent(pageUrl) +
-                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0') +
+                 trackingMarkersParam;
 
   // Parent often re-posts load-experiment when React re-renders (new object identity) or
   // after mutations-changed. Reloading the iframe again wipes variant changesets mid-session.
@@ -5388,6 +5480,12 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const extraTrackingMarkersForRequest = parseTrackingMarkersParam(
+          url.searchParams.get("trackingMarkers")
+        );
+        const trackingMarkersForRequest = mergeTrackingMarkers(
+          extraTrackingMarkersForRequest
+        );
         const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
         const proxyParam = (url.searchParams.get("proxy") || "").toLowerCase();
         const useScraperProxy = proxyParam === "1" || proxyParam === "true" || proxyParam === "yes";
@@ -5536,6 +5634,7 @@ function createVisualEditorMiddleware(options) {
           res.end(JSON.stringify({ error: "Password authentication failed." }));
           return;
         }
+        html = stripTrackingScriptsFromScrapedHtml(html, trackingMarkersForRequest);
         html = html.replace(/(href|src|action)="\/(?!\/)/g, `$1="${origin}/`);
         const escapedOrigin = origin.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
         const proxyBase = `/api/conversion-proxy?password=${encodeURIComponent(password)}&url=`;

package/package.json

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