@yashwant.dharmdas/elementor-mcp 3.2.5 → 3.2.6

package/dist/index.js

@@ -1090,28 +1090,56 @@ function createMcpServer(sites) {
                 await page.setViewport({ width: vpWidth, height: vpHeight, deviceScaleFactor: 1 });
                 // Navigate and wait for network to go idle
                 await page.goto(pageUrl, { waitUntil: "networkidle2", timeout: 45_000 });
-                // ── Auto-scroll: trigger lazy-loaded images/content ─────────────
+                // ── Auto-scroll with multi-pass stabilization ────────────────────
+                // Many Elementor pages lazy-load content on scroll (images, Swiper
+                // carousels, reveal animations). A single scroll pass is not enough —
+                // the page can grow as content loads. We keep scrolling until the
+                // total page height stops increasing between passes.
                 if (auto_scroll !== false) {
                     await page.evaluate(async () => {
-                        await new Promise((resolve) => {
-                            let totalHeight = 0;
-                            const distance = 200;
+                        const getHeight = () => Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight);
+                        const scrollOnce = () => new Promise((resolve) => {
+                            let y = 0;
+                            const step = 300;
                             const timer = setInterval(() => {
-                                const scrollHeight = document.body.scrollHeight;
-                                window.scrollBy(0, distance);
-                                totalHeight += distance;
-                                if (totalHeight >= scrollHeight) {
+                                const h = getHeight();
+                                window.scrollBy(0, step);
+                                y += step;
+                                if (y >= h) {
                                     clearInterval(timer);
                                     resolve();
                                 }
-                            }, 80);
+                            }, 60);
                         });
+                        // Repeat until height stabilizes (max 4 passes)
+                        let lastHeight = 0;
+                        for (let i = 0; i < 4; i++) {
+                            window.scrollTo(0, 0);
+                            await new Promise(r => setTimeout(r, 150));
+                            await scrollOnce();
+                            // Wait at the bottom for lazy content to trigger
+                            await new Promise(r => setTimeout(r, 800));
+                            const h = getHeight();
+                            if (h === lastHeight)
+                                break;
+                            lastHeight = h;
+                        }
+                        // Back to top for the capture
+                        window.scrollTo(0, 0);
                     });
-                    // Scroll back to top for the capture
-                    await page.evaluate(() => window.scrollTo(0, 0));
                 }
-                // ── Wait for all <img> tags to finish loading ──────────────────
+                // ── Force-load all <img> tags (including data-src / loading=lazy) ─
                 await page.evaluate(async () => {
+                    // 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
+                    document.querySelectorAll("img[data-src]").forEach((img) => {
+                        const ds = img.getAttribute("data-src");
+                        if (ds && !img.getAttribute("src"))
+                            img.setAttribute("src", ds);
+                    });
                     const images = Array.from(document.querySelectorAll("img"));
                     await Promise.all(images.map((img) => {
                         if (img.complete && img.naturalWidth > 0)
@@ -1119,13 +1147,12 @@ function createMcpServer(sites) {
                         return new Promise((resolve) => {
                             img.addEventListener("load", () => resolve(), { once: true });
                             img.addEventListener("error", () => resolve(), { once: true });
-                            // Safety timeout per image
                             setTimeout(() => resolve(), 5000);
                         });
                     }));
                 });
-                // Extra settle time for fonts, animations, videos
-                await new Promise(resolve => setTimeout(resolve, wait ?? 2000));
+                // Extra settle time for fonts, CSS animations, video posters
+                await new Promise(resolve => setTimeout(resolve, wait ?? 2500));
                 const fmt = format ?? "jpeg";
                 const baseOptions = { type: fmt, fullPage: !max_height && (full_page ?? true) };
                 if (max_height)

package/package.json

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