@accelerated-agency/visual-editor 0.2.2 → 0.2.3

package/dist/index.js

@@ -1843,13 +1843,10 @@ 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" }) }) });
 }
 var CHANNEL = "conversion-editor";
-var IFRAME_LOAD_GUARD_MS = 13e4;
 function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong }) {
   const iframeElRef = useRef(null);
-  const loadGuardRef = useRef(null);
   const setSelectedElement = useMutationsStore((s) => s.setSelectedElement);
   const addMutationToActive = useVariationsStore((s) => s.addMutationToActive);
-  const [loading, setLoading] = useState(false);
   useEffect(() => {
     setIframeRef(iframeElRef.current);
     return () => setIframeRef(null);
@@ -1888,25 +1885,6 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [handleMessage]);
-  useEffect(() => {
-    if (!url) return;
-    setLoading(true);
-    if (loadGuardRef.current) clearTimeout(loadGuardRef.current);
-    loadGuardRef.current = setTimeout(() => {
-      loadGuardRef.current = null;
-      setLoading(false);
-    }, IFRAME_LOAD_GUARD_MS);
-    return () => {
-      if (loadGuardRef.current) clearTimeout(loadGuardRef.current);
-    };
-  }, [url]);
-  const clearLoadGuard = useCallback(() => {
-    if (loadGuardRef.current) {
-      clearTimeout(loadGuardRef.current);
-      loadGuardRef.current = null;
-    }
-    setLoading(false);
-  }, []);
   let resolvedUrl;
   if (url.toLowerCase() === "test") {
     resolvedUrl = "/test";
@@ -1921,27 +1899,16 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
       /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400", children: 'Load a page from the Page dropdown in the top bar, or type "test" for the local test page' })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full", children: [
-    loading && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col gap-4 p-8", style: { backgroundColor: "#F9FAFB" }, children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-3/4 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-48 w-full rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-32 w-full rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        ref: iframeElRef,
-        src: resolvedUrl,
-        className: "w-full h-full border-0",
-        sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
-        onLoad: clearLoadGuard,
-        onError: clearLoadGuard
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: iframeElRef,
+      src: resolvedUrl,
+      className: "w-full h-full border-0",
+      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
+      title: "Visual editor page"
+    }
+  ) });
 }
 function ElementOverlayToolbar() {
   const selectedElement = useMutationsStore((s) => s.selectedElement);

package/package.json

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