@yashwant.dharmdas/elementor-mcp 3.2.6 → 3.2.7

package/dist/index.js

@@ -1128,18 +1128,57 @@ function createMcpServer(sites) {
                         window.scrollTo(0, 0);
                     });
                 }
-                // ── Force-load all <img> tags (including data-src / loading=lazy) ─
+                // ── Force-load all <img> tags + Elementor lazy backgrounds ────────
                 await page.evaluate(async () => {
-                    // Strip loading="lazy" so the browser loads everything eagerly
+                    // 1. Strip loading="lazy" so the browser loads everything eagerly
                     document.querySelectorAll('img[loading="lazy"]').forEach((img) => {
                         img.setAttribute("loading", "eager");
                     });
-                    // Resolve data-src → src for libraries that defer loading
+                    // 2. Resolve data-src → src for libraries that defer image loading
                     document.querySelectorAll("img[data-src]").forEach((img) => {
                         const ds = img.getAttribute("data-src");
                         if (ds && !img.getAttribute("src"))
                             img.setAttribute("src", ds);
                     });
+                    // 3. Force-load Elementor's lazy background images
+                    //    Elementor uses class .elementor-element-bg-lazyload + sets a
+                    //    CSS variable --e-bg-lazyload, OR data-bg / data-background-image
+                    const bgEls = document.querySelectorAll(".elementor-element-bg-lazyload, [data-bg], [data-background-image]");
+                    bgEls.forEach((el) => {
+                        const url = el.getAttribute("data-bg") ||
+                            el.getAttribute("data-background-image") ||
+                            getComputedStyle(el).getPropertyValue("--e-bg-lazyload").trim().replace(/^url\(["']?|["']?\)$/g, "");
+                        if (url && url !== "none" && !el.style.backgroundImage) {
+                            el.style.backgroundImage = `url("${url}")`;
+                        }
+                        el.classList.remove("elementor-element-bg-lazyload");
+                    });
+                    // 4. Force-show Elementor reveal-animation elements that are still
+                    //    hidden (opacity:0 / .elementor-invisible) waiting for scroll trigger
+                    document.querySelectorAll(".elementor-invisible").forEach((el) => {
+                        el.classList.remove("elementor-invisible");
+                        el.style.opacity = "1";
+                        el.style.visibility = "visible";
+                        el.style.transform = "none";
+                    });
+                    // 5. Disable CSS animations / transitions during capture so nothing
+                    //    is mid-flight when the screenshot fires
+                    const style = document.createElement("style");
+                    style.id = "__mcp_screenshot_overrides__";
+                    style.textContent = `
+							*, *::before, *::after {
+								animation-duration: 0s !important;
+								animation-delay: 0s !important;
+								transition-duration: 0s !important;
+								transition-delay: 0s !important;
+							}
+							.elementor-invisible { opacity: 1 !important; visibility: visible !important; }
+						`;
+                    document.head.appendChild(style);
+                    // 6. Wake up any IntersectionObserver-based loaders one more time
+                    window.dispatchEvent(new Event("scroll"));
+                    window.dispatchEvent(new Event("resize"));
+                    // 7. Wait for ALL <img> tags (now eager) to finish loading
                     const images = Array.from(document.querySelectorAll("img"));
                     await Promise.all(images.map((img) => {
                         if (img.complete && img.naturalWidth > 0)
@@ -1151,7 +1190,7 @@ function createMcpServer(sites) {
                         });
                     }));
                 });
-                // Extra settle time for fonts, CSS animations, video posters
+                // Extra settle time for fonts, video posters, and bg image decoding
                 await new Promise(resolve => setTimeout(resolve, wait ?? 2500));
                 const fmt = format ?? "jpeg";
                 const baseOptions = { type: fmt, fullPage: !max_height && (full_page ?? true) };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yashwant.dharmdas/elementor-mcp",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "description": "MCP server for controlling Elementor via Claude — supports multiple WordPress sites",
   "main": "dist/index.js",
   "type": "module",