frameshot-mcp 0.10.0 → 0.11.0

package/dist/{chunk-6OTGZDUU.js → chunk-AF64XFKX.js}

@@ -10,7 +10,7 @@ import {
   SnapshotStore,
   SnapshotUseCase,
   ViteBundler
-} from "./chunk-WACVDBUF.js";
+} from "./chunk-FQ3BVCX7.js";
 
 // src/use-cases/watch.ts
 import { watch } from "chokidar";

package/dist/{chunk-WACVDBUF.js → chunk-FQ3BVCX7.js}

@@ -1476,6 +1476,7 @@ var RenderUseCase = class {
     const opts = this.resolveOptions(options);
     const ext = extname2(filePath).toLowerCase();
     const framework = EXT_TO_FRAMEWORK[ext] ?? "react";
+    let fallbackReason;
     if (this.viteBundler) {
       try {
         const { url } = await this.viteBundler.getUrl(filePath, {
@@ -1488,16 +1489,18 @@ var RenderUseCase = class {
         );
         return { results: results2, mode: "vite" };
       } catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
+        fallbackReason = err instanceof Error ? err.message : String(err);
         process.stderr.write(
-          `[frameshot] Vite pipeline failed (${msg}), falling back to CDN
+          `[frameshot] Vite pipeline failed (${fallbackReason}), falling back to CDN
 `
         );
       }
+    } else {
+      fallbackReason = "Vite bundler not available";
     }
     const code = readFileSync3(filePath, "utf-8");
     const results = await this.render(code, framework, options);
-    return { results, mode: "cdn" };
+    return { results, mode: "cdn", fallbackReason };
   }
   async renderInteraction(code, framework, interactions, options = {}) {
     const opts = this.resolveOptions(options);

package/dist/cli.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 import {
   createContainer
-} from "./chunk-6OTGZDUU.js";
+} from "./chunk-AF64XFKX.js";
 import {
   EXT_TO_FRAMEWORK
-} from "./chunk-WACVDBUF.js";
+} from "./chunk-FQ3BVCX7.js";
 
 // src/cli.ts
 import { mkdirSync } from "fs";

package/dist/index.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
 import {
   createContainer
-} from "./chunk-6OTGZDUU.js";
+} from "./chunk-AF64XFKX.js";
 import {
   DEVICE_PRESETS,
   EXT_TO_FRAMEWORK,
   __export
-} from "./chunk-WACVDBUF.js";
+} from "./chunk-FQ3BVCX7.js";
 
 // src/index.ts
 import { execSync } from "child_process";
@@ -14907,19 +14907,25 @@ function registerRenderFileTools(server2, useCase) {
         mock
       }) => {
         const start = performance.now();
-        const { results, mode } = await useCase.renderFile(path, {
-          props,
-          viewport: { width, height },
-          fullPage: true,
-          engines: ["chromium"],
-          darkMode,
-          tailwindVersion,
-          projectRoot,
-          mock
-        });
+        const { results, mode, fallbackReason } = await useCase.renderFile(
+          path,
+          {
+            props,
+            viewport: { width, height },
+            fullPage: true,
+            engines: ["chromium"],
+            darkMode,
+            tailwindVersion,
+            projectRoot,
+            mock
+          }
+        );
         const elapsed = Math.round(performance.now() - start);
         const ext = extname(path).toLowerCase();
         const framework = EXT_TO_FRAMEWORK[ext] ?? "react";
+        const fallbackNote = mode === "cdn" && fallbackReason ? `
+\u2139\uFE0F Fell back to CDN pipeline: ${fallbackReason}
+   Imports from node_modules may not resolve. To fix: install vite as a devDep and add a minimal vite.config.` : "";
         const content = results.flatMap((r) => [
           {
             type: "image",
@@ -14930,7 +14936,7 @@ function registerRenderFileTools(server2, useCase) {
             type: "text",
             text: `[${mode}/${framework}] ${r.width}x${r.height} (${elapsed}ms)${r.consoleErrors.length ? `
 \u26A0\uFE0F Console errors:
-${r.consoleErrors.join("\n")}` : ""}`
+${r.consoleErrors.join("\n")}` : ""}${fallbackNote}`
           }
         ]);
         return { content };
@@ -15569,21 +15575,9 @@ function registerAllTools(server2, useCases) {
 
 // src/index.ts
 var container = createContainer();
-async function ensureBrowser() {
-  try {
-    await container.pool.warmup(["chromium"]);
-  } catch {
-    try {
-      execSync("npx playwright install chromium", { stdio: "pipe" });
-      await container.pool.warmup(["chromium"]);
-    } catch {
-    }
-  }
-}
-await ensureBrowser();
 var server = new McpServer({
   name: "frameshot",
-  version: "0.8.0"
+  version: "0.10.0"
 });
 registerAllTools(server, {
   render: container.renderUseCase,
@@ -15596,6 +15590,18 @@ registerAllTools(server, {
 });
 var transport = new StdioServerTransport();
 await server.connect(transport);
+void (async () => {
+  try {
+    await container.pool.warmup(["chromium"]);
+  } catch {
+    try {
+      execSync("npx playwright install chromium", { stdio: "pipe" });
+      await container.pool.warmup(["chromium"]).catch(() => {
+      });
+    } catch {
+    }
+  }
+})();
 process.on("SIGINT", async () => {
   await container.shutdown();
   process.exit(0);

package/dist/renderer.d.ts

@@ -218,6 +218,8 @@ declare class RenderUseCase {
     renderFile(filePath: string, options?: Partial<FileRenderOptions>): Promise<{
         results: ScreenshotResult[];
         mode: "vite" | "cdn";
+        /** If we fell back to CDN, the reason the Vite pipeline was skipped. */
+        fallbackReason?: string;
     }>;
     renderInteraction(code: string, framework: Framework, interactions: Interaction[], options?: Partial<RenderOptions>): Promise<{
         image: string;

package/dist/renderer.js

@@ -13,7 +13,7 @@ import {
   SnapshotStore,
   SnapshotUseCase,
   ViteBundler
-} from "./chunk-WACVDBUF.js";
+} from "./chunk-FQ3BVCX7.js";
 export {
   AuditUseCase,
   BrowserPool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frameshot-mcp",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Zero-config visual testing for AI agents. Render project components with full Vite dependency resolution — no stories, no config.",
   "type": "module",
   "main": "dist/index.js",

package/scripts/render-changed.mjs

@@ -259,12 +259,17 @@ async function main() {
     try {
       // Render current (after) version
       console.log(`  Rendering (after): ${filePath}`);
-      const { results: afterResults, mode } = await renderUseCase.renderFile(
-        filePath,
-        renderOpts,
-      );
+      const {
+        results: afterResults,
+        mode,
+        fallbackReason,
+      } = await renderUseCase.renderFile(filePath, renderOpts);
       const afterResult = afterResults[0];
 
+      if (mode === "cdn" && fallbackReason) {
+        console.log(`    ℹ️  CDN fallback: ${fallbackReason}`);
+      }
+
       const afterPath = join(outputDir, `${safeName}_after.png`);
       writeFileSync(afterPath, Buffer.from(afterResult.image, "base64"));