@yashwant.dharmdas/elementor-mcp 3.2.4 → 3.2.5

package/dist/index.js

@@ -1130,28 +1130,55 @@ function createMcpServer(sites) {
                 const baseOptions = { type: fmt, fullPage: !max_height && (full_page ?? true) };
                 if (max_height)
                     baseOptions.clip = { x: 0, y: 0, width: vpWidth, height: vpHeight };
-                // ── Adaptive quality: always fit under the MCP 1MB tool-result limit ──
+                // ── Adaptive capture: always fit under the MCP 1MB tool-result limit ──
                 // (base64 overhead ~33%, so raw buffer must be ≤ ~780KB)
                 const PREVIEW_LIMIT = 750 * 1024;
-                let buf;
+                let buf = Buffer.alloc(0);
                 let usedQuality = undefined;
+                let usedScale = 1;
+                const takeOne = async (q, scale) => {
+                    if (scale !== 1) {
+                        // Re-apply viewport with scale factor to shrink pixel dimensions
+                        await page.setViewport({ width: Math.round(vpWidth * scale), height: Math.round(vpHeight * scale), deviceScaleFactor: 1 });
+                        // Allow layout to reflow
+                        await new Promise(r => setTimeout(r, 500));
+                    }
+                    const opts = { ...baseOptions };
+                    if (q !== undefined)
+                        opts.quality = q;
+                    const raw = await page.screenshot(opts);
+                    return Buffer.isBuffer(raw) ? raw : Buffer.from(raw);
+                };
                 if (fmt === "jpeg") {
-                    // Try user-requested quality first; fall back progressively lower until it fits.
+                    // Stage 1: try full resolution, progressive quality
                     const q0 = quality ?? 82;
                     const qualitySteps = Array.from(new Set([q0, 70, 55, 40, 25, 15])).filter(q => q <= q0);
                     for (const q of qualitySteps) {
-                        const raw = await page.screenshot({ ...baseOptions, quality: q });
-                        buf = Buffer.isBuffer(raw) ? raw : Buffer.from(raw);
+                        buf = await takeOne(q, 1);
                         usedQuality = q;
                         if (buf.length <= PREVIEW_LIMIT)
                             break;
                     }
+                    // Stage 2: if still too big, shrink viewport width progressively
+                    const scaleSteps = [0.7, 0.5, 0.35, 0.25];
+                    for (const s of scaleSteps) {
+                        if (buf.length <= PREVIEW_LIMIT)
+                            break;
+                        buf = await takeOne(40, s);
+                        usedQuality = 40;
+                        usedScale = s;
+                        if (buf.length <= PREVIEW_LIMIT)
+                            break;
+                        // Inner quality drop at this scale
+                        buf = await takeOne(20, s);
+                        usedQuality = 20;
+                        if (buf.length <= PREVIEW_LIMIT)
+                            break;
+                    }
                 }
                 else {
-                    const raw = await page.screenshot(baseOptions);
-                    buf = Buffer.isBuffer(raw) ? raw : Buffer.from(raw);
+                    buf = await takeOne(undefined, 1);
                 }
-                buf = buf;
                 // ── 5. Save to disk ─────────────────────────────────────────────
                 const ext = fmt === "jpeg" ? "jpg" : "png";
                 const idPart = page_id ?? (pageUrl.replace(/https?:\/\//, "").replace(/[^a-z0-9]/gi, "_").slice(0, 40));
@@ -1161,7 +1188,7 @@ function createMcpServer(sites) {
                 const sizeKB = Math.round(buf.length / 1024);
                 const mimeType = `image/${fmt}`;
                 const qualityNote = usedQuality !== undefined && usedQuality !== (quality ?? 82)
-                    ? `  |  Auto-downscaled to quality ${usedQuality} to fit MCP limit`
+                    ? `  |  Auto-downscaled to quality ${usedQuality}${usedScale !== 1 ? ` @ ${Math.round(usedScale * 100)}% width` : ""} to fit MCP limit`
                     : "";
                 // ── 6. Always return the image so Claude can analyse it ──────
                 const content = [];

package/package.json

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