@accelerated-agency/visual-editor 0.1.9 → 0.2.0

package/dist/index.js

@@ -1882,7 +1882,7 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
   if (url.toLowerCase() === "test") {
     resolvedUrl = "/test";
   } else if (url.startsWith("http")) {
-    resolvedUrl = `${proxyBaseUrl}/api/proxy?password=${encodeURIComponent(password || "")}&url=${encodeURIComponent(url)}`;
+    resolvedUrl = `${proxyBaseUrl}/api/conversion-proxy?password=${encodeURIComponent(password || "")}&url=${encodeURIComponent(url)}`;
   } else {
     resolvedUrl = url;
   }

package/dist/vite.cjs

@@ -1021,7 +1021,7 @@ function handleLoadExperiment(data) {
   var urlBar = document.getElementById('url-bar');
   urlBar.textContent = pageUrl;
   urlBar.title = pageUrl;
-  var proxyUrl = '/api/proxy?password=' + encodeURIComponent(data.editorPassword || '') +
+  var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
                  '&url=' + encodeURIComponent(pageUrl);
   loadPage(proxyUrl);
 }
@@ -1919,8 +1919,8 @@ function createVisualEditorMiddleware(options) {
       }
       return;
     }
-    const isRootProxyPath = pathname === "/api/proxy" || pathname.startsWith("/api/proxy/");
-    if (!isRootProxyPath && pathname.includes("api/proxy")) {
+    const isRootProxyPath = pathname === "/api/conversion-proxy" || pathname.startsWith("/api/conversion-proxy/");
+    if (!isRootProxyPath && pathname.includes("api/conversion-proxy")) {
       if ((req.method || "GET").toUpperCase() === "OPTIONS") {
         res.statusCode = 204;
         res.setHeader("Access-Control-Allow-Origin", "*");
@@ -1937,6 +1937,10 @@ function createVisualEditorMiddleware(options) {
       return;
     }
     if (pathname.startsWith("/api/proxy")) {
+      const rewritten = (req.url || "").replace("/api/proxy", "/api/conversion-proxy");
+      req.url = rewritten;
+    }
+    if (pathname.startsWith("/api/conversion-proxy")) {
       try {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
@@ -2025,7 +2029,7 @@ function createVisualEditorMiddleware(options) {
         }
         html = html.replace(/(href|src|action)="\/(?!\/)/g, `$1="${origin}/`);
         const escapedOrigin = origin.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-        const proxyBase = `/api/proxy?password=${encodeURIComponent(password)}&url=`;
+        const proxyBase = `/api/conversion-proxy?password=${encodeURIComponent(password)}&url=`;
         html = html.replace(
           new RegExp(`(href|action)="${escapedOrigin}(/[^"]*)"`, "g"),
           (match, attr, urlPath) => {
@@ -2040,7 +2044,7 @@ function createVisualEditorMiddleware(options) {
           html = html.replace("</head>", `${popupHideCss}
 </head>`);
         }
-        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/proxy"||p.indexOf("/api/proxy/")===0)return false;return p.indexOf("api/proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
+        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
         if (html.includes("</head>")) {
           html = html.replace("</head>", `${runtimeProxyScript}
 </head>`);

package/dist/vite.js

@@ -1013,7 +1013,7 @@ function handleLoadExperiment(data) {
   var urlBar = document.getElementById('url-bar');
   urlBar.textContent = pageUrl;
   urlBar.title = pageUrl;
-  var proxyUrl = '/api/proxy?password=' + encodeURIComponent(data.editorPassword || '') +
+  var proxyUrl = '/api/conversion-proxy?password=' + encodeURIComponent(data.editorPassword || '') +
                  '&url=' + encodeURIComponent(pageUrl);
   loadPage(proxyUrl);
 }
@@ -1911,8 +1911,8 @@ function createVisualEditorMiddleware(options) {
       }
       return;
     }
-    const isRootProxyPath = pathname === "/api/proxy" || pathname.startsWith("/api/proxy/");
-    if (!isRootProxyPath && pathname.includes("api/proxy")) {
+    const isRootProxyPath = pathname === "/api/conversion-proxy" || pathname.startsWith("/api/conversion-proxy/");
+    if (!isRootProxyPath && pathname.includes("api/conversion-proxy")) {
       if ((req.method || "GET").toUpperCase() === "OPTIONS") {
         res.statusCode = 204;
         res.setHeader("Access-Control-Allow-Origin", "*");
@@ -1929,6 +1929,10 @@ function createVisualEditorMiddleware(options) {
       return;
     }
     if (pathname.startsWith("/api/proxy")) {
+      const rewritten = (req.url || "").replace("/api/proxy", "/api/conversion-proxy");
+      req.url = rewritten;
+    }
+    if (pathname.startsWith("/api/conversion-proxy")) {
       try {
         const url = new URL(req.url || "", "http://localhost");
         const targetUrl = url.searchParams.get("url");
@@ -2017,7 +2021,7 @@ function createVisualEditorMiddleware(options) {
         }
         html = html.replace(/(href|src|action)="\/(?!\/)/g, `$1="${origin}/`);
         const escapedOrigin = origin.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-        const proxyBase = `/api/proxy?password=${encodeURIComponent(password)}&url=`;
+        const proxyBase = `/api/conversion-proxy?password=${encodeURIComponent(password)}&url=`;
         html = html.replace(
           new RegExp(`(href|action)="${escapedOrigin}(/[^"]*)"`, "g"),
           (match, attr, urlPath) => {
@@ -2032,7 +2036,7 @@ function createVisualEditorMiddleware(options) {
           html = html.replace("</head>", `${popupHideCss}
 </head>`);
         }
-        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/proxy"||p.indexOf("/api/proxy/")===0)return false;return p.indexOf("api/proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
+        const runtimeProxyScript = `<script>(function(){try{var TARGET_ORIGIN=${JSON.stringify(origin)};var TARGET_PAGE_URL=${JSON.stringify(targetUrl)};var EMPTY_JSON_DATA="data:application/json;charset=utf-8,%7B%7D";function isSkippable(raw){if(!raw||typeof raw!=="string")return true;return raw.startsWith("data:")||raw.startsWith("blob:")||raw.startsWith("javascript:")||raw.startsWith("#")||raw.startsWith("http")||raw.startsWith("//");}function toAbsoluteOriginUrl(raw){if(isSkippable(raw))return raw;try{var base=raw.startsWith("/")?TARGET_ORIGIN:TARGET_PAGE_URL;var abs=new URL(raw,base);if(abs.origin!==TARGET_ORIGIN)return raw;return abs.toString();}catch(_){return raw;}}function resolveUrl(s){try{return new URL(s,window.location.href);}catch(_){return null;}}function isNestedMalformedProxy(u){if(!u)return false;var p=u.pathname||"";if(p==="/api/conversion-proxy"||p.indexOf("/api/conversion-proxy/")===0)return false;return p.indexOf("api/conversion-proxy")!==-1;}function skipNestedProxyNetwork(s){var u=typeof s==="string"?resolveUrl(s):null;return u&&isNestedMalformedProxy(u);}function emptyJsonFetchResponse(){return Promise.resolve(new Response("{}",{status:200,headers:{"Content-Type":"application/json; charset=utf-8"}}));}if(window.fetch){var _fetch=window.fetch.bind(window);window.fetch=function(input,init){try{var rawUrl=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(rawUrl&&skipNestedProxyNetwork(rawUrl))return emptyJsonFetchResponse();if(typeof input==="string"){input=toAbsoluteOriginUrl(input);}else if(input&&input.url){var next=toAbsoluteOriginUrl(input.url);if(next!==input.url){input=new Request(next,input);}}var after=typeof input==="string"?input:(input&&input.url?String(input.url):"");if(after&&skipNestedProxyNetwork(after))return emptyJsonFetchResponse();}catch(_){}return _fetch(input,init);};}if(window.XMLHttpRequest&&window.XMLHttpRequest.prototype&&window.XMLHttpRequest.prototype.open){var _open=window.XMLHttpRequest.prototype.open;window.XMLHttpRequest.prototype.open=function(method,url){try{var u=resolveUrl(String(url));if(u&&isNestedMalformedProxy(u)){arguments[1]=EMPTY_JSON_DATA;}else{arguments[1]=toAbsoluteOriginUrl(url);}}catch(_){}return _open.apply(this,arguments);};}if(window.navigator&&window.navigator.serviceWorker&&typeof window.navigator.serviceWorker.register==="function"){window.navigator.serviceWorker.register=function(){return Promise.resolve({scope:"disabled-in-editor-proxy"});};}}catch(_){}})();</script>`;
         if (html.includes("</head>")) {
           html = html.replace("</head>", `${runtimeProxyScript}
 </head>`);

package/package.json

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