webcake-landing-mcp 1.0.80 → 1.0.81

package/dist/changelog.json

@@ -1,4 +1,11 @@
 [
+  {
+    "v": "1.0.81",
+    "d": "16/06/2026",
+    "type": "Changed",
+    "en": "The Playwright screenshot engine that backs render_preview's GET /api/render/screenshot route now defaults to JPEG output instead of PNG, reducing…",
+    "vi": "Engine chụp màn hình Playwright phục vụ route GET /api/render/screenshot của render_preview nay mặc định xuất ảnh JPEG thay vì PNG, giúp giảm kích…"
+  },
   {
     "v": "1.0.80",
     "d": "16/06/2026",
@@ -33,12 +40,5 @@
     "type": "Added",
     "en": "validate_page now warns when specials.custom_css sets layout or structural CSS properties (position, top, left, right, bottom, inset, width, height,…",
     "vi": "validate_page nay cảnh báo khi specials.custom_css đặt các thuộc tính CSS layout hoặc cấu trúc (position, top, left, right, bottom, inset, width,…"
-  },
-  {
-    "v": "1.0.75",
-    "d": "15/06/2026",
-    "type": "Added",
-    "en": "New get_icon_svg tool resolves Material Symbols (ms:<name>) and Font Awesome (fa:<name>) icon-font references to real inline SVG markup via the…",
-    "vi": "Tool mới get_icon_svg resolve tên icon-font Material Symbols (ms:<name>) và Font Awesome (fa:<name>) thành SVG inline thực sự qua Iconify API công…"
   }
 ]

package/dist/http.js

@@ -355,8 +355,8 @@ async function handleRenderScreenshot(req, res) {
         // 503 when the engine is absent (caller should fall back / skip), 502 otherwise.
         return sendErr(r.reason === "not_installed" ? 503 : 502, { ok: false, error: r.error });
     }
-    res.writeHead(200, { "content-type": "image/png", "cache-control": "no-store", ...cors });
-    return res.end(r.png);
+    res.writeHead(200, { "content-type": r.mimeType, "cache-control": "no-store", ...cors });
+    return res.end(r.data);
 }
 export async function startHttpServer(port) {
     // mcp-session-id -> live transport (each bound to its own McpServer instance).

package/dist/persistence/screenshot-playwright.js

@@ -63,6 +63,22 @@ async function getBrowser() {
         return null;
     }
 }
+/**
+ * Output tuning (env-controlled, so the VPS operator picks the size/quality
+ * tradeoff). Default JPEG — a full-page landing screenshot is ~5–10× smaller as
+ * JPEG than PNG with no loss that matters for a layout/colour comparison, which
+ * shrinks the base64 the model receives. `scale` (deviceScaleFactor) renders at a
+ * lower pixel density to cut dimensions too; 1 = crisp, 0.5 = quarter the pixels.
+ */
+function outputOpts() {
+    const fmt = (process.env.RENDER_SCREENSHOT_FORMAT ?? "jpeg").toLowerCase();
+    const type = fmt === "png" ? "png" : "jpeg";
+    const q = parseInt(process.env.RENDER_SCREENSHOT_QUALITY ?? "", 10);
+    const quality = type === "jpeg" ? (Number.isFinite(q) && q >= 1 && q <= 100 ? q : 72) : undefined;
+    const s = parseFloat(process.env.RENDER_SCREENSHOT_SCALE ?? "");
+    const scale = Number.isFinite(s) && s > 0 && s <= 2 ? s : 1;
+    return { type, quality, scale };
+}
 /** Screenshot a URL with Playwright. Never throws. */
 export async function captureWithPlaywright(url, opts = {}) {
     const pw = await loadPlaywright();
@@ -88,15 +104,20 @@ export async function captureWithPlaywright(url, opts = {}) {
         }
         let ctx;
         try {
+            const out = outputOpts();
             ctx = await browser.newContext({
                 viewport: { width: opts.width && Number.isFinite(opts.width) ? Math.round(opts.width) : 1280, height: 900 },
-                deviceScaleFactor: 1,
+                deviceScaleFactor: out.scale,
             });
             const page = await ctx.newPage();
             await page.goto(url, { waitUntil: "load", timeout: 30_000 });
             await page.waitForTimeout(1200); // let webfonts/lazy images settle
-            const png = await page.screenshot({ fullPage: opts.fullPage !== false, type: "png" });
-            return { ok: true, png: Buffer.from(png) };
+            const shot = await page.screenshot({
+                fullPage: opts.fullPage !== false,
+                type: out.type,
+                ...(out.type === "jpeg" ? { quality: out.quality } : {}),
+            });
+            return { ok: true, data: Buffer.from(shot), mimeType: out.type === "png" ? "image/png" : "image/jpeg" };
         }
         catch (e) {
             const msg = String(e?.message ?? e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-landing-mcp",
-  "version": "1.0.80",
+  "version": "1.0.81",
   "description": "MCP server exposing Webcake landing-page element schemas + AI usage hints, and persisting LLM-generated page sources to a Webcake backend.",
   "mcpName": "io.github.vuluu2k/webcake-landing-mcp",
   "type": "module",