@_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.
- package/dist/chunk-22bymmh9.js +137 -0
- package/dist/chunk-22bymmh9.js.map +10 -0
- package/dist/chunk-387yyye2.js +248 -0
- package/dist/chunk-387yyye2.js.map +14 -0
- package/dist/chunk-3ff2k44g.js +19 -0
- package/dist/chunk-3ff2k44g.js.map +9 -0
- package/dist/chunk-46cay1zp.js +273 -0
- package/dist/chunk-46cay1zp.js.map +10 -0
- package/dist/chunk-48e1jpm8.js +167 -0
- package/dist/chunk-48e1jpm8.js.map +10 -0
- package/dist/chunk-4arzkk1s.js +69 -0
- package/dist/chunk-4arzkk1s.js.map +10 -0
- package/dist/chunk-4js7vw6h.js +415 -0
- package/dist/chunk-4js7vw6h.js.map +20 -0
- package/dist/chunk-4p1wfk3t.js +736 -0
- package/dist/chunk-4p1wfk3t.js.map +16 -0
- package/dist/chunk-4zg969tc.js +370 -0
- package/dist/chunk-4zg969tc.js.map +16 -0
- package/dist/chunk-5jjt7tgw.js +247 -0
- package/dist/chunk-5jjt7tgw.js.map +14 -0
- package/dist/chunk-5t2h8z2n.js +273 -0
- package/dist/chunk-5t2h8z2n.js.map +10 -0
- package/dist/chunk-5zy3et1m.js +759 -0
- package/dist/chunk-5zy3et1m.js.map +19 -0
- package/dist/chunk-6wvst7z8.js +125 -0
- package/dist/chunk-6wvst7z8.js.map +12 -0
- package/dist/chunk-8mm08arm.js +256 -0
- package/dist/chunk-8mm08arm.js.map +11 -0
- package/dist/chunk-8nv4wwv0.js +19 -0
- package/dist/chunk-8nv4wwv0.js.map +9 -0
- package/dist/chunk-9cjny9z2.js +19 -0
- package/dist/chunk-9cjny9z2.js.map +9 -0
- package/dist/chunk-9ggfw78s.js +19 -0
- package/dist/chunk-9ggfw78s.js.map +9 -0
- package/dist/chunk-9nyyn1hn.js +125 -0
- package/dist/chunk-9nyyn1hn.js.map +12 -0
- package/dist/chunk-9nzbvp6r.js +19 -0
- package/dist/chunk-9nzbvp6r.js.map +9 -0
- package/dist/chunk-a0gmbh8e.js +415 -0
- package/dist/chunk-a0gmbh8e.js.map +20 -0
- package/dist/chunk-acv998mp.js +941 -0
- package/dist/chunk-acv998mp.js.map +27 -0
- package/dist/chunk-cpjsvven.js +10 -0
- package/dist/chunk-cpjsvven.js.map +9 -0
- package/dist/chunk-dmrahbs1.js +31467 -0
- package/dist/chunk-dmrahbs1.js.map +245 -0
- package/dist/chunk-dts6851a.js +137 -0
- package/dist/chunk-dts6851a.js.map +10 -0
- package/dist/chunk-efd0rm6g.js +69 -0
- package/dist/chunk-efd0rm6g.js.map +10 -0
- package/dist/chunk-f1kjn6cd.js +16554 -0
- package/dist/chunk-f1kjn6cd.js.map +98 -0
- package/dist/chunk-f5f6ekgp.js +109 -0
- package/dist/chunk-f5f6ekgp.js.map +10 -0
- package/dist/chunk-fmewhfh3.js +137 -0
- package/dist/chunk-fmewhfh3.js.map +10 -0
- package/dist/chunk-fmhrn6cg.js +6382 -0
- package/dist/chunk-fmhrn6cg.js.map +109 -0
- package/dist/chunk-gh7dzfhb.js +256 -0
- package/dist/chunk-gh7dzfhb.js.map +11 -0
- package/dist/chunk-gwhtc0fe.js +370 -0
- package/dist/chunk-gwhtc0fe.js.map +16 -0
- package/dist/chunk-hc7sdwmn.js +449 -0
- package/dist/chunk-hc7sdwmn.js.map +17 -0
- package/dist/chunk-k4xwb3wp.js +44184 -0
- package/dist/chunk-k4xwb3wp.js.map +237 -0
- package/dist/chunk-k751yfm6.js +736 -0
- package/dist/chunk-k751yfm6.js.map +16 -0
- package/dist/chunk-kkc2tvar.js +19 -0
- package/dist/chunk-kkc2tvar.js.map +9 -0
- package/dist/chunk-kva47mgc.js +10 -0
- package/dist/chunk-kva47mgc.js.map +9 -0
- package/dist/chunk-nv2j020p.js +45210 -0
- package/dist/chunk-nv2j020p.js.map +258 -0
- package/dist/chunk-pdj9s41r.js +683 -0
- package/dist/chunk-pdj9s41r.js.map +17 -0
- package/dist/chunk-ppphsy4t.js +273 -0
- package/dist/chunk-ppphsy4t.js.map +10 -0
- package/dist/chunk-psmw9zpa.js +941 -0
- package/dist/chunk-psmw9zpa.js.map +27 -0
- package/dist/chunk-pz31v3ma.js +24 -0
- package/dist/chunk-pz31v3ma.js.map +9 -0
- package/dist/chunk-qbt0906e.js +1495 -0
- package/dist/chunk-qbt0906e.js.map +23 -0
- package/dist/chunk-rh3k09h7.js +19 -0
- package/dist/chunk-rh3k09h7.js.map +9 -0
- package/dist/chunk-saznae7w.js +10 -0
- package/dist/chunk-saznae7w.js.map +9 -0
- package/dist/chunk-sscqdg1j.js +69 -0
- package/dist/chunk-sscqdg1j.js.map +10 -0
- package/dist/chunk-stgj6y85.js +835 -0
- package/dist/chunk-stgj6y85.js.map +19 -0
- package/dist/chunk-t3tqmxyj.js +42 -0
- package/dist/chunk-t3tqmxyj.js.map +9 -0
- package/dist/chunk-v8ak35zd.js +94 -0
- package/dist/chunk-v8ak35zd.js.map +10 -0
- package/dist/chunk-w9acw256.js +167 -0
- package/dist/chunk-w9acw256.js.map +10 -0
- package/dist/chunk-wq60thjn.js +167 -0
- package/dist/chunk-wq60thjn.js.map +10 -0
- package/dist/chunk-wzkdeb8a.js +736 -0
- package/dist/chunk-wzkdeb8a.js.map +16 -0
- package/dist/chunk-xxv6j815.js +256 -0
- package/dist/chunk-xxv6j815.js.map +11 -0
- package/dist/chunk-yjnj35q8.js +1495 -0
- package/dist/chunk-yjnj35q8.js.map +23 -0
- package/dist/chunk-yvzzrczy.js +45206 -0
- package/dist/chunk-yvzzrczy.js.map +258 -0
- package/dist/chunk-ywax1akt.js +370 -0
- package/dist/chunk-ywax1akt.js.map +16 -0
- package/dist/chunk-zakq9pc0.js +4989 -0
- package/dist/chunk-zakq9pc0.js.map +65 -0
- package/dist/commands/doctor/command.js +1 -1
- package/dist/commands/doctor/steps/AdcProjectCheckStep.d.ts +8 -0
- package/dist/commands/init/command.js +1 -1
- package/dist/commands/logout/command.js +1 -1
- package/dist/commands/proxy/command.js +1 -1
- package/dist/commands/screens/command.js +2 -2
- package/dist/commands/serve/command.js +3 -3
- package/dist/commands/site/command.js +1 -1
- package/dist/commands/snapshot/command.js +1 -1
- package/dist/commands/tool/command.js +1 -1
- package/dist/commands/view/command.js +1 -1
- package/dist/index.js +4 -4
- package/dist/lib/server/AssetGateway.d.ts +12 -0
- 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
|
+
}
|