@accelerated-agency/visual-editor 0.3.3 → 0.3.4

package/dist/index.js

@@ -4807,6 +4807,7 @@ function PlatformVisualEditorV2({
   // channel kept for API compatibility; VvvebJs uses its own internal channel
   embeddedGlobalKey = "__CONVERSION_EMBEDDED__",
   proxyBaseUrl = "",
+  strictObserverFreeze = false,
   className = "fixed inset-0 z-[9999] flex flex-col bg-white",
   editorClassName = "flex-1 min-h-0",
   showHeader = true,
@@ -4867,9 +4868,10 @@ function PlatformVisualEditorV2({
       status: experiment?.status,
       pageUrl: experiment?.pageUrl,
       editorPassword: experiment?.editorPassword,
+      strictObserverFreeze: !!strictObserverFreeze,
       variations: experiment?.variations ?? []
     }),
-    [experiment]
+    [experiment, strictObserverFreeze]
   );
   console.log("loadPayload", loadPayload);
   const editorSrc = useMemo(() => {

package/dist/vite.cjs

@@ -2066,7 +2066,8 @@ function handleLoadExperiment(data) {
     return;
   }
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
-                 '&url=' + encodeURIComponent(pageUrl);
+                 '&url=' + encodeURIComponent(pageUrl) +
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
 
   // 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.
@@ -4762,6 +4763,7 @@ var getDefaultAnthropicApiKey = () => {
 function createVisualEditorMiddleware(options) {
   const anthropicApiKey = options?.anthropicApiKey || getDefaultAnthropicApiKey();
   const enableGenerateTestApi = options?.enableGenerateTestApi ?? true;
+  const strictObserverFreeze = options?.strictObserverFreeze === true;
   const allowedFrameOrigins = options?.allowedFrameOrigins ?? ["*"];
   function setFrameHeaders(req, res) {
     res.removeHeader("X-Frame-Options");
@@ -4929,6 +4931,8 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
+        const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
           res.end(JSON.stringify({ error: "Missing url parameter" }));
@@ -5066,6 +5070,7 @@ ${iframeAlwaysShowCssGuardScript}
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
 var PROXY_PASSWORD=${JSON.stringify(password)};
+var STRICT_OBSERVER_FREEZE=${JSON.stringify(strictObserverFreezeForRequest)};
 window.__CONVERSION_EDITOR_ACTIVE__=true;
 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;}}
@@ -5085,6 +5090,9 @@ try{
       var wrapped=function(list,obs){
         try{
           if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          if(STRICT_OBSERVER_FREEZE){
+            return;
+          }
           var now=Date.now();
           if(now-last<120)return;
           last=now;
@@ -5094,6 +5102,11 @@ try{
       return new NativeMO(wrapped);
     };
     window.MutationObserver.prototype=NativeMO.prototype;
+    try{
+      if(STRICT_OBSERVER_FREEZE){
+        console.info("[conversion-proxy] strict MutationObserver freeze active");
+      }
+    }catch(_){}
   }
 }catch(_){}
 }catch(_){}})();</script>`;

package/dist/vite.js

@@ -2058,7 +2058,8 @@ function handleLoadExperiment(data) {
     return;
   }
   var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
-                 '&url=' + encodeURIComponent(pageUrl);
+                 '&url=' + encodeURIComponent(pageUrl) +
+                 '&strictObserverFreeze=' + encodeURIComponent(data && data.strictObserverFreeze ? '1' : '0');
 
   // 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.
@@ -4754,6 +4755,7 @@ var getDefaultAnthropicApiKey = () => {
 function createVisualEditorMiddleware(options) {
   const anthropicApiKey = options?.anthropicApiKey || getDefaultAnthropicApiKey();
   const enableGenerateTestApi = options?.enableGenerateTestApi ?? true;
+  const strictObserverFreeze = options?.strictObserverFreeze === true;
   const allowedFrameOrigins = options?.allowedFrameOrigins ?? ["*"];
   function setFrameHeaders(req, res) {
     res.removeHeader("X-Frame-Options");
@@ -4921,6 +4923,8 @@ function createVisualEditorMiddleware(options) {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
         const password = url.searchParams.get("password") || "";
+        const strictFreezeParam = (url.searchParams.get("strictObserverFreeze") || "").toLowerCase();
+        const strictObserverFreezeForRequest = strictFreezeParam === "1" || strictFreezeParam === "true" || strictFreezeParam === "yes" ? true : strictFreezeParam === "0" || strictFreezeParam === "false" || strictFreezeParam === "no" ? false : strictObserverFreeze;
         if (!targetUrl) {
           res.statusCode = 400;
           res.end(JSON.stringify({ error: "Missing url parameter" }));
@@ -5058,6 +5062,7 @@ ${iframeAlwaysShowCssGuardScript}
 var TARGET_ORIGIN=${JSON.stringify(origin)};
 var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};
 var PROXY_PASSWORD=${JSON.stringify(password)};
+var STRICT_OBSERVER_FREEZE=${JSON.stringify(strictObserverFreezeForRequest)};
 window.__CONVERSION_EDITOR_ACTIVE__=true;
 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;}}
@@ -5077,6 +5082,9 @@ try{
       var wrapped=function(list,obs){
         try{
           if(!window.__CONVERSION_EDITOR_ACTIVE__)return cb(list,obs);
+          if(STRICT_OBSERVER_FREEZE){
+            return;
+          }
           var now=Date.now();
           if(now-last<120)return;
           last=now;
@@ -5086,6 +5094,11 @@ try{
       return new NativeMO(wrapped);
     };
     window.MutationObserver.prototype=NativeMO.prototype;
+    try{
+      if(STRICT_OBSERVER_FREEZE){
+        console.info("[conversion-proxy] strict MutationObserver freeze active");
+      }
+    }catch(_){}
   }
 }catch(_){}
 }catch(_){}})();</script>`;

package/package.json

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