@_davideast/stitch-mcp 0.5.2 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/dist/chunk-22bymmh9.js +137 -0
  2. package/dist/chunk-22bymmh9.js.map +10 -0
  3. package/dist/chunk-387yyye2.js +248 -0
  4. package/dist/chunk-387yyye2.js.map +14 -0
  5. package/dist/chunk-3ff2k44g.js +19 -0
  6. package/dist/chunk-3ff2k44g.js.map +9 -0
  7. package/dist/chunk-46cay1zp.js +273 -0
  8. package/dist/chunk-46cay1zp.js.map +10 -0
  9. package/dist/chunk-48e1jpm8.js +167 -0
  10. package/dist/chunk-48e1jpm8.js.map +10 -0
  11. package/dist/chunk-4arzkk1s.js +69 -0
  12. package/dist/chunk-4arzkk1s.js.map +10 -0
  13. package/dist/chunk-4js7vw6h.js +415 -0
  14. package/dist/chunk-4js7vw6h.js.map +20 -0
  15. package/dist/chunk-4p1wfk3t.js +736 -0
  16. package/dist/chunk-4p1wfk3t.js.map +16 -0
  17. package/dist/chunk-4zg969tc.js +370 -0
  18. package/dist/chunk-4zg969tc.js.map +16 -0
  19. package/dist/chunk-5jjt7tgw.js +247 -0
  20. package/dist/chunk-5jjt7tgw.js.map +14 -0
  21. package/dist/chunk-5t2h8z2n.js +273 -0
  22. package/dist/chunk-5t2h8z2n.js.map +10 -0
  23. package/dist/chunk-5zy3et1m.js +759 -0
  24. package/dist/chunk-5zy3et1m.js.map +19 -0
  25. package/dist/chunk-6wvst7z8.js +125 -0
  26. package/dist/chunk-6wvst7z8.js.map +12 -0
  27. package/dist/chunk-8mm08arm.js +256 -0
  28. package/dist/chunk-8mm08arm.js.map +11 -0
  29. package/dist/chunk-8nv4wwv0.js +19 -0
  30. package/dist/chunk-8nv4wwv0.js.map +9 -0
  31. package/dist/chunk-9cjny9z2.js +19 -0
  32. package/dist/chunk-9cjny9z2.js.map +9 -0
  33. package/dist/chunk-9ggfw78s.js +19 -0
  34. package/dist/chunk-9ggfw78s.js.map +9 -0
  35. package/dist/chunk-9nyyn1hn.js +125 -0
  36. package/dist/chunk-9nyyn1hn.js.map +12 -0
  37. package/dist/chunk-9nzbvp6r.js +19 -0
  38. package/dist/chunk-9nzbvp6r.js.map +9 -0
  39. package/dist/chunk-a0gmbh8e.js +415 -0
  40. package/dist/chunk-a0gmbh8e.js.map +20 -0
  41. package/dist/chunk-acv998mp.js +941 -0
  42. package/dist/chunk-acv998mp.js.map +27 -0
  43. package/dist/chunk-cpjsvven.js +10 -0
  44. package/dist/chunk-cpjsvven.js.map +9 -0
  45. package/dist/chunk-dmrahbs1.js +31467 -0
  46. package/dist/chunk-dmrahbs1.js.map +245 -0
  47. package/dist/chunk-dts6851a.js +137 -0
  48. package/dist/chunk-dts6851a.js.map +10 -0
  49. package/dist/chunk-efd0rm6g.js +69 -0
  50. package/dist/chunk-efd0rm6g.js.map +10 -0
  51. package/dist/chunk-f1kjn6cd.js +16554 -0
  52. package/dist/chunk-f1kjn6cd.js.map +98 -0
  53. package/dist/chunk-f5f6ekgp.js +109 -0
  54. package/dist/chunk-f5f6ekgp.js.map +10 -0
  55. package/dist/chunk-fmewhfh3.js +137 -0
  56. package/dist/chunk-fmewhfh3.js.map +10 -0
  57. package/dist/chunk-fmhrn6cg.js +6382 -0
  58. package/dist/chunk-fmhrn6cg.js.map +109 -0
  59. package/dist/chunk-gh7dzfhb.js +256 -0
  60. package/dist/chunk-gh7dzfhb.js.map +11 -0
  61. package/dist/chunk-gwhtc0fe.js +370 -0
  62. package/dist/chunk-gwhtc0fe.js.map +16 -0
  63. package/dist/chunk-hc7sdwmn.js +449 -0
  64. package/dist/chunk-hc7sdwmn.js.map +17 -0
  65. package/dist/chunk-k4xwb3wp.js +44184 -0
  66. package/dist/chunk-k4xwb3wp.js.map +237 -0
  67. package/dist/chunk-k751yfm6.js +736 -0
  68. package/dist/chunk-k751yfm6.js.map +16 -0
  69. package/dist/chunk-kkc2tvar.js +19 -0
  70. package/dist/chunk-kkc2tvar.js.map +9 -0
  71. package/dist/chunk-kva47mgc.js +10 -0
  72. package/dist/chunk-kva47mgc.js.map +9 -0
  73. package/dist/chunk-nv2j020p.js +45210 -0
  74. package/dist/chunk-nv2j020p.js.map +258 -0
  75. package/dist/chunk-pdj9s41r.js +683 -0
  76. package/dist/chunk-pdj9s41r.js.map +17 -0
  77. package/dist/chunk-ppphsy4t.js +273 -0
  78. package/dist/chunk-ppphsy4t.js.map +10 -0
  79. package/dist/chunk-psmw9zpa.js +941 -0
  80. package/dist/chunk-psmw9zpa.js.map +27 -0
  81. package/dist/chunk-pz31v3ma.js +24 -0
  82. package/dist/chunk-pz31v3ma.js.map +9 -0
  83. package/dist/chunk-qbt0906e.js +1495 -0
  84. package/dist/chunk-qbt0906e.js.map +23 -0
  85. package/dist/chunk-rh3k09h7.js +19 -0
  86. package/dist/chunk-rh3k09h7.js.map +9 -0
  87. package/dist/chunk-saznae7w.js +10 -0
  88. package/dist/chunk-saznae7w.js.map +9 -0
  89. package/dist/chunk-sscqdg1j.js +69 -0
  90. package/dist/chunk-sscqdg1j.js.map +10 -0
  91. package/dist/chunk-stgj6y85.js +835 -0
  92. package/dist/chunk-stgj6y85.js.map +19 -0
  93. package/dist/chunk-t3tqmxyj.js +42 -0
  94. package/dist/chunk-t3tqmxyj.js.map +9 -0
  95. package/dist/chunk-v8ak35zd.js +94 -0
  96. package/dist/chunk-v8ak35zd.js.map +10 -0
  97. package/dist/chunk-w9acw256.js +167 -0
  98. package/dist/chunk-w9acw256.js.map +10 -0
  99. package/dist/chunk-wq60thjn.js +167 -0
  100. package/dist/chunk-wq60thjn.js.map +10 -0
  101. package/dist/chunk-wzkdeb8a.js +736 -0
  102. package/dist/chunk-wzkdeb8a.js.map +16 -0
  103. package/dist/chunk-xxv6j815.js +256 -0
  104. package/dist/chunk-xxv6j815.js.map +11 -0
  105. package/dist/chunk-yjnj35q8.js +1495 -0
  106. package/dist/chunk-yjnj35q8.js.map +23 -0
  107. package/dist/chunk-yvzzrczy.js +45206 -0
  108. package/dist/chunk-yvzzrczy.js.map +258 -0
  109. package/dist/chunk-ywax1akt.js +370 -0
  110. package/dist/chunk-ywax1akt.js.map +16 -0
  111. package/dist/chunk-zakq9pc0.js +4989 -0
  112. package/dist/chunk-zakq9pc0.js.map +65 -0
  113. package/dist/commands/doctor/command.js +1 -1
  114. package/dist/commands/doctor/steps/AdcProjectCheckStep.d.ts +8 -0
  115. package/dist/commands/init/command.js +1 -1
  116. package/dist/commands/logout/command.js +1 -1
  117. package/dist/commands/proxy/command.js +1 -1
  118. package/dist/commands/screens/command.js +2 -2
  119. package/dist/commands/serve/command.js +3 -3
  120. package/dist/commands/site/command.js +1 -1
  121. package/dist/commands/snapshot/command.js +1 -1
  122. package/dist/commands/tool/command.js +1 -1
  123. package/dist/commands/view/command.js +1 -1
  124. package/dist/index.js +4 -4
  125. package/dist/lib/server/AssetGateway.d.ts +12 -0
  126. package/package.json +1 -1
@@ -0,0 +1,273 @@
1
+ import {
2
+ openUrl,
3
+ require_jsx_dev_runtime
4
+ } from "./chunk-krfqppg2.js";
5
+ import {
6
+ StitchViteServer
7
+ } from "./chunk-yvzzrczy.js";
8
+ import"./chunk-w8q7nsm7.js";
9
+ import {
10
+ Box_default,
11
+ Text,
12
+ use_app_default,
13
+ use_input_default
14
+ } from "./chunk-f1kjn6cd.js";
15
+ import {
16
+ require_react
17
+ } from "./chunk-4jwmvjb4.js";
18
+ import {
19
+ downloadText
20
+ } from "./chunk-4vxy1qce.js";
21
+ import {
22
+ clipboardy_default
23
+ } from "./chunk-384jmtpy.js";
24
+ import"./chunk-hc7sdwmn.js";
25
+ import"./chunk-4jygt4d6.js";
26
+ import"./chunk-tz7wnw4s.js";
27
+ import"./chunk-3sfn889r.js";
28
+ import {
29
+ __toESM
30
+ } from "./chunk-9wyra8hs.js";
31
+
32
+ // src/commands/screens/ScreensView.tsx
33
+ var import_react = __toESM(require_react(), 1);
34
+ var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
35
+ function ScreensView({ projectId, projectTitle, screens }) {
36
+ const { exit } = use_app_default();
37
+ const [selectedIndex, setSelectedIndex] = import_react.useState(0);
38
+ const [windowStart, setWindowStart] = import_react.useState(0);
39
+ const [status, setStatus] = import_react.useState("");
40
+ const [serverUrl, setServerUrl] = import_react.useState(null);
41
+ const serverRef = import_react.useRef(null);
42
+ const VIEW_HEIGHT = 10;
43
+ import_react.default.useEffect(() => {
44
+ if (selectedIndex < windowStart) {
45
+ setWindowStart(selectedIndex);
46
+ } else if (selectedIndex >= windowStart + VIEW_HEIGHT) {
47
+ setWindowStart(selectedIndex - VIEW_HEIGHT + 1);
48
+ }
49
+ }, [selectedIndex, windowStart, VIEW_HEIGHT]);
50
+ import_react.useEffect(() => {
51
+ return () => {
52
+ if (serverRef.current)
53
+ serverRef.current.stop();
54
+ };
55
+ }, []);
56
+ async function serveScreen(screen) {
57
+ if (!screen.hasCode || !screen.codeUrl) {
58
+ setStatus("No HTML to serve");
59
+ return;
60
+ }
61
+ setStatus("Preparing server...");
62
+ let srv = serverRef.current;
63
+ let url = serverUrl;
64
+ let justStarted = false;
65
+ if (!srv) {
66
+ srv = new StitchViteServer;
67
+ url = await srv.start(0);
68
+ serverRef.current = srv;
69
+ setServerUrl(url);
70
+ justStarted = true;
71
+ }
72
+ if (!url)
73
+ return;
74
+ try {
75
+ const html = await downloadText(screen.codeUrl);
76
+ const route = `/screens/${screen.screenId}`;
77
+ srv.mount(route, html);
78
+ const fullUrl = `${url}${route}`;
79
+ if (justStarted) {
80
+ openUrl(fullUrl);
81
+ } else {
82
+ srv.navigate(fullUrl);
83
+ }
84
+ setStatus(`Serving at ${fullUrl}`);
85
+ } catch (e) {
86
+ setStatus("Error serving screen");
87
+ }
88
+ }
89
+ use_input_default((input, key) => {
90
+ if (input === "q") {
91
+ exit();
92
+ return;
93
+ }
94
+ if (key.upArrow || input === "k") {
95
+ setSelectedIndex((prev) => Math.max(0, prev - 1));
96
+ setStatus("");
97
+ }
98
+ if (key.downArrow || input === "j") {
99
+ setSelectedIndex((prev) => Math.min(screens.length - 1, prev + 1));
100
+ setStatus("");
101
+ }
102
+ if (input === "c") {
103
+ const screen = screens[selectedIndex];
104
+ if (screen?.hasCode && screen.codeUrl) {
105
+ setStatus("Copying...");
106
+ downloadText(screen.codeUrl).then((code) => {
107
+ clipboardy_default.write(code);
108
+ setStatus("HTML copied!");
109
+ }).catch(() => setStatus("Failed to copy"));
110
+ } else {
111
+ setStatus("No HTML available");
112
+ }
113
+ }
114
+ if (input === "i") {
115
+ const screen = screens[selectedIndex];
116
+ if (screen?.hasImage) {
117
+ setStatus("Image copy not implemented");
118
+ } else {
119
+ setStatus("No image available");
120
+ }
121
+ }
122
+ if (input === "s") {
123
+ const screen = screens[selectedIndex];
124
+ if (screen) {
125
+ serveScreen(screen);
126
+ }
127
+ }
128
+ });
129
+ const visibleScreens = screens.slice(windowStart, windowStart + VIEW_HEIGHT);
130
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
131
+ flexDirection: "column",
132
+ padding: 1,
133
+ children: [
134
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
135
+ bold: true,
136
+ children: [
137
+ projectTitle,
138
+ " (",
139
+ screens.length,
140
+ " screens)"
141
+ ]
142
+ }, undefined, true, undefined, this),
143
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
144
+ dimColor: true,
145
+ children: [
146
+ "projectId: ",
147
+ projectId
148
+ ]
149
+ }, undefined, true, undefined, this),
150
+ serverUrl && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
151
+ dimColor: true,
152
+ children: [
153
+ "Server: ",
154
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
155
+ color: "green",
156
+ children: serverUrl
157
+ }, undefined, false, undefined, this)
158
+ ]
159
+ }, undefined, true, undefined, this),
160
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
161
+ children: " "
162
+ }, undefined, false, undefined, this),
163
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
164
+ flexDirection: "column",
165
+ borderStyle: "single",
166
+ borderColor: "yellow",
167
+ paddingX: 1,
168
+ children: [
169
+ windowStart > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
170
+ dimColor: true,
171
+ children: [
172
+ "... ",
173
+ windowStart,
174
+ " more above ..."
175
+ ]
176
+ }, undefined, true, undefined, this),
177
+ visibleScreens.map((screen, index) => {
178
+ const absoluteIndex = windowStart + index;
179
+ const isSelected = absoluteIndex === selectedIndex;
180
+ const num = String(absoluteIndex + 1).padStart(2, " ");
181
+ const selector = isSelected ? "▸" : " ";
182
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
183
+ flexDirection: "column",
184
+ children: [
185
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
186
+ justifyContent: "space-between",
187
+ children: [
188
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
189
+ children: [
190
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
191
+ dimColor: true,
192
+ children: num
193
+ }, undefined, false, undefined, this),
194
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
195
+ color: isSelected ? "cyan" : undefined,
196
+ children: [
197
+ " ",
198
+ selector,
199
+ " "
200
+ ]
201
+ }, undefined, true, undefined, this),
202
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
203
+ color: isSelected ? "cyan" : undefined,
204
+ bold: isSelected,
205
+ children: screen.title.slice(0, 28)
206
+ }, undefined, false, undefined, this)
207
+ ]
208
+ }, undefined, true, undefined, this),
209
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
210
+ children: [
211
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
212
+ dimColor: true,
213
+ children: "html"
214
+ }, undefined, false, undefined, this),
215
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
216
+ color: screen.hasCode ? "green" : "gray",
217
+ children: screen.hasCode ? "[✓]" : "[ ]"
218
+ }, undefined, false, undefined, this),
219
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
220
+ children: " "
221
+ }, undefined, false, undefined, this),
222
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
223
+ dimColor: true,
224
+ children: "img"
225
+ }, undefined, false, undefined, this),
226
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
227
+ color: screen.hasImage ? "green" : "gray",
228
+ children: screen.hasImage ? "[✓]" : "[ ]"
229
+ }, undefined, false, undefined, this)
230
+ ]
231
+ }, undefined, true, undefined, this)
232
+ ]
233
+ }, undefined, true, undefined, this),
234
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
235
+ dimColor: true,
236
+ color: "gray",
237
+ children: [
238
+ " screenId: ",
239
+ screen.screenId
240
+ ]
241
+ }, undefined, true, undefined, this),
242
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
243
+ children: " "
244
+ }, undefined, false, undefined, this)
245
+ ]
246
+ }, screen.screenId, true, undefined, this);
247
+ }),
248
+ windowStart + VIEW_HEIGHT < screens.length && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
249
+ dimColor: true,
250
+ children: [
251
+ "... ",
252
+ screens.length - (windowStart + VIEW_HEIGHT),
253
+ " more below ..."
254
+ ]
255
+ }, undefined, true, undefined, this)
256
+ ]
257
+ }, undefined, true, undefined, this),
258
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
259
+ dimColor: true,
260
+ children: "[c]opy html [i]mage [s]erve [q]uit"
261
+ }, undefined, false, undefined, this),
262
+ status && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
263
+ color: "yellow",
264
+ children: status
265
+ }, undefined, false, undefined, this)
266
+ ]
267
+ }, undefined, true, undefined, this);
268
+ }
269
+ export {
270
+ ScreensView
271
+ };
272
+
273
+ //# debugId=A890852E888CB14764756E2164756E21
@@ -0,0 +1,10 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/commands/screens/ScreensView.tsx"],
4
+ "sourcesContent": [
5
+ "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"
6
+ ],
7
+ "mappings": "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",
8
+ "debugId": "A890852E888CB14764756E2164756E21",
9
+ "names": []
10
+ }
@@ -0,0 +1,167 @@
1
+ import {
2
+ openUrl,
3
+ require_jsx_dev_runtime
4
+ } from "./chunk-krfqppg2.js";
5
+ import {
6
+ StitchViteServer
7
+ } from "./chunk-nv2j020p.js";
8
+ import"./chunk-w8q7nsm7.js";
9
+ import {
10
+ Box_default,
11
+ Text,
12
+ use_app_default,
13
+ use_input_default
14
+ } from "./chunk-f1kjn6cd.js";
15
+ import {
16
+ require_react
17
+ } from "./chunk-4jwmvjb4.js";
18
+ import {
19
+ downloadText
20
+ } from "./chunk-4vxy1qce.js";
21
+ import"./chunk-384jmtpy.js";
22
+ import"./chunk-hc7sdwmn.js";
23
+ import"./chunk-4jygt4d6.js";
24
+ import"./chunk-tz7wnw4s.js";
25
+ import"./chunk-3sfn889r.js";
26
+ import {
27
+ __toESM
28
+ } from "./chunk-9wyra8hs.js";
29
+
30
+ // src/commands/serve/ServeView.tsx
31
+ var import_react = __toESM(require_react(), 1);
32
+ var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
33
+ function ServeView({ projectId, projectTitle, screens }) {
34
+ const { exit } = use_app_default();
35
+ const [selectedIndex, setSelectedIndex] = import_react.useState(0);
36
+ const [serverUrl, setServerUrl] = import_react.useState(null);
37
+ const [status, setStatus] = import_react.useState("Starting server...");
38
+ const [server, setServer] = import_react.useState(null);
39
+ import_react.useEffect(() => {
40
+ const srv = new StitchViteServer;
41
+ setServer(srv);
42
+ let mounted = true;
43
+ async function init() {
44
+ try {
45
+ const url = await srv.start(0);
46
+ if (mounted)
47
+ setServerUrl(url);
48
+ await Promise.all(screens.map(async (screen) => {
49
+ try {
50
+ const html = await downloadText(screen.codeUrl);
51
+ srv.mount(`/screens/${screen.screenId}`, html);
52
+ } catch (e) {
53
+ console.error(`Failed to load ${screen.screenId}`);
54
+ }
55
+ }));
56
+ const indexHtml = `<!DOCTYPE html>
57
+ <html>
58
+ <head>
59
+ <title>${projectTitle}</title>
60
+ <style>
61
+ body { font-family: system-ui, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; background: #1a1a1a; color: #fff; }
62
+ ul { list-style: none; padding: 0; }
63
+ li { margin: 12px 0; padding: 16px; background: #252525; border-radius: 8px; }
64
+ a { color: #4fc3f7; text-decoration: none; font-size: 18px; display: block; }
65
+ a:hover { text-decoration: underline; }
66
+ </style>
67
+ </head>
68
+ <body>
69
+ <h1>${projectTitle}</h1>
70
+ <ul>
71
+ ${screens.map((s) => `<li>
72
+ <a href="/screens/${s.screenId}">${s.title}</a>
73
+ </li>`).join(`
74
+ `)}
75
+ </ul>
76
+ </body>
77
+ </html>`;
78
+ srv.mount("/", indexHtml);
79
+ if (mounted)
80
+ setStatus("Ready");
81
+ } catch (e) {
82
+ if (mounted)
83
+ setStatus(`Error: ${e.message}`);
84
+ }
85
+ }
86
+ init();
87
+ return () => {
88
+ mounted = false;
89
+ srv.stop();
90
+ };
91
+ }, []);
92
+ use_input_default((input, key) => {
93
+ if (input === "q") {
94
+ exit();
95
+ return;
96
+ }
97
+ if (key.upArrow || input === "k") {
98
+ setSelectedIndex((prev) => Math.max(0, prev - 1));
99
+ }
100
+ if (key.downArrow || input === "j") {
101
+ setSelectedIndex((prev) => Math.min(screens.length, prev + 1));
102
+ }
103
+ if (key.return && serverUrl) {
104
+ let target = serverUrl;
105
+ if (selectedIndex > 0) {
106
+ const screen = screens[selectedIndex - 1];
107
+ if (screen) {
108
+ target = `${serverUrl}/screens/${screen.screenId}`;
109
+ }
110
+ }
111
+ openUrl(target);
112
+ }
113
+ });
114
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
115
+ flexDirection: "column",
116
+ padding: 1,
117
+ children: [
118
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
119
+ bold: true,
120
+ children: projectTitle
121
+ }, undefined, false, undefined, this),
122
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
123
+ color: "green",
124
+ children: serverUrl || "Starting..."
125
+ }, undefined, false, undefined, this),
126
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
127
+ children: status
128
+ }, undefined, false, undefined, this),
129
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
130
+ marginTop: 1,
131
+ flexDirection: "column",
132
+ children: [
133
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
134
+ color: selectedIndex === 0 ? "cyan" : undefined,
135
+ children: [
136
+ selectedIndex === 0 ? "> " : " ",
137
+ " Index (/)"
138
+ ]
139
+ }, undefined, true, undefined, this),
140
+ screens.map((s, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
141
+ color: selectedIndex === i + 1 ? "cyan" : undefined,
142
+ children: [
143
+ selectedIndex === i + 1 ? "> " : " ",
144
+ " ",
145
+ s.title,
146
+ " (/screens/",
147
+ s.screenId,
148
+ ")"
149
+ ]
150
+ }, s.screenId, true, undefined, this))
151
+ ]
152
+ }, undefined, true, undefined, this),
153
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
154
+ marginTop: 1,
155
+ children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
156
+ dimColor: true,
157
+ children: "[Enter] Open | [q] Quit"
158
+ }, undefined, false, undefined, this)
159
+ }, undefined, false, undefined, this)
160
+ ]
161
+ }, undefined, true, undefined, this);
162
+ }
163
+ export {
164
+ ServeView
165
+ };
166
+
167
+ //# debugId=4BCD01A43CD1D53A64756E2164756E21
@@ -0,0 +1,10 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/commands/serve/ServeView.tsx"],
4
+ "sourcesContent": [
5
+ "import React, { useState, useEffect } from 'react';\nimport { Box, Text, useInput, useApp } from 'ink';\nimport { StitchViteServer } from '../../lib/server/vite/StitchViteServer.js';\nimport { downloadText } from '../../ui/copy-behaviors/clipboard.js';\nimport { openUrl } from '../../platform/browser.js';\n\ninterface CodeScreen {\n screenId: string;\n title: string;\n codeUrl: string;\n}\n\ninterface ServeViewProps {\n projectId: string;\n projectTitle: string;\n screens: CodeScreen[];\n}\n\nexport function ServeView({ projectId, projectTitle, screens }: ServeViewProps) {\n const { exit } = useApp();\n const [selectedIndex, setSelectedIndex] = useState(0);\n const [serverUrl, setServerUrl] = useState<string | null>(null);\n const [status, setStatus] = useState('Starting server...');\n const [server, setServer] = useState<StitchViteServer | null>(null);\n\n useEffect(() => {\n const srv = new StitchViteServer();\n setServer(srv);\n let mounted = true;\n\n async function init() {\n try {\n const url = await srv.start(0);\n if (mounted) setServerUrl(url);\n\n // Fetch and mount screens\n await Promise.all(screens.map(async (screen) => {\n try {\n const html = await downloadText(screen.codeUrl);\n srv.mount(`/screens/${screen.screenId}`, html);\n } catch (e) {\n console.error(`Failed to load ${screen.screenId}`);\n }\n }));\n\n // Generate Index\n const indexHtml = `<!DOCTYPE html>\n<html>\n<head>\n <title>${projectTitle}</title>\n <style>\n body { font-family: system-ui, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; background: #1a1a1a; color: #fff; }\n ul { list-style: none; padding: 0; }\n li { margin: 12px 0; padding: 16px; background: #252525; border-radius: 8px; }\n a { color: #4fc3f7; text-decoration: none; font-size: 18px; display: block; }\n a:hover { text-decoration: underline; }\n </style>\n</head>\n<body>\n <h1>${projectTitle}</h1>\n <ul>\n ${screens.map(s => `<li>\n <a href=\"/screens/${s.screenId}\">${s.title}</a>\n </li>`).join('\\n')}\n </ul>\n</body>\n</html>`;\n srv.mount('/', indexHtml);\n\n if (mounted) setStatus('Ready');\n } catch (e: any) {\n if (mounted) setStatus(`Error: ${e.message}`);\n }\n }\n\n init();\n\n return () => {\n mounted = false;\n srv.stop();\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 }\n if (key.downArrow || input === 'j') {\n setSelectedIndex(prev => Math.min(screens.length, prev + 1));\n }\n\n if (key.return && serverUrl) {\n let target = serverUrl;\n if (selectedIndex > 0) {\n const screen = screens[selectedIndex - 1];\n if (screen) {\n target = `${serverUrl}/screens/${screen.screenId}`;\n }\n }\n openUrl(target);\n }\n });\n\n return (\n <Box flexDirection=\"column\" padding={1}>\n <Text bold>{projectTitle}</Text>\n <Text color=\"green\">{serverUrl || 'Starting...'}</Text>\n <Text>{status}</Text>\n <Box marginTop={1} flexDirection=\"column\">\n <Text color={selectedIndex === 0 ? 'cyan' : undefined}>\n {selectedIndex === 0 ? '> ' : ' '} Index (/)\n </Text>\n {screens.map((s, i) => (\n <Text key={s.screenId} color={selectedIndex === i + 1 ? 'cyan' : undefined}>\n {selectedIndex === i + 1 ? '> ' : ' '} {s.title} (/screens/{s.screenId})\n </Text>\n ))}\n </Box>\n <Box marginTop={1}>\n <Text dimColor>[Enter] Open | [q] Quit</Text>\n </Box>\n </Box>\n );\n}\n"
6
+ ],
7
+ "mappings": "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",
8
+ "debugId": "4BCD01A43CD1D53A64756E2164756E21",
9
+ "names": []
10
+ }
@@ -0,0 +1,69 @@
1
+ import {
2
+ StitchViteServer
3
+ } from "./chunk-yvzzrczy.js";
4
+ import"./chunk-w8q7nsm7.js";
5
+ import {
6
+ downloadText
7
+ } from "./chunk-4vxy1qce.js";
8
+ import"./chunk-384jmtpy.js";
9
+ import {
10
+ pLimit
11
+ } from "./chunk-a5xra9jn.js";
12
+ import"./chunk-4jygt4d6.js";
13
+ import"./chunk-tz7wnw4s.js";
14
+ import"./chunk-9wyra8hs.js";
15
+
16
+ // src/commands/serve/json-server/handler.ts
17
+ class JsonServerHandler {
18
+ client;
19
+ downloadHtml;
20
+ constructor(client, downloadHtml = downloadText) {
21
+ this.client = client;
22
+ this.downloadHtml = downloadHtml;
23
+ }
24
+ async execute(input) {
25
+ let sdkScreens;
26
+ try {
27
+ const project = this.client.project(input.projectId);
28
+ sdkScreens = await project.screens();
29
+ } catch (e) {
30
+ return {
31
+ success: false,
32
+ error: { code: "SCREENS_FETCH_FAILED", message: e.message, recoverable: false }
33
+ };
34
+ }
35
+ const server = new StitchViteServer;
36
+ let baseUrl;
37
+ try {
38
+ baseUrl = await server.start(0);
39
+ } catch (e) {
40
+ return {
41
+ success: false,
42
+ error: { code: "SERVER_START_FAILED", message: e.message, recoverable: false }
43
+ };
44
+ }
45
+ const limit = pLimit(3);
46
+ const screens = [];
47
+ await Promise.all(sdkScreens.map((s) => limit(async () => {
48
+ try {
49
+ const codeUrl = await s.getHtml();
50
+ if (codeUrl) {
51
+ const html = await this.downloadHtml(codeUrl);
52
+ server.mount(`/screens/${s.screenId}`, html);
53
+ }
54
+ screens.push({
55
+ screenId: s.screenId,
56
+ title: s.title ?? s.screenId,
57
+ url: `${baseUrl}/screens/${s.screenId}`
58
+ });
59
+ } catch {}
60
+ })));
61
+ screens.sort((a, b) => a.title.localeCompare(b.title));
62
+ return { success: true, url: baseUrl, screens };
63
+ }
64
+ }
65
+ export {
66
+ JsonServerHandler
67
+ };
68
+
69
+ //# debugId=48EA0F841F0EE79D64756E2164756E21
@@ -0,0 +1,10 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/commands/serve/json-server/handler.ts"],
4
+ "sourcesContent": [
5
+ "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"
6
+ ],
7
+ "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;",
8
+ "debugId": "48EA0F841F0EE79D64756E2164756E21",
9
+ "names": []
10
+ }