@_davideast/stitch-mcp 0.7.0 → 0.8.0

package/dist/chunk-b9atzag0.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": "4D974D6E796E3C4364756E2164756E21",
+  "names": []
+}

package/dist/chunk-c5dtqvff.js

@@ -0,0 +1,11 @@
+import {
+  StitchViteServer
+} from "./chunk-9ckyz47q.js";
+import"./chunk-sqhdg0mf.js";
+import"./chunk-543135qd.js";
+import"./chunk-9wyra8hs.js";
+export {
+  StitchViteServer
+};
+
+//# debugId=62139A68445BE7C564756E2164756E21

package/dist/chunk-c5dtqvff.js.map

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

package/dist/chunk-ef355a3f.js

@@ -0,0 +1,20 @@
+import {
+  SiteBuilder
+} from "./chunk-mzyqavzd.js";
+import"./chunk-6gw9apqb.js";
+import"./chunk-a5xra9jn.js";
+import"./chunk-mp1sf8x6.js";
+import"./chunk-9ckyz47q.js";
+import"./chunk-sqhdg0mf.js";
+import"./chunk-5jbenaez.js";
+import"./chunk-vcp9fp2w.js";
+import"./chunk-543135qd.js";
+import"./chunk-nq68kghz.js";
+import"./chunk-hst78da7.js";
+import"./chunk-3sfn889r.js";
+import"./chunk-9wyra8hs.js";
+export {
+  SiteBuilder
+};
+
+//# debugId=CDBCAFF7B7D033B964756E2164756E21

package/dist/chunk-ef355a3f.js.map

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

package/dist/chunk-hgv5frj1.js

@@ -0,0 +1,256 @@
+import {
+  require_lib
+} from "./chunk-sqhdg0mf.js";
+import {
+  theme
+} from "./chunk-kbtqrkwh.js";
+import"./chunk-3sfn889r.js";
+import {
+  __require,
+  __toESM
+} from "./chunk-9wyra8hs.js";
+
+// src/commands/snapshot/handler.ts
+var import_fs_extra = __toESM(require_lib(), 1);
+
+// src/framework/MockUI.ts
+class MockUI {
+  data;
+  constructor(data) {
+    this.data = data;
+  }
+  async promptMcpClient() {
+    if (!this.data.mcpClient) {
+      throw new Error("MockUI: Missing data for mcpClient");
+    }
+    return this.data.mcpClient;
+  }
+  async promptAuthMode() {
+    if (!this.data.authMode) {
+      throw new Error("MockUI: Missing data for authMode");
+    }
+    return this.data.authMode;
+  }
+  async promptTransportType(authMode) {
+    if (this.data.transportType) {
+      return this.data.transportType;
+    }
+    throw new Error("MockUI: Missing data for transportType");
+  }
+  async promptApiKeyStorage() {
+    if (!this.data.apiKeyStorage) {
+      throw new Error("MockUI: Missing data for apiKeyStorage");
+    }
+    return this.data.apiKeyStorage;
+  }
+  async promptApiKey() {
+    if (!this.data.apiKey) {
+      throw new Error("MockUI: Missing data for apiKey");
+    }
+    return this.data.apiKey;
+  }
+  async promptConfirm(message, defaultYes) {
+    if (typeof this.data.confirm === "boolean") {
+      return this.data.confirm;
+    }
+    return defaultYes ?? false;
+  }
+  log(message) {
+    console.log(message);
+  }
+  warn(message) {
+    console.log(`WARN: ${message}`);
+  }
+  error(message) {
+    console.error(`ERROR: ${message}`);
+  }
+  success(message) {
+    console.log(`SUCCESS: ${message}`);
+  }
+}
+
+// src/commands/snapshot/handler.ts
+var SCHEMAS = {
+  init: {
+    description: "Data schema for 'init' command",
+    type: "object",
+    properties: {
+      mcpClient: { type: "string", enum: ["vscode", "cursor", "claude-code", "gemini-cli", "codex", "opencode"] },
+      authMode: { type: "string", enum: ["apiKey", "oauth"] },
+      transportType: { type: "string", enum: ["http", "stdio"] },
+      apiKeyStorage: { type: "string", enum: ["config", "skip", ".env"] },
+      apiKey: { type: "string" },
+      confirm: { type: "boolean" },
+      inputArgs: {
+        type: "object",
+        description: "Arguments to pass to the command execution",
+        properties: {
+          local: { type: "boolean" },
+          defaults: { type: "boolean" },
+          autoVerify: { type: "boolean" },
+          client: { type: "string" },
+          transport: { type: "string" }
+        }
+      }
+    },
+    required: ["mcpClient", "authMode"]
+  },
+  doctor: {
+    description: "Data schema for 'doctor' command",
+    type: "object",
+    properties: {
+      confirm: { type: "boolean" },
+      inputArgs: {
+        type: "object",
+        description: "Arguments to pass to the command execution",
+        properties: {
+          verbose: { type: "boolean" }
+        }
+      }
+    }
+  },
+  site: {
+    description: "Data schema for 'site' command",
+    type: "object",
+    properties: {
+      screens: {
+        type: "array",
+        items: {
+          type: "object",
+          properties: {
+            id: { type: "string" },
+            title: { type: "string" },
+            description: { type: "string" },
+            type: { type: "string" },
+            content: { type: "string" }
+          }
+        }
+      },
+      inputArgs: {
+        type: "object",
+        properties: {
+          projectId: { type: "string" },
+          outputDir: { type: "string" }
+        }
+      }
+    }
+  }
+};
+
+class SnapshotHandler {
+  services;
+  constructor(services) {
+    this.services = services;
+  }
+  async execute(input) {
+    if (input.schema) {
+      if (input.command) {
+        const schema = SCHEMAS[input.command];
+        if (!schema) {
+          return {
+            success: false,
+            error: { message: `No schema found for command '${input.command}'` }
+          };
+        }
+        console.log(JSON.stringify(schema, null, 2));
+      } else {
+        console.log(JSON.stringify(Object.keys(SCHEMAS), null, 2));
+      }
+      return { success: true };
+    }
+    if (!input.command) {
+      return { success: false, error: { message: "Command (-c) is required unless using -s" } };
+    }
+    if (!input.data) {
+      return { success: false, error: { message: "Data file (-d) is required unless using -s" } };
+    }
+    let data;
+    try {
+      if (await import_fs_extra.default.pathExists(input.data)) {
+        data = await import_fs_extra.default.readJson(input.data);
+      } else {
+        try {
+          data = JSON.parse(input.data);
+        } catch {
+          return { success: false, error: { message: `Data file not found at '${input.data}' and content is not valid JSON` } };
+        }
+      }
+    } catch (e) {
+      return { success: false, error: { message: `Failed to read data: ${e instanceof Error ? e.message : String(e)}` } };
+    }
+    const mockUI = new MockUI(data);
+    try {
+      switch (input.command) {
+        case "init": {
+          const { InitHandler } = await import("./chunk-8hgrrc49.js");
+          const handler = new InitHandler(this.services?.gcloud, this.services?.mcpConfig, this.services?.project, this.services?.stitch, mockUI);
+          const initInput = {
+            local: false,
+            defaults: false,
+            autoVerify: true,
+            ...data.inputArgs
+          };
+          const result = await handler.execute(initInput);
+          if (!result.success) {
+            console.error("Init failed:", result.error);
+          }
+          break;
+        }
+        case "doctor": {
+          const { DoctorHandler } = await import("./chunk-1v5q6d3n.js");
+          const handler = new DoctorHandler(this.services?.gcloud, this.services?.stitch, mockUI);
+          const doctorInput = {
+            verbose: false,
+            ...data.inputArgs
+          };
+          const result = await handler.execute(doctorInput);
+          if (!result.success) {
+            console.error("Doctor failed:", result.error);
+          }
+          break;
+        }
+        case "site": {
+          const { SiteBuilder } = await import("./chunk-ef355a3f.js");
+          const { createMockStitch, createMockProject, createMockScreen } = await import("./chunk-98trrxk2.js");
+          const mockScreens = (data.screens || []).map((s) => createMockScreen({
+            screenId: s.name,
+            title: s.title,
+            getHtml: () => Promise.resolve(s.htmlCode?.downloadUrl || null)
+          }));
+          const mockClient = createMockStitch(createMockProject(data.inputArgs?.projectId || "mock-project", mockScreens));
+          try {
+            const { render } = await import("./chunk-1wcg0pjg.js");
+            const React = await import("./chunk-k86st2r8.js");
+            const projectId = data.inputArgs?.projectId || "mock-project";
+            const { lastFrame, unmount } = render(React.createElement(SiteBuilder, {
+              projectId,
+              client: mockClient,
+              onExit: () => {}
+            }));
+            await new Promise((resolve) => setTimeout(resolve, 1000));
+            console.log(lastFrame());
+            unmount();
+          } catch (e) {
+            if (e.code === "ERR_MODULE_NOT_FOUND") {
+              console.warn(theme.yellow("ink-testing-library not found. Install dev dependencies to snapshot site command."));
+            } else {
+              throw e;
+            }
+          }
+          break;
+        }
+        default:
+          return { success: false, error: { message: `Unsupported command '${input.command}'` } };
+      }
+    } catch (error) {
+      console.error(theme.red("Command execution failed:"), error);
+      return { success: true };
+    }
+    return { success: true };
+  }
+}
+export {
+  SnapshotHandler
+};
+
+//# debugId=F78CBF4C733E0A4464756E2164756E21

package/dist/chunk-hgv5frj1.js.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../src/commands/snapshot/handler.ts", "../src/framework/MockUI.ts"],
+  "sourcesContent": [
+    "import fs from 'fs-extra';\nimport { type SnapshotCommand, type SnapshotInput, type SnapshotResult } from './spec.js';\nimport { MockUI } from '../../framework/MockUI.js';\nimport { theme } from '../../ui/theme.js';\nimport { type GcloudService } from '../../services/gcloud/spec.js';\nimport { type StitchService } from '../../services/stitch/spec.js';\nimport { type McpConfigService } from '../../services/mcp-config/spec.js';\nimport { type ProjectService } from '../../services/project/spec.js';\n\ninterface SnapshotServices {\n  gcloud?: GcloudService;\n  stitch?: StitchService;\n  mcpConfig?: McpConfigService;\n  project?: ProjectService;\n}\n\n// Schemas for the commands to be printed with -s\nconst SCHEMAS: Record<string, any> = {\n  init: {\n    description: \"Data schema for 'init' command\",\n    type: \"object\",\n    properties: {\n      mcpClient: { type: \"string\", enum: [\"vscode\", \"cursor\", \"claude-code\", \"gemini-cli\", \"codex\", \"opencode\"] },\n      authMode: { type: \"string\", enum: [\"apiKey\", \"oauth\"] },\n      transportType: { type: \"string\", enum: [\"http\", \"stdio\"] },\n      apiKeyStorage: { type: \"string\", enum: [\"config\", \"skip\", \".env\"] },\n      apiKey: { type: \"string\" },\n      confirm: { type: \"boolean\" },\n      inputArgs: {\n        type: \"object\",\n        description: \"Arguments to pass to the command execution\",\n        properties: {\n          local: { type: \"boolean\" },\n          defaults: { type: \"boolean\" },\n          autoVerify: { type: \"boolean\" },\n          client: { type: \"string\" },\n          transport: { type: \"string\" }\n        }\n      }\n    },\n    required: [\"mcpClient\", \"authMode\"]\n  },\n  doctor: {\n    description: \"Data schema for 'doctor' command\",\n    type: \"object\",\n    properties: {\n      confirm: { type: \"boolean\" },\n      inputArgs: {\n        type: \"object\",\n        description: \"Arguments to pass to the command execution\",\n        properties: {\n          verbose: { type: \"boolean\" }\n        }\n      }\n    }\n  },\n  site: {\n    description: \"Data schema for 'site' command\",\n    type: \"object\",\n    properties: {\n      screens: {\n        type: \"array\",\n        items: {\n          type: \"object\",\n          properties: {\n             id: { type: \"string\" },\n             title: { type: \"string\" },\n             description: { type: \"string\" },\n             type: { type: \"string\" },\n             content: { type: \"string\" }\n          }\n        }\n      },\n      inputArgs: {\n         type: \"object\",\n         properties: {\n             projectId: { type: \"string\" },\n             outputDir: { type: \"string\" }\n         }\n      }\n    }\n  }\n};\n\nexport class SnapshotHandler implements SnapshotCommand {\n  constructor(private readonly services?: SnapshotServices) {}\n\n  async execute(input: SnapshotInput): Promise<SnapshotResult> {\n    if (input.schema) {\n      if (input.command) {\n        const schema = SCHEMAS[input.command];\n        if (!schema) {\n          return {\n             success: false,\n             error: { message: `No schema found for command '${input.command}'` }\n          };\n        }\n        console.log(JSON.stringify(schema, null, 2));\n      } else {\n        console.log(JSON.stringify(Object.keys(SCHEMAS), null, 2));\n      }\n      return { success: true };\n    }\n\n    if (!input.command) {\n      return { success: false, error: { message: \"Command (-c) is required unless using -s\" } };\n    }\n    if (!input.data) {\n      return { success: false, error: { message: \"Data file (-d) is required unless using -s\" } };\n    }\n\n    // Load data\n    let data: any;\n    try {\n      if (await fs.pathExists(input.data)) {\n        data = await fs.readJson(input.data);\n      } else {\n        // Try parsing as JSON string\n        try {\n          data = JSON.parse(input.data);\n        } catch {\n           return { success: false, error: { message: `Data file not found at '${input.data}' and content is not valid JSON` } };\n        }\n      }\n    } catch (e) {\n       return { success: false, error: { message: `Failed to read data: ${e instanceof Error ? e.message : String(e)}` } };\n    }\n\n    const mockUI = new MockUI(data);\n\n    try {\n      switch (input.command) {\n        case 'init': {\n          const { InitHandler } = await import('../init/handler.js');\n          const handler = new InitHandler(\n            this.services?.gcloud,\n            this.services?.mcpConfig,\n            this.services?.project,\n            this.services?.stitch,\n            mockUI\n          );\n          const initInput = {\n             local: false,\n             defaults: false,\n             autoVerify: true,\n             ...data.inputArgs\n          };\n          const result = await handler.execute(initInput);\n          if (!result.success) {\n             console.error('Init failed:', result.error);\n          }\n          break;\n        }\n        case 'doctor': {\n          const { DoctorHandler } = await import('../doctor/handler.js');\n          const handler = new DoctorHandler(\n            this.services?.gcloud,\n            this.services?.stitch,\n            mockUI\n          );\n          const doctorInput = {\n             verbose: false,\n             ...data.inputArgs\n          };\n          const result = await handler.execute(doctorInput);\n          if (!result.success) {\n             console.error('Doctor failed:', result.error);\n          }\n          break;\n        }\n        case 'site': {\n          const { SiteBuilder } = await import('../site/ui/SiteBuilder.js');\n          const { createMockStitch, createMockProject, createMockScreen } = await import('../../services/stitch-sdk/MockStitchSDK.js');\n\n          const mockScreens = (data.screens || []).map((s: any) => createMockScreen({\n            screenId: s.name,\n            title: s.title,\n            getHtml: (() => Promise.resolve(s.htmlCode?.downloadUrl || null)) as any,\n          }));\n          const mockClient = createMockStitch(createMockProject(data.inputArgs?.projectId || 'mock-project', mockScreens));\n\n          // Use ink-testing-library to render and snapshot the UI\n          try {\n             // We use require to avoid type checking issues if it's not installed in prod build env,\n             // although this command is a dev tool.\n             const { render } = await import('ink-testing-library');\n             const React = await import('react');\n\n             const projectId = data.inputArgs?.projectId || 'mock-project';\n\n             const { lastFrame, unmount } = render(\n                React.createElement(SiteBuilder, {\n                    projectId,\n                    client: mockClient,\n                    onExit: () => {}\n                })\n             );\n\n             // Wait for async operations (loading screens)\n             // Simple delay for now, or check frame content until \"Loading\" is gone\n             // Since we can't easily wait for a specific state without more complex logic,\n             // let's try a short delay to allow useEffect to run.\n             await new Promise(resolve => setTimeout(resolve, 1000));\n\n             console.log(lastFrame());\n             unmount();\n          } catch (e) {\n             if ((e as any).code === 'ERR_MODULE_NOT_FOUND') {\n                 console.warn(theme.yellow('ink-testing-library not found. Install dev dependencies to snapshot site command.'));\n             } else {\n                 throw e;\n             }\n          }\n          break;\n        }\n        default:\n          return { success: false, error: { message: `Unsupported command '${input.command}'` } };\n      }\n    } catch (error) {\n       console.error(theme.red('Command execution failed:'), error);\n       // Return success: true because the snapshotting process ran, even if the command failed.\n       // The error is part of the snapshot.\n       return { success: true };\n    }\n\n    return { success: true };\n  }\n}\n",
+    "import { type UserInterface } from './UserInterface.js';\nimport type { McpClient } from '../ui/wizard.js';\n\nexport class MockUI implements UserInterface {\n  constructor(private readonly data: Record<string, any>) {}\n\n  async promptMcpClient(): Promise<McpClient> {\n    if (!this.data.mcpClient) {\n      throw new Error('MockUI: Missing data for mcpClient');\n    }\n    return this.data.mcpClient;\n  }\n\n  async promptAuthMode(): Promise<'apiKey' | 'oauth'> {\n    if (!this.data.authMode) {\n      throw new Error('MockUI: Missing data for authMode');\n    }\n    return this.data.authMode;\n  }\n\n  async promptTransportType(authMode?: 'apiKey' | 'oauth'): Promise<'http' | 'stdio'> {\n    if (this.data.transportType) {\n      return this.data.transportType;\n    }\n    throw new Error('MockUI: Missing data for transportType');\n  }\n\n  async promptApiKeyStorage(): Promise<'config' | 'skip' | '.env'> {\n    if (!this.data.apiKeyStorage) {\n      throw new Error('MockUI: Missing data for apiKeyStorage');\n    }\n    return this.data.apiKeyStorage;\n  }\n\n  async promptApiKey(): Promise<string> {\n    if (!this.data.apiKey) {\n      throw new Error('MockUI: Missing data for apiKey');\n    }\n    return this.data.apiKey;\n  }\n\n  async promptConfirm(message: string, defaultYes?: boolean): Promise<boolean> {\n    if (typeof this.data.confirm === 'boolean') {\n      return this.data.confirm;\n    }\n    // If specific confirm keys are provided in data, could use that too.\n    // For now, default to defaultYes or false.\n    return defaultYes ?? false;\n  }\n\n  log(message: string): void {\n    console.log(message);\n  }\n\n  warn(message: string): void {\n    console.log(`WARN: ${message}`);\n  }\n\n  error(message: string): void {\n    console.error(`ERROR: ${message}`);\n  }\n\n  success(message: string): void {\n    console.log(`SUCCESS: ${message}`);\n  }\n}\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;AAAA;;;ACGO,MAAM,OAAgC;AAAA,EACd;AAAA,EAA7B,WAAW,CAAkB,MAA2B;AAAA,IAA3B;AAAA;AAAA,OAEvB,gBAAe,GAAuB;AAAA,IAC1C,IAAI,CAAC,KAAK,KAAK,WAAW;AAAA,MACxB,MAAM,IAAI,MAAM,oCAAoC;AAAA,IACtD;AAAA,IACA,OAAO,KAAK,KAAK;AAAA;AAAA,OAGb,eAAc,GAAgC;AAAA,IAClD,IAAI,CAAC,KAAK,KAAK,UAAU;AAAA,MACvB,MAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AAAA,IACA,OAAO,KAAK,KAAK;AAAA;AAAA,OAGb,oBAAmB,CAAC,UAA0D;AAAA,IAClF,IAAI,KAAK,KAAK,eAAe;AAAA,MAC3B,OAAO,KAAK,KAAK;AAAA,IACnB;AAAA,IACA,MAAM,IAAI,MAAM,wCAAwC;AAAA;AAAA,OAGpD,oBAAmB,GAAwC;AAAA,IAC/D,IAAI,CAAC,KAAK,KAAK,eAAe;AAAA,MAC5B,MAAM,IAAI,MAAM,wCAAwC;AAAA,IAC1D;AAAA,IACA,OAAO,KAAK,KAAK;AAAA;AAAA,OAGb,aAAY,GAAoB;AAAA,IACpC,IAAI,CAAC,KAAK,KAAK,QAAQ;AAAA,MACrB,MAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAAA,IACA,OAAO,KAAK,KAAK;AAAA;AAAA,OAGb,cAAa,CAAC,SAAiB,YAAwC;AAAA,IAC3E,IAAI,OAAO,KAAK,KAAK,YAAY,WAAW;AAAA,MAC1C,OAAO,KAAK,KAAK;AAAA,IACnB;AAAA,IAGA,OAAO,cAAc;AAAA;AAAA,EAGvB,GAAG,CAAC,SAAuB;AAAA,IACzB,QAAQ,IAAI,OAAO;AAAA;AAAA,EAGrB,IAAI,CAAC,SAAuB;AAAA,IAC1B,QAAQ,IAAI,SAAS,SAAS;AAAA;AAAA,EAGhC,KAAK,CAAC,SAAuB;AAAA,IAC3B,QAAQ,MAAM,UAAU,SAAS;AAAA;AAAA,EAGnC,OAAO,CAAC,SAAuB;AAAA,IAC7B,QAAQ,IAAI,YAAY,SAAS;AAAA;AAErC;;;ADhDA,IAAM,UAA+B;AAAA,EACnC,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,MACV,WAAW,EAAE,MAAM,UAAU,MAAM,CAAC,UAAU,UAAU,eAAe,cAAc,SAAS,UAAU,EAAE;AAAA,MAC1G,UAAU,EAAE,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,EAAE;AAAA,MACtD,eAAe,EAAE,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,MACzD,eAAe,EAAE,MAAM,UAAU,MAAM,CAAC,UAAU,QAAQ,MAAM,EAAE;AAAA,MAClE,QAAQ,EAAE,MAAM,SAAS;AAAA,MACzB,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,WAAW;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,UACV,OAAO,EAAE,MAAM,UAAU;AAAA,UACzB,UAAU,EAAE,MAAM,UAAU;AAAA,UAC5B,YAAY,EAAE,MAAM,UAAU;AAAA,UAC9B,QAAQ,EAAE,MAAM,SAAS;AAAA,UACzB,WAAW,EAAE,MAAM,SAAS;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,IACA,UAAU,CAAC,aAAa,UAAU;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,MACV,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,WAAW;AAAA,QACT,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,UACV,SAAS,EAAE,MAAM,UAAU;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,YAAY;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY;AAAA,YACT,IAAI,EAAE,MAAM,SAAS;AAAA,YACrB,OAAO,EAAE,MAAM,SAAS;AAAA,YACxB,aAAa,EAAE,MAAM,SAAS;AAAA,YAC9B,MAAM,EAAE,MAAM,SAAS;AAAA,YACvB,SAAS,EAAE,MAAM,SAAS;AAAA,UAC7B;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACR,MAAM;AAAA,QACN,YAAY;AAAA,UACR,WAAW,EAAE,MAAM,SAAS;AAAA,UAC5B,WAAW,EAAE,MAAM,SAAS;AAAA,QAChC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAAA;AAEO,MAAM,gBAA2C;AAAA,EACzB;AAAA,EAA7B,WAAW,CAAkB,UAA6B;AAAA,IAA7B;AAAA;AAAA,OAEvB,QAAO,CAAC,OAA+C;AAAA,IAC3D,IAAI,MAAM,QAAQ;AAAA,MAChB,IAAI,MAAM,SAAS;AAAA,QACjB,MAAM,SAAS,QAAQ,MAAM;AAAA,QAC7B,IAAI,CAAC,QAAQ;AAAA,UACX,OAAO;AAAA,YACJ,SAAS;AAAA,YACT,OAAO,EAAE,SAAS,gCAAgC,MAAM,WAAW;AAAA,UACtE;AAAA,QACF;AAAA,QACA,QAAQ,IAAI,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,MAC7C,EAAO;AAAA,QACL,QAAQ,IAAI,KAAK,UAAU,OAAO,KAAK,OAAO,GAAG,MAAM,CAAC,CAAC;AAAA;AAAA,MAE3D,OAAO,EAAE,SAAS,KAAK;AAAA,IACzB;AAAA,IAEA,IAAI,CAAC,MAAM,SAAS;AAAA,MAClB,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,SAAS,2CAA2C,EAAE;AAAA,IAC1F;AAAA,IACA,IAAI,CAAC,MAAM,MAAM;AAAA,MACf,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,SAAS,6CAA6C,EAAE;AAAA,IAC5F;AAAA,IAGA,IAAI;AAAA,IACJ,IAAI;AAAA,MACF,IAAI,MAAM,wBAAG,WAAW,MAAM,IAAI,GAAG;AAAA,QACnC,OAAO,MAAM,wBAAG,SAAS,MAAM,IAAI;AAAA,MACrC,EAAO;AAAA,QAEL,IAAI;AAAA,UACF,OAAO,KAAK,MAAM,MAAM,IAAI;AAAA,UAC5B,MAAM;AAAA,UACL,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,SAAS,2BAA2B,MAAM,sCAAsC,EAAE;AAAA;AAAA;AAAA,MAGzH,OAAO,GAAG;AAAA,MACT,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,SAAS,wBAAwB,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC,IAAI,EAAE;AAAA;AAAA,IAGrH,MAAM,SAAS,IAAI,OAAO,IAAI;AAAA,IAE9B,IAAI;AAAA,MACF,QAAQ,MAAM;AAAA,aACP,QAAQ;AAAA,UACX,QAAQ,gBAAgB,MAAa;AAAA,UACrC,MAAM,UAAU,IAAI,YAClB,KAAK,UAAU,QACf,KAAK,UAAU,WACf,KAAK,UAAU,SACf,KAAK,UAAU,QACf,MACF;AAAA,UACA,MAAM,YAAY;AAAA,YACf,OAAO;AAAA,YACP,UAAU;AAAA,YACV,YAAY;AAAA,eACT,KAAK;AAAA,UACX;AAAA,UACA,MAAM,SAAS,MAAM,QAAQ,QAAQ,SAAS;AAAA,UAC9C,IAAI,CAAC,OAAO,SAAS;AAAA,YAClB,QAAQ,MAAM,gBAAgB,OAAO,KAAK;AAAA,UAC7C;AAAA,UACA;AAAA,QACF;AAAA,aACK,UAAU;AAAA,UACb,QAAQ,kBAAkB,MAAa;AAAA,UACvC,MAAM,UAAU,IAAI,cAClB,KAAK,UAAU,QACf,KAAK,UAAU,QACf,MACF;AAAA,UACA,MAAM,cAAc;AAAA,YACjB,SAAS;AAAA,eACN,KAAK;AAAA,UACX;AAAA,UACA,MAAM,SAAS,MAAM,QAAQ,QAAQ,WAAW;AAAA,UAChD,IAAI,CAAC,OAAO,SAAS;AAAA,YAClB,QAAQ,MAAM,kBAAkB,OAAO,KAAK;AAAA,UAC/C;AAAA,UACA;AAAA,QACF;AAAA,aACK,QAAQ;AAAA,UACX,QAAQ,gBAAgB,MAAa;AAAA,UACrC,QAAQ,kBAAkB,mBAAmB,qBAAqB,MAAa;AAAA,UAE/E,MAAM,eAAe,KAAK,WAAW,CAAC,GAAG,IAAI,CAAC,MAAW,iBAAiB;AAAA,YACxE,UAAU,EAAE;AAAA,YACZ,OAAO,EAAE;AAAA,YACT,SAAU,MAAM,QAAQ,QAAQ,EAAE,UAAU,eAAe,IAAI;AAAA,UACjE,CAAC,CAAC;AAAA,UACF,MAAM,aAAa,iBAAiB,kBAAkB,KAAK,WAAW,aAAa,gBAAgB,WAAW,CAAC;AAAA,UAG/G,IAAI;AAAA,YAGD,QAAQ,WAAW,MAAa;AAAA,YAChC,MAAM,QAAQ,MAAa;AAAA,YAE3B,MAAM,YAAY,KAAK,WAAW,aAAa;AAAA,YAE/C,QAAQ,WAAW,YAAY,OAC5B,MAAM,cAAc,aAAa;AAAA,cAC7B;AAAA,cACA,QAAQ;AAAA,cACR,QAAQ,MAAM;AAAA,YAClB,CAAC,CACJ;AAAA,YAMA,MAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,IAAI,CAAC;AAAA,YAEtD,QAAQ,IAAI,UAAU,CAAC;AAAA,YACvB,QAAQ;AAAA,YACT,OAAO,GAAG;AAAA,YACT,IAAK,EAAU,SAAS,wBAAwB;AAAA,cAC5C,QAAQ,KAAK,MAAM,OAAO,mFAAmF,CAAC;AAAA,YAClH,EAAO;AAAA,cACH,MAAM;AAAA;AAAA;AAAA,UAGb;AAAA,QACF;AAAA;AAAA,UAEE,OAAO,EAAE,SAAS,OAAO,OAAO,EAAE,SAAS,wBAAwB,MAAM,WAAW,EAAE;AAAA;AAAA,MAE1F,OAAO,OAAO;AAAA,MACb,QAAQ,MAAM,MAAM,IAAI,2BAA2B,GAAG,KAAK;AAAA,MAG3D,OAAO,EAAE,SAAS,KAAK;AAAA;AAAA,IAG1B,OAAO,EAAE,SAAS,KAAK;AAAA;AAE3B;",
+  "debugId": "F78CBF4C733E0A4464756E2164756E21",
+  "names": []
+}

package/dist/chunk-jn5pcnz9.js

@@ -0,0 +1,270 @@
+import {
+  openUrl,
+  require_jsx_dev_runtime
+} from "./chunk-mp1sf8x6.js";
+import {
+  StitchViteServer
+} from "./chunk-9ckyz47q.js";
+import"./chunk-sqhdg0mf.js";
+import {
+  Box_default,
+  Text,
+  use_app_default,
+  use_input_default
+} from "./chunk-5jbenaez.js";
+import {
+  require_react
+} from "./chunk-vcp9fp2w.js";
+import {
+  copyText,
+  downloadText
+} from "./chunk-fkzq5m59.js";
+import"./chunk-543135qd.js";
+import"./chunk-hst78da7.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) => {
+          copyText(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=960621E15D89B58B64756E2164756E21