@accelerated-agency/visual-editor 0.2.6 → 0.2.7

package/dist/index.js

@@ -1842,6 +1842,31 @@ function ElementIcon({ tag }) {
   }
   return /* @__PURE__ */ jsx("span", { className: "shrink-0 w-5 h-5 rounded flex items-center justify-center", style: { backgroundColor: bgColor }, children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("rect", { x: "1.5", y: "1.5", width: "9", height: "9", rx: "1.5", stroke: iconColor, strokeWidth: "1.2" }) }) });
 }
+
+// src/lib/normalizeProxyBaseUrl.ts
+function normalizeProxyBaseUrl(proxyBaseUrl) {
+  const raw = (proxyBaseUrl || "").trim().replace(/\/+$/, "");
+  if (!raw) return "";
+  const isAbsoluteHttpUrl = /^https?:\/\//i.test(raw);
+  if (!isAbsoluteHttpUrl || typeof window === "undefined") {
+    return raw;
+  }
+  try {
+    const parsed = new URL(raw);
+    const pageIsHttps = window.location.protocol === "https:";
+    const targetIsHttp = parsed.protocol === "http:";
+    if (pageIsHttps && targetIsHttp) {
+      if (parsed.hostname === window.location.hostname) {
+        const basePath = parsed.pathname === "/" ? "" : parsed.pathname.replace(/\/+$/, "");
+        return `${window.location.origin}${basePath}`;
+      }
+      parsed.protocol = "https:";
+    }
+    return parsed.toString().replace(/\/+$/, "");
+  } catch {
+    return raw;
+  }
+}
 var CHANNEL = "conversion-editor";
 function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong }) {
   const iframeElRef = useRef(null);
@@ -1885,11 +1910,12 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [handleMessage]);
+  const resolvedProxyBaseUrl = normalizeProxyBaseUrl(proxyBaseUrl);
   let resolvedUrl;
   if (url.toLowerCase() === "test") {
     resolvedUrl = "/test";
   } else if (url.startsWith("http")) {
-    resolvedUrl = `${proxyBaseUrl}/api/conversion-proxy?password=${encodeURIComponent(password || "")}&url=${encodeURIComponent(url)}`;
+    resolvedUrl = `${resolvedProxyBaseUrl}/api/conversion-proxy?password=${encodeURIComponent(password || "")}&url=${encodeURIComponent(url)}`;
   } else {
     resolvedUrl = url;
   }
@@ -4777,6 +4803,7 @@ var VVVEB_CHANNEL = "vvveb-bridge";
 function PlatformVisualEditorV2({
   // channel kept for API compatibility; VvvebJs uses its own internal channel
   embeddedGlobalKey = "__CONVERSION_EMBEDDED__",
+  proxyBaseUrl = "",
   className = "fixed inset-0 z-[9999] flex flex-col bg-white",
   editorClassName = "flex-1 min-h-0",
   showHeader = true,
@@ -4839,6 +4866,10 @@ function PlatformVisualEditorV2({
     }),
     [experiment]
   );
+  const editorSrc = useMemo(() => {
+    const safeBaseUrl = normalizeProxyBaseUrl(proxyBaseUrl);
+    return safeBaseUrl ? `${safeBaseUrl}/vvveb-editor` : "/vvveb-editor";
+  }, [proxyBaseUrl]);
   useEffect(() => {
     if (!editorReady) return;
     const key = JSON.stringify(loadPayload);
@@ -4981,7 +5012,7 @@ function PlatformVisualEditorV2({
       "iframe",
       {
         ref: iframeRef,
-        src: "/vvveb-editor",
+        src: editorSrc,
         className: "w-full h-full border-0",
         title: "Vvveb Visual Editor",
         allow: "same-origin"

package/package.json

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