@_davideast/stitch-mcp 0.5.0 → 0.5.1

package/dist/{chunk-r2sg2nxa.js → chunk-5f2htt6r.js}

@@ -1,20 +1,19 @@
 import {
   InitHandler
-} from "./chunk-v7117ywx.js";
-import"./chunk-sdp429xd.js";
-import"./chunk-z9d2xc83.js";
+} from "./chunk-rvq1vb70.js";
+import"./chunk-sw7h7asn.js";
+import"./chunk-cwqdka8y.js";
 import"./chunk-nq68kghz.js";
-import"./chunk-mv9ssgmx.js";
+import"./chunk-54wv5ptt.js";
 import"./chunk-f2hq6bfv.js";
-import"./chunk-nthabjd9.js";
 import"./chunk-4jygt4d6.js";
 import"./chunk-tz7wnw4s.js";
 import"./chunk-kbtqrkwh.js";
 import"./chunk-3sfn889r.js";
-import"./chunk-2k7n0w2x.js";
+import"./chunk-c6ge431q.js";
 import"./chunk-9wyra8hs.js";
 export {
   InitHandler
 };
 
-//# debugId=8B9766FC1E9BEF0464756E2164756E21
+//# debugId=383410DAD74C59F864756E2164756E21

package/dist/chunk-5f2htt6r.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "383410DAD74C59F864756E2164756E21",
+  "names": []
+}

package/dist/chunk-6gw9apqb.js

@@ -0,0 +1,20 @@
+// src/commands/site/utils/fetchWithRetry.ts
+async function fetchWithRetry(url, maxRetries = 4, maxBackoffMs = 8000) {
+  for (let attempt = 0;attempt <= maxRetries; attempt++) {
+    const response = await fetch(url);
+    if (response.ok) {
+      return await response.text();
+    }
+    if (response.status === 429 && attempt < maxRetries) {
+      const backoff = Math.min(1000 * 2 ** attempt, maxBackoffMs);
+      await new Promise((r) => setTimeout(r, backoff));
+      continue;
+    }
+    throw new Error(`Failed to fetch content: ${response.statusText}`);
+  }
+  throw new Error(`Failed to fetch content after ${maxRetries + 1} attempts`);
+}
+
+export { fetchWithRetry };
+
+//# debugId=F07D33AA3782D0A764756E2164756E21

package/dist/chunk-6gw9apqb.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/commands/site/utils/fetchWithRetry.ts"],
+  "sourcesContent": [
+    "/**\n * Fetches text content from a URL with exponential backoff retry on 429 (Too Many Requests).\n * Non-429 errors are thrown immediately without retrying.\n *\n * @param url - The URL to fetch\n * @param maxRetries - Maximum number of retries (default: 4, so 5 total attempts)\n * @param maxBackoffMs - Maximum backoff delay in ms (default: 8000)\n * @returns The response body as text\n */\nexport async function fetchWithRetry(\n  url: string,\n  maxRetries = 4,\n  maxBackoffMs = 8000,\n): Promise<string> {\n  for (let attempt = 0; attempt <= maxRetries; attempt++) {\n    const response = await fetch(url);\n\n    if (response.ok) {\n      return await response.text();\n    }\n\n    if (response.status === 429 && attempt < maxRetries) {\n      const backoff = Math.min(1000 * 2 ** attempt, maxBackoffMs);\n      await new Promise(r => setTimeout(r, backoff));\n      continue;\n    }\n\n    throw new Error(`Failed to fetch content: ${response.statusText}`);\n  }\n\n  throw new Error(`Failed to fetch content after ${maxRetries + 1} attempts`);\n}\n"
+  ],
+  "mappings": ";AASA,eAAsB,cAAc,CAClC,KACA,aAAa,GACb,eAAe,MACE;AAAA,EACjB,SAAS,UAAU,EAAG,WAAW,YAAY,WAAW;AAAA,IACtD,MAAM,WAAW,MAAM,MAAM,GAAG;AAAA,IAEhC,IAAI,SAAS,IAAI;AAAA,MACf,OAAO,MAAM,SAAS,KAAK;AAAA,IAC7B;AAAA,IAEA,IAAI,SAAS,WAAW,OAAO,UAAU,YAAY;AAAA,MACnD,MAAM,UAAU,KAAK,IAAI,OAAO,KAAK,SAAS,YAAY;AAAA,MAC1D,MAAM,IAAI,QAAQ,OAAK,WAAW,GAAG,OAAO,CAAC;AAAA,MAC7C;AAAA,IACF;AAAA,IAEA,MAAM,IAAI,MAAM,4BAA4B,SAAS,YAAY;AAAA,EACnE;AAAA,EAEA,MAAM,IAAI,MAAM,iCAAiC,aAAa,YAAY;AAAA;",
+  "debugId": "F07D33AA3782D0A764756E2164756E21",
+  "names": []
+}

package/dist/chunk-7bt2055x.js

@@ -0,0 +1,39 @@
+import {
+  pLimit
+} from "./chunk-a5xra9jn.js";
+import"./chunk-9wyra8hs.js";
+
+// src/commands/serve/handler.ts
+class ServeHandler {
+  stitch;
+  constructor(stitch) {
+    this.stitch = stitch;
+  }
+  async execute(projectId) {
+    try {
+      const project = this.stitch.project(projectId);
+      const screens = await project.screens();
+      const limit = pLimit(3);
+      const withHtml = await Promise.all(screens.map((s) => limit(async () => ({
+        screenId: s.screenId,
+        title: s.title ?? s.screenId,
+        codeUrl: await s.getHtml()
+      }))));
+      const filtered = withHtml.filter((s) => s.codeUrl !== null);
+      filtered.sort((a, b) => a.title.localeCompare(b.title));
+      return {
+        success: true,
+        projectId,
+        projectTitle: project.data?.title ?? projectId,
+        screens: filtered
+      };
+    } catch (e) {
+      return { success: false, error: e.message };
+    }
+  }
+}
+export {
+  ServeHandler
+};
+
+//# debugId=1093F49EB96B9D0D64756E2164756E21

package/dist/chunk-7bt2055x.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/commands/serve/handler.ts"],
+  "sourcesContent": [
+    "import type { Stitch } from '@google/stitch-sdk';\nimport pLimit from 'p-limit';\n\ninterface CodeScreen {\n  screenId: string;\n  title: string;\n  codeUrl: string;\n}\n\ntype ServeHandlerResult = {\n  success: true;\n  projectId: string;\n  projectTitle: string;\n  screens: CodeScreen[];\n} | {\n  success: false;\n  error: string;\n};\n\nexport class ServeHandler {\n  constructor(private readonly stitch: Stitch) {}\n\n  async execute(projectId: string): Promise<ServeHandlerResult> {\n    try {\n      const project = this.stitch.project(projectId);\n      const screens = await project.screens();\n\n      // Throttle concurrent API calls\n      const limit = pLimit(3);\n      const withHtml = await Promise.all(\n        screens.map((s: any) => limit(async () => ({\n          screenId: s.screenId,\n          title: s.title ?? s.screenId,\n          codeUrl: await s.getHtml(),\n        })))\n      );\n\n      const filtered = withHtml.filter(s => s.codeUrl !== null);\n\n      // Sort alphabetically by title\n      filtered.sort((a, b) => a.title.localeCompare(b.title));\n\n      return {\n        success: true,\n        projectId,\n        projectTitle: project.data?.title ?? projectId,\n        screens: filtered,\n      };\n    } catch (e: any) {\n      return { success: false, error: e.message };\n    }\n  }\n}\n"
+  ],
+  "mappings": ";;;;;;AAmBO,MAAM,aAAa;AAAA,EACK;AAAA,EAA7B,WAAW,CAAkB,QAAgB;AAAA,IAAhB;AAAA;AAAA,OAEvB,QAAO,CAAC,WAAgD;AAAA,IAC5D,IAAI;AAAA,MACF,MAAM,UAAU,KAAK,OAAO,QAAQ,SAAS;AAAA,MAC7C,MAAM,UAAU,MAAM,QAAQ,QAAQ;AAAA,MAGtC,MAAM,QAAQ,OAAO,CAAC;AAAA,MACtB,MAAM,WAAW,MAAM,QAAQ,IAC7B,QAAQ,IAAI,CAAC,MAAW,MAAM,aAAa;AAAA,QACzC,UAAU,EAAE;AAAA,QACZ,OAAO,EAAE,SAAS,EAAE;AAAA,QACpB,SAAS,MAAM,EAAE,QAAQ;AAAA,MAC3B,EAAE,CAAC,CACL;AAAA,MAEA,MAAM,WAAW,SAAS,OAAO,OAAK,EAAE,YAAY,IAAI;AAAA,MAGxD,SAAS,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,KAAK,CAAC;AAAA,MAEtD,OAAO;AAAA,QACL,SAAS;AAAA,QACT;AAAA,QACA,cAAc,QAAQ,MAAM,SAAS;AAAA,QACrC,SAAS;AAAA,MACX;AAAA,MACA,OAAO,GAAQ;AAAA,MACf,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,QAAQ;AAAA;AAAA;AAGhD;",
+  "debugId": "1093F49EB96B9D0D64756E2164756E21",
+  "names": []
+}

package/dist/chunk-7egq85x5.js

@@ -0,0 +1,273 @@
+import {
+  openUrl,
+  require_jsx_dev_runtime
+} from "./chunk-krfqppg2.js";
+import {
+  StitchViteServer
+} from "./chunk-dyp9t5wf.js";
+import"./chunk-abf1r0jh.js";
+import {
+  Box_default,
+  Text,
+  use_app_default,
+  use_input_default
+} from "./chunk-7y4xzvkz.js";
+import {
+  require_react
+} from "./chunk-4jwmvjb4.js";
+import {
+  downloadText
+} from "./chunk-34w2wfyp.js";
+import {
+  clipboardy_default
+} from "./chunk-akd997ec.js";
+import"./chunk-q6sv0243.js";
+import"./chunk-4jygt4d6.js";
+import"./chunk-tz7wnw4s.js";
+import"./chunk-3sfn889r.js";
+import {
+  __toESM
+} from "./chunk-9wyra8hs.js";
+
+// src/commands/screens/ScreensView.tsx
+var import_react = __toESM(require_react(), 1);
+var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+function ScreensView({ projectId, projectTitle, screens }) {
+  const { exit } = use_app_default();
+  const [selectedIndex, setSelectedIndex] = import_react.useState(0);
+  const [windowStart, setWindowStart] = import_react.useState(0);
+  const [status, setStatus] = import_react.useState("");
+  const [serverUrl, setServerUrl] = import_react.useState(null);
+  const serverRef = import_react.useRef(null);
+  const VIEW_HEIGHT = 10;
+  import_react.default.useEffect(() => {
+    if (selectedIndex < windowStart) {
+      setWindowStart(selectedIndex);
+    } else if (selectedIndex >= windowStart + VIEW_HEIGHT) {
+      setWindowStart(selectedIndex - VIEW_HEIGHT + 1);
+    }
+  }, [selectedIndex, windowStart, VIEW_HEIGHT]);
+  import_react.useEffect(() => {
+    return () => {
+      if (serverRef.current)
+        serverRef.current.stop();
+    };
+  }, []);
+  async function serveScreen(screen) {
+    if (!screen.hasCode || !screen.codeUrl) {
+      setStatus("No HTML to serve");
+      return;
+    }
+    setStatus("Preparing server...");
+    let srv = serverRef.current;
+    let url = serverUrl;
+    let justStarted = false;
+    if (!srv) {
+      srv = new StitchViteServer;
+      url = await srv.start(0);
+      serverRef.current = srv;
+      setServerUrl(url);
+      justStarted = true;
+    }
+    if (!url)
+      return;
+    try {
+      const html = await downloadText(screen.codeUrl);
+      const route = `/screens/${screen.screenId}`;
+      srv.mount(route, html);
+      const fullUrl = `${url}${route}`;
+      if (justStarted) {
+        openUrl(fullUrl);
+      } else {
+        srv.navigate(fullUrl);
+      }
+      setStatus(`Serving at ${fullUrl}`);
+    } catch (e) {
+      setStatus("Error serving screen");
+    }
+  }
+  use_input_default((input, key) => {
+    if (input === "q") {
+      exit();
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+      setStatus("");
+    }
+    if (key.downArrow || input === "j") {
+      setSelectedIndex((prev) => Math.min(screens.length - 1, prev + 1));
+      setStatus("");
+    }
+    if (input === "c") {
+      const screen = screens[selectedIndex];
+      if (screen?.hasCode && screen.codeUrl) {
+        setStatus("Copying...");
+        downloadText(screen.codeUrl).then((code) => {
+          clipboardy_default.write(code);
+          setStatus("HTML copied!");
+        }).catch(() => setStatus("Failed to copy"));
+      } else {
+        setStatus("No HTML available");
+      }
+    }
+    if (input === "i") {
+      const screen = screens[selectedIndex];
+      if (screen?.hasImage) {
+        setStatus("Image copy not implemented");
+      } else {
+        setStatus("No image available");
+      }
+    }
+    if (input === "s") {
+      const screen = screens[selectedIndex];
+      if (screen) {
+        serveScreen(screen);
+      }
+    }
+  });
+  const visibleScreens = screens.slice(windowStart, windowStart + VIEW_HEIGHT);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+    flexDirection: "column",
+    padding: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        bold: true,
+        children: [
+          projectTitle,
+          " (",
+          screens.length,
+          " screens)"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        dimColor: true,
+        children: [
+          "projectId: ",
+          projectId
+        ]
+      }, undefined, true, undefined, this),
+      serverUrl && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        dimColor: true,
+        children: [
+          "Server: ",
+          /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            color: "green",
+            children: serverUrl
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        children: " "
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: "yellow",
+        paddingX: 1,
+        children: [
+          windowStart > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            dimColor: true,
+            children: [
+              "... ",
+              windowStart,
+              " more above ..."
+            ]
+          }, undefined, true, undefined, this),
+          visibleScreens.map((screen, index) => {
+            const absoluteIndex = windowStart + index;
+            const isSelected = absoluteIndex === selectedIndex;
+            const num = String(absoluteIndex + 1).padStart(2, " ");
+            const selector = isSelected ? "▸" : " ";
+            return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+              flexDirection: "column",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+                  justifyContent: "space-between",
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          dimColor: true,
+                          children: num
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          color: isSelected ? "cyan" : undefined,
+                          children: [
+                            " ",
+                            selector,
+                            " "
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          color: isSelected ? "cyan" : undefined,
+                          bold: isSelected,
+                          children: screen.title.slice(0, 28)
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "html"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          color: screen.hasCode ? "green" : "gray",
+                          children: screen.hasCode ? "[✓]" : "[ ]"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          children: "  "
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "img"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                          color: screen.hasImage ? "green" : "gray",
+                          children: screen.hasImage ? "[✓]" : "[ ]"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                  dimColor: true,
+                  color: "gray",
+                  children: [
+                    "     screenId: ",
+                    screen.screenId
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+                  children: " "
+                }, undefined, false, undefined, this)
+              ]
+            }, screen.screenId, true, undefined, this);
+          }),
+          windowStart + VIEW_HEIGHT < screens.length && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+            dimColor: true,
+            children: [
+              "... ",
+              screens.length - (windowStart + VIEW_HEIGHT),
+              " more below ..."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        dimColor: true,
+        children: "[c]opy html  [i]mage  [s]erve  [q]uit"
+      }, undefined, false, undefined, this),
+      status && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
+        color: "yellow",
+        children: status
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  ScreensView
+};
+
+//# debugId=A890852E888CB14764756E2164756E21

package/dist/chunk-7egq85x5.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/commands/screens/ScreensView.tsx"],
+  "sourcesContent": [
+    "import React, { useState, useEffect, useRef } from 'react';\nimport { Box, Text, useInput, useApp } from 'ink';\nimport { downloadText } from '../../ui/copy-behaviors/clipboard.js';\nimport clipboard from 'clipboardy';\nimport { StitchViteServer } from '../../lib/server/vite/StitchViteServer.js';\nimport { openUrl } from '../../platform/browser.js';\n\ninterface Screen {\n  screenId: string;\n  title: string;\n  hasCode: boolean;\n  codeUrl: string | null;\n  hasImage: boolean;\n}\n\ninterface ScreensViewProps {\n  projectId: string;\n  projectTitle: string;\n  screens: Screen[];\n}\n\nexport function ScreensView({ projectId, projectTitle, screens }: ScreensViewProps) {\n  const { exit } = useApp();\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [windowStart, setWindowStart] = useState(0);\n  const [status, setStatus] = useState('');\n  const [serverUrl, setServerUrl] = useState<string | null>(null);\n\n  const serverRef = useRef<StitchViteServer | null>(null);\n\n  const VIEW_HEIGHT = 10;\n\n  // Helper to sync window with selection\n  React.useEffect(() => {\n    if (selectedIndex < windowStart) {\n      setWindowStart(selectedIndex);\n    } else if (selectedIndex >= windowStart + VIEW_HEIGHT) {\n      setWindowStart(selectedIndex - VIEW_HEIGHT + 1);\n    }\n  }, [selectedIndex, windowStart, VIEW_HEIGHT]);\n\n  useEffect(() => {\n      return () => {\n          if (serverRef.current) serverRef.current.stop();\n      };\n  }, []);\n\n  async function serveScreen(screen: Screen) {\n      if (!screen.hasCode || !screen.codeUrl) {\n          setStatus('No HTML to serve');\n          return;\n      }\n\n      setStatus('Preparing server...');\n      let srv = serverRef.current;\n      let url = serverUrl;\n      let justStarted = false;\n\n      if (!srv) {\n          srv = new StitchViteServer();\n          url = await srv.start(0);\n          serverRef.current = srv;\n          setServerUrl(url);\n          justStarted = true;\n      }\n\n      if (!url) return; // Should not happen\n\n      try {\n          const html = await downloadText(screen.codeUrl);\n          const route = `/screens/${screen.screenId}`;\n          srv.mount(route, html);\n\n          const fullUrl = `${url}${route}`;\n\n          if (justStarted) {\n               openUrl(fullUrl);\n          } else {\n              srv.navigate(fullUrl);\n          }\n          setStatus(`Serving at ${fullUrl}`);\n      } catch (e) {\n          setStatus('Error serving screen');\n      }\n  }\n\n  useInput((input, key) => {\n    if (input === 'q') {\n      exit();\n      return;\n    }\n\n    if (key.upArrow || input === 'k') {\n      setSelectedIndex(prev => Math.max(0, prev - 1));\n      setStatus('');\n    }\n\n    if (key.downArrow || input === 'j') {\n      setSelectedIndex(prev => Math.min(screens.length - 1, prev + 1));\n      setStatus('');\n    }\n\n    // Copy code\n    if (input === 'c') {\n      const screen = screens[selectedIndex];\n      if (screen?.hasCode && screen.codeUrl) {\n        setStatus('Copying...');\n        downloadText(screen.codeUrl)\n          .then(code => {\n            clipboard.write(code);\n            setStatus('HTML copied!');\n          })\n          .catch(() => setStatus('Failed to copy'));\n      } else {\n        setStatus('No HTML available');\n      }\n    }\n\n    // Copy image (placeholder)\n    if (input === 'i') {\n      const screen = screens[selectedIndex];\n      if (screen?.hasImage) {\n        setStatus('Image copy not implemented');\n      } else {\n        setStatus('No image available');\n      }\n    }\n\n    // Serve\n    if (input === 's') {\n      const screen = screens[selectedIndex];\n      if (screen) {\n          serveScreen(screen);\n      }\n    }\n  });\n\n  const visibleScreens = screens.slice(windowStart, windowStart + VIEW_HEIGHT);\n\n  return (\n    <Box flexDirection=\"column\" padding={1}>\n      {/* Header */}\n      <Text bold>{projectTitle} ({screens.length} screens)</Text>\n      <Text dimColor>projectId: {projectId}</Text>\n      {serverUrl && <Text dimColor>Server: <Text color=\"green\">{serverUrl}</Text></Text>}\n      <Text> </Text>\n\n      {/* Screen List */}\n      <Box flexDirection=\"column\" borderStyle=\"single\" borderColor=\"yellow\" paddingX={1}>\n        {windowStart > 0 && <Text dimColor>... {windowStart} more above ...</Text>}\n\n        {visibleScreens.map((screen, index) => {\n          // Adjust index for absolute position\n          const absoluteIndex = windowStart + index;\n          const isSelected = absoluteIndex === selectedIndex;\n          const num = String(absoluteIndex + 1).padStart(2, ' ');\n          const selector = isSelected ? '▸' : ' ';\n\n          return (\n            <Box key={screen.screenId} flexDirection=\"column\">\n              {/* Row 1: Title + Checkboxes */}\n              <Box justifyContent=\"space-between\">\n                <Box>\n                  <Text dimColor>{num}</Text>\n                  <Text color={isSelected ? 'cyan' : undefined}> {selector} </Text>\n                  <Text color={isSelected ? 'cyan' : undefined} bold={isSelected}>\n                    {screen.title.slice(0, 28)}\n                  </Text>\n                </Box>\n                <Box>\n                  <Text dimColor>html</Text>\n                  <Text color={screen.hasCode ? 'green' : 'gray'}>\n                    {screen.hasCode ? '[✓]' : '[ ]'}\n                  </Text>\n                  <Text>  </Text>\n                  <Text dimColor>img</Text>\n                  <Text color={screen.hasImage ? 'green' : 'gray'}>\n                    {screen.hasImage ? '[✓]' : '[ ]'}\n                  </Text>\n                </Box>\n              </Box>\n              {/* Row 2: screenId */}\n              <Text dimColor color=\"gray\">     screenId: {screen.screenId}</Text>\n              <Text> </Text>\n            </Box>\n          );\n        })}\n\n        {windowStart + VIEW_HEIGHT < screens.length && (\n          <Text dimColor>... {screens.length - (windowStart + VIEW_HEIGHT)} more below ...</Text>\n        )}\n      </Box>\n\n      {/* Footer */}\n      <Text dimColor>[c]opy html  [i]mage  [s]erve  [q]uit</Text>\n      {status && <Text color=\"yellow\">{status}</Text>}\n    </Box>\n  );\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "A890852E888CB14764756E2164756E21",
+  "names": []
+}

package/dist/chunk-7pf2vfq9.js

@@ -0,0 +1,69 @@
+import {
+  StitchViteServer
+} from "./chunk-dyp9t5wf.js";
+import"./chunk-abf1r0jh.js";
+import {
+  downloadText
+} from "./chunk-34w2wfyp.js";
+import"./chunk-akd997ec.js";
+import {
+  pLimit
+} from "./chunk-a5xra9jn.js";
+import"./chunk-4jygt4d6.js";
+import"./chunk-tz7wnw4s.js";
+import"./chunk-9wyra8hs.js";
+
+// src/commands/serve/json-server/handler.ts
+class JsonServerHandler {
+  client;
+  downloadHtml;
+  constructor(client, downloadHtml = downloadText) {
+    this.client = client;
+    this.downloadHtml = downloadHtml;
+  }
+  async execute(input) {
+    let sdkScreens;
+    try {
+      const project = this.client.project(input.projectId);
+      sdkScreens = await project.screens();
+    } catch (e) {
+      return {
+        success: false,
+        error: { code: "SCREENS_FETCH_FAILED", message: e.message, recoverable: false }
+      };
+    }
+    const server = new StitchViteServer;
+    let baseUrl;
+    try {
+      baseUrl = await server.start(0);
+    } catch (e) {
+      return {
+        success: false,
+        error: { code: "SERVER_START_FAILED", message: e.message, recoverable: false }
+      };
+    }
+    const limit = pLimit(3);
+    const screens = [];
+    await Promise.all(sdkScreens.map((s) => limit(async () => {
+      try {
+        const codeUrl = await s.getHtml();
+        if (codeUrl) {
+          const html = await this.downloadHtml(codeUrl);
+          server.mount(`/screens/${s.screenId}`, html);
+        }
+        screens.push({
+          screenId: s.screenId,
+          title: s.title ?? s.screenId,
+          url: `${baseUrl}/screens/${s.screenId}`
+        });
+      } catch {}
+    })));
+    screens.sort((a, b) => a.title.localeCompare(b.title));
+    return { success: true, url: baseUrl, screens };
+  }
+}
+export {
+  JsonServerHandler
+};
+
+//# debugId=48EA0F841F0EE79D64756E2164756E21

package/dist/chunk-7pf2vfq9.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/commands/serve/json-server/handler.ts"],
+  "sourcesContent": [
+    "import type { Stitch } from '@google/stitch-sdk';\nimport pLimit from 'p-limit';\nimport { StitchViteServer } from '../../../lib/server/vite/StitchViteServer.js';\nimport { downloadText } from '../../../ui/copy-behaviors/clipboard.js';\nimport type { JsonServerSpec, JsonServerInput, JsonServerResult } from './spec.js';\n\nexport class JsonServerHandler implements JsonServerSpec {\n  constructor(\n    private readonly client: Stitch,\n    private readonly downloadHtml: (url: string) => Promise<string> = downloadText,\n  ) {}\n\n  async execute(input: JsonServerInput): Promise<JsonServerResult> {\n    let sdkScreens: any[];\n\n    try {\n      const project = this.client.project(input.projectId);\n      sdkScreens = await project.screens();\n    } catch (e: any) {\n      return {\n        success: false,\n        error: { code: 'SCREENS_FETCH_FAILED', message: e.message, recoverable: false },\n      };\n    }\n\n    const server = new StitchViteServer();\n    let baseUrl: string;\n\n    try {\n      baseUrl = await server.start(0);\n    } catch (e: any) {\n      return {\n        success: false,\n        error: { code: 'SERVER_START_FAILED', message: e.message, recoverable: false },\n      };\n    }\n\n    // Mount screens concurrently\n    const limit = pLimit(3);\n    const screens: Array<{ screenId: string; title: string; url: string }> = [];\n\n    await Promise.all(\n      sdkScreens.map((s: any) => limit(async () => {\n        try {\n          const codeUrl = await s.getHtml();\n          if (codeUrl) {\n            const html = await this.downloadHtml(codeUrl);\n            server.mount(`/screens/${s.screenId}`, html);\n          }\n          screens.push({\n            screenId: s.screenId,\n            title: s.title ?? s.screenId,\n            url: `${baseUrl}/screens/${s.screenId}`,\n          });\n        } catch {\n          // Skip screens that fail to load\n        }\n      }))\n    );\n\n    screens.sort((a, b) => a.title.localeCompare(b.title));\n\n    return { success: true, url: baseUrl, screens };\n  }\n}\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;AAMO,MAAM,kBAA4C;AAAA,EAEpC;AAAA,EACA;AAAA,EAFnB,WAAW,CACQ,QACA,eAAiD,cAClE;AAAA,IAFiB;AAAA,IACA;AAAA;AAAA,OAGb,QAAO,CAAC,OAAmD;AAAA,IAC/D,IAAI;AAAA,IAEJ,IAAI;AAAA,MACF,MAAM,UAAU,KAAK,OAAO,QAAQ,MAAM,SAAS;AAAA,MACnD,aAAa,MAAM,QAAQ,QAAQ;AAAA,MACnC,OAAO,GAAQ;AAAA,MACf,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO,EAAE,MAAM,wBAAwB,SAAS,EAAE,SAAS,aAAa,MAAM;AAAA,MAChF;AAAA;AAAA,IAGF,MAAM,SAAS,IAAI;AAAA,IACnB,IAAI;AAAA,IAEJ,IAAI;AAAA,MACF,UAAU,MAAM,OAAO,MAAM,CAAC;AAAA,MAC9B,OAAO,GAAQ;AAAA,MACf,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO,EAAE,MAAM,uBAAuB,SAAS,EAAE,SAAS,aAAa,MAAM;AAAA,MAC/E;AAAA;AAAA,IAIF,MAAM,QAAQ,OAAO,CAAC;AAAA,IACtB,MAAM,UAAmE,CAAC;AAAA,IAE1E,MAAM,QAAQ,IACZ,WAAW,IAAI,CAAC,MAAW,MAAM,YAAY;AAAA,MAC3C,IAAI;AAAA,QACF,MAAM,UAAU,MAAM,EAAE,QAAQ;AAAA,QAChC,IAAI,SAAS;AAAA,UACX,MAAM,OAAO,MAAM,KAAK,aAAa,OAAO;AAAA,UAC5C,OAAO,MAAM,YAAY,EAAE,YAAY,IAAI;AAAA,QAC7C;AAAA,QACA,QAAQ,KAAK;AAAA,UACX,UAAU,EAAE;AAAA,UACZ,OAAO,EAAE,SAAS,EAAE;AAAA,UACpB,KAAK,GAAG,mBAAmB,EAAE;AAAA,QAC/B,CAAC;AAAA,QACD,MAAM;AAAA,KAGT,CAAC,CACJ;AAAA,IAEA,QAAQ,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,KAAK,CAAC;AAAA,IAErD,OAAO,EAAE,SAAS,MAAM,KAAK,SAAS,QAAQ;AAAA;AAElD;",
+  "debugId": "48EA0F841F0EE79D64756E2164756E21",
+  "names": []
+}