@_davideast/stitch-mcp 0.5.3 → 0.5.5

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 (78) hide show
  1. package/dist/chunk-18nfnnkg.js +947 -0
  2. package/dist/chunk-18nfnnkg.js.map +28 -0
  3. package/dist/chunk-1sgyj1qf.js +256 -0
  4. package/dist/chunk-1sgyj1qf.js.map +11 -0
  5. package/dist/chunk-1tzaa3zn.js +370 -0
  6. package/dist/chunk-1tzaa3zn.js.map +16 -0
  7. package/dist/chunk-2efzz3tw.js +10 -0
  8. package/dist/chunk-2efzz3tw.js.map +9 -0
  9. package/dist/chunk-2eq8thmz.js +31529 -0
  10. package/dist/chunk-2eq8thmz.js.map +245 -0
  11. package/dist/chunk-4xa2a5hb.js +19 -0
  12. package/dist/chunk-4xa2a5hb.js.map +9 -0
  13. package/dist/chunk-7vdj1qwb.js +2121 -0
  14. package/dist/chunk-7vdj1qwb.js.map +44 -0
  15. package/dist/chunk-7zyv8g2t.js +5216 -0
  16. package/dist/chunk-7zyv8g2t.js.map +67 -0
  17. package/dist/chunk-94xqpnv4.js +7 -0
  18. package/dist/chunk-94xqpnv4.js.map +9 -0
  19. package/dist/chunk-b43pzs3z.js +839 -0
  20. package/dist/chunk-b43pzs3z.js.map +11 -0
  21. package/dist/chunk-byzfppa1.js +759 -0
  22. package/dist/chunk-byzfppa1.js.map +19 -0
  23. package/dist/chunk-cjkw69md.js +94 -0
  24. package/dist/chunk-cjkw69md.js.map +10 -0
  25. package/dist/chunk-d92ngrr6.js +680 -0
  26. package/dist/chunk-d92ngrr6.js.map +17 -0
  27. package/dist/chunk-de74byjc.js +19 -0
  28. package/dist/chunk-de74byjc.js.map +9 -0
  29. package/dist/chunk-ewab4gg0.js +17 -0
  30. package/dist/chunk-ewab4gg0.js.map +9 -0
  31. package/dist/chunk-f0phn3y1.js +1495 -0
  32. package/dist/chunk-f0phn3y1.js.map +23 -0
  33. package/dist/chunk-f398cwqb.js +24 -0
  34. package/dist/chunk-f398cwqb.js.map +9 -0
  35. package/dist/chunk-fkzq5m59.js +111 -0
  36. package/dist/chunk-fkzq5m59.js.map +10 -0
  37. package/dist/chunk-gzk8pt16.js +44184 -0
  38. package/dist/chunk-gzk8pt16.js.map +237 -0
  39. package/dist/chunk-kme6y874.js +125 -0
  40. package/dist/chunk-kme6y874.js.map +12 -0
  41. package/dist/chunk-mw5wn97e.js +109 -0
  42. package/dist/chunk-mw5wn97e.js.map +10 -0
  43. package/dist/chunk-mxcybqhd.js +412 -0
  44. package/dist/chunk-mxcybqhd.js.map +20 -0
  45. package/dist/chunk-nep9nerg.js +137 -0
  46. package/dist/chunk-nep9nerg.js.map +10 -0
  47. package/dist/chunk-nrcb494d.js +50 -0
  48. package/dist/chunk-nrcb494d.js.map +9 -0
  49. package/dist/chunk-p9vvygz4.js +736 -0
  50. package/dist/chunk-p9vvygz4.js.map +16 -0
  51. package/dist/chunk-rd2ye9s7.js +17 -0
  52. package/dist/chunk-rd2ye9s7.js.map +9 -0
  53. package/dist/chunk-svk5y62j.js +164 -0
  54. package/dist/chunk-svk5y62j.js.map +10 -0
  55. package/dist/chunk-w3wh3zkf.js +269 -0
  56. package/dist/chunk-w3wh3zkf.js.map +10 -0
  57. package/dist/chunk-x1tt02n9.js +264 -0
  58. package/dist/chunk-x1tt02n9.js.map +12 -0
  59. package/dist/chunk-x7g5p1gv.js +66 -0
  60. package/dist/chunk-x7g5p1gv.js.map +10 -0
  61. package/dist/chunk-z7b1n864.js +246 -0
  62. package/dist/chunk-z7b1n864.js.map +14 -0
  63. package/dist/chunk-zcc6seqb.js +19132 -0
  64. package/dist/chunk-zcc6seqb.js.map +115 -0
  65. package/dist/commands/doctor/command.js +1 -1
  66. package/dist/commands/init/command.js +1 -1
  67. package/dist/commands/logout/command.js +1 -1
  68. package/dist/commands/proxy/command.js +1 -1
  69. package/dist/commands/screens/command.js +4 -4
  70. package/dist/commands/serve/command.js +5 -5
  71. package/dist/commands/site/command.js +1 -1
  72. package/dist/commands/snapshot/command.js +1 -1
  73. package/dist/commands/tool/command.js +1 -1
  74. package/dist/commands/view/command.js +1 -1
  75. package/dist/index.js +5 -7
  76. package/dist/index.js.map +1 -1
  77. package/dist/ui/copy-behaviors/clipboard.d.ts +0 -7
  78. package/package.json +1 -3
@@ -0,0 +1,16 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/commands/site/ui/SiteBuilder.tsx", "../node_modules/ink-spinner/build/index.js", "../node_modules/ink-text-input/build/index.js", "../src/commands/site/utils/SiteManifest.ts", "../src/commands/site/ui/components/StatusIcon.tsx", "../src/commands/site/ui/ScreenList.tsx", "../src/commands/site/hooks/useProjectHydration.ts"],
4
+ "sourcesContent": [
5
+ "import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Box, Text, useInput, useApp } from 'ink';\nimport Spinner from 'ink-spinner';\nimport TextInput from 'ink-text-input';\nimport { SiteService } from '../../../lib/services/site/SiteService.js';\nimport { StitchViteServer } from '../../../lib/server/vite/StitchViteServer.js';\nimport { openUrl } from '../../../platform/browser.js';\nimport { SiteManifest } from '../utils/SiteManifest.js';\nimport { fetchWithRetry } from '../utils/fetchWithRetry.js';\nimport { ScreenList } from './ScreenList.js';\nimport { useProjectHydration } from '../hooks/useProjectHydration.js';\nimport type { UIScreen, SiteConfig } from '../../../lib/services/site/types.js';\nimport type { Stitch } from '@google/stitch-sdk';\n\ninterface SiteBuilderProps {\n projectId: string;\n client: Stitch;\n onExit: (config: SiteConfig | null, htmlContent?: Map<string, string>) => void;\n}\n\nexport const SiteBuilder: React.FC<SiteBuilderProps> = ({ projectId, client, onExit }) => {\n const { exit } = useApp();\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n\n // New state\n const [screens, setScreens] = useState<UIScreen[]>([]);\n const [showSelectedOnly, setShowSelectedOnly] = useState(false);\n const [activeIndex, setActiveIndex] = useState(0);\n const [viewMode, setViewMode] = useState<'default' | 'discarded'>('default');\n\n const siteManifest = useMemo(() => new SiteManifest(projectId), [projectId]);\n\n const [isEditingRoute, setIsEditingRoute] = useState(false);\n const [routeValue, setRouteValue] = useState('');\n\n const [followMode, setFollowMode] = useState(true);\n const [showAllKeys, setShowAllKeys] = useState(false);\n const [serverUrl, setServerUrl] = useState<string | null>(null);\n const [server, setServer] = useState<StitchViteServer | null>(null);\n\n // Initialize\n useEffect(() => {\n let mounted = true;\n const srv = new StitchViteServer();\n setServer(srv);\n\n const init = async () => {\n try {\n // Start server\n const url = await srv.start(0);\n if (mounted) setServerUrl(url);\n\n // Fetch screens\n const project = client.project(projectId);\n const sdkScreens = await project.screens();\n\n // Convert to UIScreen\n const uiScreens = await Promise.all(\n sdkScreens.map(async (s: any) => ({\n id: s.screenId,\n title: s.title ?? s.screenId,\n status: 'ignored' as const,\n route: '',\n downloadUrl: await s.getHtml().catch(() => null)\n }))\n ) as UIScreen[];\n\n // Load saved screen state (status + routes)\n const saved = await siteManifest.load();\n for (const screen of uiScreens) {\n const state = saved.get(screen.id);\n if (state?.status) screen.status = state.status;\n if (state?.route) screen.route = state.route;\n }\n\n if (mounted) {\n setScreens(uiScreens);\n setLoading(false);\n }\n } catch (e: any) {\n if (mounted) setError(e.message);\n }\n };\n\n init();\n\n return () => {\n mounted = false;\n srv.stop();\n };\n }, [projectId, client]);\n\n // Derived display list\n const displayList = useMemo(() => {\n let list = screens.map((s, i) => ({ screen: s, sourceIndex: i }));\n\n if (viewMode === 'discarded') {\n return list.filter(item => item.screen.status === 'discarded');\n }\n\n // Default: hide discarded\n list = list.filter(item => item.screen.status !== 'discarded');\n\n if (showSelectedOnly) {\n list = list.filter(item => item.screen.status === 'included');\n }\n\n return list;\n }, [screens, viewMode, showSelectedOnly]);\n\n // Clamp activeIndex when list changes\n useEffect(() => {\n setActiveIndex(prev => {\n if (displayList.length === 0) return 0;\n return Math.min(prev, Math.max(0, displayList.length - 1));\n });\n }, [displayList.length]);\n\n // Hydration logic\n const activeItem = displayList[activeIndex];\n const activeScreenId = activeItem?.screen.id;\n\n // Stable fetchContent reference using fetchWithRetry directly\n const fetchContent = useCallback((url: string) => fetchWithRetry(url), []);\n\n const { hydrationStatus, progress, htmlContent } = useProjectHydration(screens, server, fetchContent, activeScreenId);\n\n // Navigate effect (Follow Mode)\n useEffect(() => {\n if (server && followMode && hydrationStatus === 'ready' && activeScreenId) {\n server.navigate(`/_preview/${activeScreenId}`);\n }\n }, [activeScreenId, followMode, server, hydrationStatus]);\n\n // Input handling\n useInput((input, key) => {\n if (loading || error) return;\n\n // When editing route, TextInput handles input.\n // We only listen for Escape to cancel or Enter to submit (handled by TextInput onSubmit/onChange logic?)\n // Actually ink-text-input handles value updates, but we need to handle commit/cancel.\n // However, if we use useInput here, it might conflict if not careful.\n // ink-text-input captures input if focused? No, it just renders.\n // We need to capture input here if NOT editing.\n if (isEditingRoute) {\n if (key.escape) {\n setIsEditingRoute(false);\n setRouteValue(''); // Reset or keep? Reset seems better for cancel.\n }\n return;\n }\n\n if (key.upArrow) {\n setActiveIndex(prev => Math.max(0, prev - 1));\n }\n if (key.downArrow) {\n setActiveIndex(prev => Math.min(displayList.length - 1, prev + 1));\n }\n\n if (input === ' ') {\n if (activeItem) {\n const originalIndex = activeItem.sourceIndex;\n setScreens(prev => {\n const next = [...prev];\n const s = next[originalIndex];\n if (s) {\n s.status = s.status === 'included' ? 'ignored' : 'included';\n }\n siteManifest.save(next);\n return next;\n });\n }\n }\n\n if (key.return) {\n if (activeItem) {\n setRouteValue(activeItem.screen.route);\n setIsEditingRoute(true);\n }\n }\n\n if (input === 't') {\n setShowSelectedOnly(prev => !prev);\n }\n\n if (input === 'f') {\n setFollowMode(prev => !prev);\n }\n\n if (input === 'x') {\n const item = displayList[activeIndex];\n if (!item) return;\n\n if (viewMode === 'discarded') {\n // Undiscard → set to 'ignored'\n const idx = item.sourceIndex;\n setScreens(prev => {\n const next = [...prev];\n if (next[idx]) next[idx]!.status = 'ignored';\n siteManifest.save(next);\n return next;\n });\n } else {\n // Discard\n const idx = item.sourceIndex;\n setScreens(prev => {\n const next = [...prev];\n if (next[idx]) next[idx]!.status = 'discarded';\n siteManifest.save(next);\n return next;\n });\n }\n }\n\n if (input === 'd') {\n setViewMode(prev => prev === 'default' ? 'discarded' : 'default');\n setActiveIndex(0);\n }\n\n if (input === 'o') {\n if (serverUrl && activeScreenId) {\n const target = `${serverUrl}/_preview/${activeScreenId}`;\n openUrl(target);\n }\n }\n\n if (input === 'g') {\n // Validate\n const included = screens.filter(s => s.status === 'included');\n const invalid = included.find(s => !s.route || s.route.trim() === '');\n\n if (invalid) {\n // Can't show error easily without new state, maybe console error or alert?\n // For now, maybe just don't generate?\n // Or better, set an error message in UI?\n // Since we don't have a persistent error UI, let's just do nothing or maybe flash?\n // Plan didn't specify error UI.\n // \"Show a warning and refuse to generate.\"\n // I'll reuse 'error' state but that might be blocking.\n // Let's rely on validation during generation or maybe a quick alert line.\n // I'll assume valid for now or maybe just alert if I can.\n // I'll prevent exit.\n return;\n }\n\n const finalConfig: SiteConfig = {\n projectId,\n routes: included.map(s => ({\n screenId: s.id,\n route: s.route,\n status: s.status as 'included' | 'ignored'\n }))\n };\n onExit(finalConfig, htmlContent);\n exit();\n }\n\n if (input === 'e') {\n const included = screens.filter(s => s.status === 'included');\n const exportData = {\n projectId,\n routes: included.map(s => ({\n screenId: s.id,\n route: s.route,\n })),\n };\n process.stdout.write(JSON.stringify(exportData, null, 2) + '\\n');\n }\n\n if (input === '?') {\n setShowAllKeys(prev => !prev);\n }\n\n if (input === 'q') {\n onExit(null);\n exit();\n }\n });\n\n const handleRouteSubmit = (val: string) => {\n if (activeItem) {\n const originalIndex = activeItem.sourceIndex;\n setScreens(prev => {\n const next = [...prev];\n if (next[originalIndex]) {\n next[originalIndex]!.route = val;\n }\n siteManifest.save(next);\n return next;\n });\n setIsEditingRoute(false);\n // Move to next\n setActiveIndex(prev => Math.min(displayList.length - 1, prev + 1));\n }\n };\n\n if (error) {\n return <Text color=\"red\">Error: {error}</Text>;\n }\n\n if (loading) {\n return (\n <Box>\n <Text color=\"green\"><Spinner type=\"dots\" /> Loading project...</Text>\n </Box>\n );\n }\n\n return (\n <Box flexDirection=\"column\" height=\"100%\">\n {/* Header */}\n <Box borderStyle=\"single\" borderColor=\"cyan\" paddingX={1}>\n <Text>Stitch Site Builder</Text>\n <Box marginLeft={2}>\n <Text color=\"gray\">{serverUrl}</Text>\n </Box>\n <Box marginLeft={2}>\n {viewMode === 'discarded' ? (\n <Text color=\"red\">Viewing Discarded ({displayList.length})</Text>\n ) : (\n <Text>Filter: {showSelectedOnly ? 'Selected' : 'All'} ({displayList.length})</Text>\n )}\n </Box>\n {viewMode === 'default' && screens.filter(s => s.status === 'discarded').length > 0 && (\n <Box marginLeft={2}>\n <Text dimColor>{screens.filter(s => s.status === 'discarded').length} discarded (press d to view)</Text>\n </Box>\n )}\n <Box marginLeft={2}>\n {hydrationStatus === 'downloading' && (\n <Text color=\"yellow\">\n <Spinner type=\"dots\" /> Downloading... {Math.round(progress * 100)}%\n </Text>\n )}\n {hydrationStatus === 'ready' && <Text color=\"green\">Ready</Text>}\n </Box>\n </Box>\n\n {/* List */}\n <ScreenList items={displayList} activeIndex={activeIndex} />\n\n {/* Route Editor */}\n <Box borderStyle=\"single\" borderColor={isEditingRoute ? \"green\" : \"gray\"} paddingX={1} flexDirection=\"column\">\n {activeItem ? (\n <>\n <Text bold>Route for: {activeItem.screen.title}</Text>\n {isEditingRoute ? (\n <Box>\n <Text color=\"green\">{'> '}</Text>\n <TextInput\n value={routeValue}\n onChange={setRouteValue}\n onSubmit={handleRouteSubmit}\n />\n </Box>\n ) : (\n <Box>\n <Text color=\"gray\">{activeItem.screen.route || 'No route defined'}</Text>\n <Box marginLeft={2}>\n <Text dimColor>Press Enter to edit</Text>\n </Box>\n </Box>\n )}\n </>\n ) : (\n <Text color=\"gray\">No screen selected</Text>\n )}\n </Box>\n\n {/* Keymap */}\n <Box borderStyle=\"single\" borderColor=\"gray\" paddingX={1}>\n <Text dimColor>\n {viewMode === 'discarded'\n ? '[x] Undiscard [d] Back to All [q] Quit'\n : showAllKeys\n ? `[Space] Toggle [Enter] Edit Route [x] Discard [d] View Discarded [t] Filter [f] Follow: ${followMode ? 'ON' : 'OFF'} [o] Open [g] Generate [e] Export [q] Quit [?] Less`\n : '[Space] Toggle [Enter] Edit Route [g] Generate [x] Discard [o] Open [q] Quit [?] More'\n }\n </Text>\n </Box>\n </Box>\n );\n};\n",
6
+ "import React, { useState, useEffect } from 'react';\nimport { Text } from 'ink';\nimport spinners from 'cli-spinners';\n/**\n * Spinner.\n */\nfunction Spinner({ type = 'dots' }) {\n const [frame, setFrame] = useState(0);\n const spinner = spinners[type];\n useEffect(() => {\n const timer = setInterval(() => {\n setFrame(previousFrame => {\n const isLastFrame = previousFrame === spinner.frames.length - 1;\n return isLastFrame ? 0 : previousFrame + 1;\n });\n }, spinner.interval);\n return () => {\n clearInterval(timer);\n };\n }, [spinner]);\n return React.createElement(Text, null, spinner.frames[frame]);\n}\nexport default Spinner;\n//# sourceMappingURL=index.js.map",
7
+ "import React, { useState, useEffect } from 'react';\nimport { Text, useInput } from 'ink';\nimport chalk from 'chalk';\nfunction TextInput({ value: originalValue, placeholder = '', focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit, }) {\n const [state, setState] = useState({\n cursorOffset: (originalValue || '').length,\n cursorWidth: 0,\n });\n const { cursorOffset, cursorWidth } = state;\n useEffect(() => {\n setState(previousState => {\n if (!focus || !showCursor) {\n return previousState;\n }\n const newValue = originalValue || '';\n if (previousState.cursorOffset > newValue.length - 1) {\n return {\n cursorOffset: newValue.length,\n cursorWidth: 0,\n };\n }\n return previousState;\n });\n }, [originalValue, focus, showCursor]);\n const cursorActualWidth = highlightPastedText ? cursorWidth : 0;\n const value = mask ? mask.repeat(originalValue.length) : originalValue;\n let renderedValue = value;\n let renderedPlaceholder = placeholder ? chalk.grey(placeholder) : undefined;\n // Fake mouse cursor, because it's too inconvenient to deal with actual cursor and ansi escapes\n if (showCursor && focus) {\n renderedPlaceholder =\n placeholder.length > 0\n ? chalk.inverse(placeholder[0]) + chalk.grey(placeholder.slice(1))\n : chalk.inverse(' ');\n renderedValue = value.length > 0 ? '' : chalk.inverse(' ');\n let i = 0;\n for (const char of value) {\n renderedValue +=\n i >= cursorOffset - cursorActualWidth && i <= cursorOffset\n ? chalk.inverse(char)\n : char;\n i++;\n }\n if (value.length > 0 && cursorOffset === value.length) {\n renderedValue += chalk.inverse(' ');\n }\n }\n useInput((input, key) => {\n if (key.upArrow ||\n key.downArrow ||\n (key.ctrl && input === 'c') ||\n key.tab ||\n (key.shift && key.tab)) {\n return;\n }\n if (key.return) {\n if (onSubmit) {\n onSubmit(originalValue);\n }\n return;\n }\n let nextCursorOffset = cursorOffset;\n let nextValue = originalValue;\n let nextCursorWidth = 0;\n if (key.leftArrow) {\n if (showCursor) {\n nextCursorOffset--;\n }\n }\n else if (key.rightArrow) {\n if (showCursor) {\n nextCursorOffset++;\n }\n }\n else if (key.backspace || key.delete) {\n if (cursorOffset > 0) {\n nextValue =\n originalValue.slice(0, cursorOffset - 1) +\n originalValue.slice(cursorOffset, originalValue.length);\n nextCursorOffset--;\n }\n }\n else {\n nextValue =\n originalValue.slice(0, cursorOffset) +\n input +\n originalValue.slice(cursorOffset, originalValue.length);\n nextCursorOffset += input.length;\n if (input.length > 1) {\n nextCursorWidth = input.length;\n }\n }\n if (cursorOffset < 0) {\n nextCursorOffset = 0;\n }\n if (cursorOffset > originalValue.length) {\n nextCursorOffset = originalValue.length;\n }\n setState({\n cursorOffset: nextCursorOffset,\n cursorWidth: nextCursorWidth,\n });\n if (nextValue !== originalValue) {\n onChange(nextValue);\n }\n }, { isActive: focus });\n return (React.createElement(Text, null, placeholder\n ? value.length > 0\n ? renderedValue\n : renderedPlaceholder\n : renderedValue));\n}\nexport default TextInput;\nexport function UncontrolledTextInput({ initialValue = '', ...props }) {\n const [value, setValue] = useState(initialValue);\n return React.createElement(TextInput, { ...props, value: value, onChange: setValue });\n}\n//# sourceMappingURL=index.js.map",
8
+ "import fs from 'fs-extra';\nimport path from 'path';\nimport os from 'os';\n\ninterface ScreenState {\n status?: 'included' | 'ignored' | 'discarded';\n route?: string;\n}\n\ninterface SiteManifestData {\n screens: Record<string, ScreenState>;\n}\n\ninterface LegacyDiscardData {\n discardedScreenIds: string[];\n}\n\nexport class SiteManifest {\n private filePath: string;\n private legacyPath: string;\n\n constructor(projectId: string) {\n const dir = path.join(os.homedir(), '.stitch-mcp', 'site', projectId);\n this.filePath = path.join(dir, 'site-manifest.json');\n this.legacyPath = path.join(dir, 'discarded.json');\n }\n\n async load(): Promise<Map<string, ScreenState>> {\n try {\n const data: SiteManifestData = await fs.readJson(this.filePath);\n return new Map(Object.entries(data.screens || {}));\n } catch {\n // site-manifest.json doesn't exist or is corrupted — try legacy migration\n }\n\n try {\n const legacy: LegacyDiscardData = await fs.readJson(this.legacyPath);\n const map = new Map<string, ScreenState>();\n for (const id of legacy.discardedScreenIds || []) {\n map.set(id, { status: 'discarded' });\n }\n return map;\n } catch {\n return new Map();\n }\n }\n\n async save(screens: { id: string; status: string; route: string }[]): Promise<void> {\n const record: Record<string, ScreenState> = {};\n for (const screen of screens) {\n const entry: ScreenState = {};\n if (screen.status !== 'ignored') {\n entry.status = screen.status as ScreenState['status'];\n }\n if (screen.route !== '') {\n entry.route = screen.route;\n }\n if (entry.status || entry.route) {\n record[screen.id] = entry;\n }\n }\n await fs.ensureDir(path.dirname(this.filePath));\n const data: SiteManifestData = { screens: record };\n await fs.writeJson(this.filePath, data, { spaces: 2 });\n }\n}\n",
9
+ "import React from 'react';\nimport { Text } from 'ink';\n\ninterface StatusIconProps {\n status: 'included' | 'ignored' | 'discarded';\n}\n\nexport const StatusIcon: React.FC<StatusIconProps> = ({ status }) => {\n if (status === 'included') {\n return <Text color=\"green\">✔ </Text>;\n }\n if (status === 'discarded') {\n return <Text color=\"red\">✖ </Text>;\n }\n return <Text color=\"gray\">- </Text>;\n};\n",
10
+ "import React from 'react';\nimport { Box, Text, useStdout } from 'ink';\nimport type { UIScreen } from './types.js';\nimport { StatusIcon } from './components/StatusIcon.js';\n\ninterface ScreenListProps {\n items: { screen: UIScreen; sourceIndex: number }[];\n activeIndex: number;\n}\n\nexport const ScreenList: React.FC<ScreenListProps> = ({ items, activeIndex }) => {\n const { stdout } = useStdout();\n const height = stdout ? stdout.rows : 20; // Default to 20 if unavailable\n const LIST_HEIGHT = Math.max(5, height - 10); // Reserve space for header/footer\n\n // Adjust start to keep active item in view\n let start = 0;\n if (activeIndex >= LIST_HEIGHT) {\n start = activeIndex - LIST_HEIGHT + 1;\n }\n start = Math.max(0, activeIndex - Math.floor(LIST_HEIGHT / 2));\n const end = Math.min(items.length, start + LIST_HEIGHT);\n\n // Correction if near end\n if (end - start < LIST_HEIGHT && items.length > LIST_HEIGHT) {\n start = Math.max(0, items.length - LIST_HEIGHT);\n }\n\n const visibleItems = items.slice(start, end);\n\n return (\n <Box flexDirection=\"column\" flexGrow={1} borderStyle=\"single\" borderColor=\"blue\">\n {start > 0 && (\n <Box paddingLeft={1}>\n <Text color=\"gray\">... {start} more above ...</Text>\n </Box>\n )}\n\n {visibleItems.map((item, i) => {\n const index = start + i;\n const isActive = index === activeIndex;\n const { screen } = item;\n\n return (\n <Box key={screen.id}>\n <Text color={isActive ? 'cyan' : undefined}>\n {isActive ? '> ' : ' '}\n </Text>\n <StatusIcon status={screen.status} />\n <Text color={isActive ? 'cyan' : undefined} wrap=\"truncate\">\n {screen.title}\n </Text>\n {screen.route && (\n <Text color=\"gray\">{' -> '}{screen.route}</Text>\n )}\n </Box>\n );\n })}\n\n {end < items.length && (\n <Box paddingLeft={1}>\n <Text color=\"gray\">... {items.length - end} more below ...</Text>\n </Box>\n )}\n </Box>\n );\n};\n",
11
+ "import { useState, useEffect, useRef } from 'react';\nimport { StitchViteServer } from '../../../lib/server/vite/StitchViteServer.js';\nimport type { UIScreen } from '../../../lib/services/site/types.js';\nimport pLimit from 'p-limit';\n\nexport type HydrationStatus = 'idle' | 'downloading' | 'ready' | 'error';\n\nexport type FetchContentFn = (url: string) => Promise<string>;\n\nexport function useProjectHydration(\n screens: UIScreen[],\n server: StitchViteServer | null,\n fetchContent: FetchContentFn,\n activeScreenId?: string\n) {\n const [hydrationStatus, setHydrationStatus] = useState<HydrationStatus>('idle');\n const [progress, setProgress] = useState(0);\n const contentCache = useRef<Map<string, string>>(new Map());\n const [htmlContent, setHtmlContent] = useState<Map<string, string>>(new Map());\n\n useEffect(() => {\n if (!server || screens.length === 0) return;\n\n let mounted = true;\n\n const hydrate = async () => {\n // Determine what needs to be downloaded\n // 1. All included screens\n // 2. The active screen (for preview), even if ignored\n const toDownload = screens.filter(s => {\n if (contentCache.current.has(s.id)) return false;\n return s.status === 'included' || s.id === activeScreenId;\n });\n\n if (toDownload.length === 0) {\n // If nothing to download, ensure server has everything mounted\n // (Just in case activeScreenId changed to something already cached but not mounted?\n // Actually server mount is persistent as long as server is running.\n // But if we have cached content, we should ensure it is mounted.)\n\n // Also check if we should update status to ready\n if (hydrationStatus === 'idle' || hydrationStatus === 'downloading') {\n setHydrationStatus('ready');\n setHtmlContent(new Map(contentCache.current));\n }\n\n // Mount cached content to server if not already?\n // It's safer to re-mount or check.\n // For now, let's just mount the active one to be sure if it's cached.\n if (activeScreenId && contentCache.current.has(activeScreenId)) {\n server.mount(`/_preview/${activeScreenId}`, contentCache.current.get(activeScreenId)!);\n }\n\n return;\n }\n\n setHydrationStatus('downloading');\n const limit = pLimit(3);\n let completed = 0;\n const total = toDownload.length;\n\n try {\n await Promise.all(toDownload.map(screen => limit(async () => {\n if (!mounted) return;\n\n if (!screen.downloadUrl) return;\n\n try {\n const html = await fetchContent(screen.downloadUrl);\n if (mounted) {\n contentCache.current.set(screen.id, html);\n server.mount(`/_preview/${screen.id}`, html);\n }\n } catch (e) {\n console.error(`Failed to hydrate ${screen.id}`, e);\n }\n\n if (mounted) {\n completed++;\n setProgress(completed / total);\n }\n })));\n\n if (mounted) {\n setHtmlContent(new Map(contentCache.current));\n setHydrationStatus('ready');\n }\n } catch (e) {\n if (mounted) setHydrationStatus('error');\n }\n };\n\n hydrate();\n\n return () => { mounted = false; };\n }, [screens, server, fetchContent, activeScreenId]);\n\n return { hydrationStatus, progress, htmlContent };\n}\n"
12
+ ],
13
+ "mappings": "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",
14
+ "debugId": "BA12672C2AC4B82664756E2164756E21",
15
+ "names": []
16
+ }
@@ -0,0 +1,17 @@
1
+ import {
2
+ InitHandler
3
+ } from "./chunk-f0phn3y1.js";
4
+ import"./chunk-18nfnnkg.js";
5
+ import"./chunk-7zyv8g2t.js";
6
+ import"./chunk-nq68kghz.js";
7
+ import"./chunk-q6sv0243.js";
8
+ import"./chunk-f2hq6bfv.js";
9
+ import"./chunk-kbtqrkwh.js";
10
+ import"./chunk-3sfn889r.js";
11
+ import"./chunk-c6ge431q.js";
12
+ import"./chunk-9wyra8hs.js";
13
+ export {
14
+ InitHandler
15
+ };
16
+
17
+ //# debugId=F290AFFD58BA7D3B64756E2164756E21
@@ -0,0 +1,9 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [
5
+ ],
6
+ "mappings": "",
7
+ "debugId": "F290AFFD58BA7D3B64756E2164756E21",
8
+ "names": []
9
+ }
@@ -0,0 +1,164 @@
1
+ import {
2
+ openUrl,
3
+ require_jsx_dev_runtime
4
+ } from "./chunk-x1tt02n9.js";
5
+ import {
6
+ StitchViteServer
7
+ } from "./chunk-gzk8pt16.js";
8
+ import"./chunk-7vdj1qwb.js";
9
+ import {
10
+ Box_default,
11
+ Text,
12
+ use_app_default,
13
+ use_input_default
14
+ } from "./chunk-zcc6seqb.js";
15
+ import {
16
+ require_react
17
+ } from "./chunk-b43pzs3z.js";
18
+ import {
19
+ downloadText
20
+ } from "./chunk-fkzq5m59.js";
21
+ import"./chunk-q6sv0243.js";
22
+ import"./chunk-3sfn889r.js";
23
+ import {
24
+ __toESM
25
+ } from "./chunk-9wyra8hs.js";
26
+
27
+ // src/commands/serve/ServeView.tsx
28
+ var import_react = __toESM(require_react(), 1);
29
+ var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
30
+ function ServeView({ projectId, projectTitle, screens }) {
31
+ const { exit } = use_app_default();
32
+ const [selectedIndex, setSelectedIndex] = import_react.useState(0);
33
+ const [serverUrl, setServerUrl] = import_react.useState(null);
34
+ const [status, setStatus] = import_react.useState("Starting server...");
35
+ const [server, setServer] = import_react.useState(null);
36
+ import_react.useEffect(() => {
37
+ const srv = new StitchViteServer;
38
+ setServer(srv);
39
+ let mounted = true;
40
+ async function init() {
41
+ try {
42
+ const url = await srv.start(0);
43
+ if (mounted)
44
+ setServerUrl(url);
45
+ await Promise.all(screens.map(async (screen) => {
46
+ try {
47
+ const html = await downloadText(screen.codeUrl);
48
+ srv.mount(`/screens/${screen.screenId}`, html);
49
+ } catch (e) {
50
+ console.error(`Failed to load ${screen.screenId}`);
51
+ }
52
+ }));
53
+ const indexHtml = `<!DOCTYPE html>
54
+ <html>
55
+ <head>
56
+ <title>${projectTitle}</title>
57
+ <style>
58
+ body { font-family: system-ui, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; background: #1a1a1a; color: #fff; }
59
+ ul { list-style: none; padding: 0; }
60
+ li { margin: 12px 0; padding: 16px; background: #252525; border-radius: 8px; }
61
+ a { color: #4fc3f7; text-decoration: none; font-size: 18px; display: block; }
62
+ a:hover { text-decoration: underline; }
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <h1>${projectTitle}</h1>
67
+ <ul>
68
+ ${screens.map((s) => `<li>
69
+ <a href="/screens/${s.screenId}">${s.title}</a>
70
+ </li>`).join(`
71
+ `)}
72
+ </ul>
73
+ </body>
74
+ </html>`;
75
+ srv.mount("/", indexHtml);
76
+ if (mounted)
77
+ setStatus("Ready");
78
+ } catch (e) {
79
+ if (mounted)
80
+ setStatus(`Error: ${e.message}`);
81
+ }
82
+ }
83
+ init();
84
+ return () => {
85
+ mounted = false;
86
+ srv.stop();
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
+ }
97
+ if (key.downArrow || input === "j") {
98
+ setSelectedIndex((prev) => Math.min(screens.length, prev + 1));
99
+ }
100
+ if (key.return && serverUrl) {
101
+ let target = serverUrl;
102
+ if (selectedIndex > 0) {
103
+ const screen = screens[selectedIndex - 1];
104
+ if (screen) {
105
+ target = `${serverUrl}/screens/${screen.screenId}`;
106
+ }
107
+ }
108
+ openUrl(target);
109
+ }
110
+ });
111
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
112
+ flexDirection: "column",
113
+ padding: 1,
114
+ children: [
115
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
116
+ bold: true,
117
+ children: projectTitle
118
+ }, undefined, false, undefined, this),
119
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
120
+ color: "green",
121
+ children: serverUrl || "Starting..."
122
+ }, undefined, false, undefined, this),
123
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
124
+ children: status
125
+ }, undefined, false, undefined, this),
126
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
127
+ marginTop: 1,
128
+ flexDirection: "column",
129
+ children: [
130
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
131
+ color: selectedIndex === 0 ? "cyan" : undefined,
132
+ children: [
133
+ selectedIndex === 0 ? "> " : " ",
134
+ " Index (/)"
135
+ ]
136
+ }, undefined, true, undefined, this),
137
+ screens.map((s, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
138
+ color: selectedIndex === i + 1 ? "cyan" : undefined,
139
+ children: [
140
+ selectedIndex === i + 1 ? "> " : " ",
141
+ " ",
142
+ s.title,
143
+ " (/screens/",
144
+ s.screenId,
145
+ ")"
146
+ ]
147
+ }, s.screenId, true, undefined, this))
148
+ ]
149
+ }, undefined, true, undefined, this),
150
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
151
+ marginTop: 1,
152
+ children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
153
+ dimColor: true,
154
+ children: "[Enter] Open | [q] Quit"
155
+ }, undefined, false, undefined, this)
156
+ }, undefined, false, undefined, this)
157
+ ]
158
+ }, undefined, true, undefined, this);
159
+ }
160
+ export {
161
+ ServeView
162
+ };
163
+
164
+ //# debugId=9F5B92ED2A4E429F64756E2164756E21
@@ -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": "9F5B92ED2A4E429F64756E2164756E21",
9
+ "names": []
10
+ }
@@ -0,0 +1,269 @@
1
+ import {
2
+ openUrl,
3
+ require_jsx_dev_runtime
4
+ } from "./chunk-x1tt02n9.js";
5
+ import {
6
+ StitchViteServer
7
+ } from "./chunk-gzk8pt16.js";
8
+ import"./chunk-7vdj1qwb.js";
9
+ import {
10
+ Box_default,
11
+ Text,
12
+ use_app_default,
13
+ use_input_default
14
+ } from "./chunk-zcc6seqb.js";
15
+ import {
16
+ require_react
17
+ } from "./chunk-b43pzs3z.js";
18
+ import {
19
+ copyText,
20
+ downloadText
21
+ } from "./chunk-fkzq5m59.js";
22
+ import"./chunk-q6sv0243.js";
23
+ import"./chunk-3sfn889r.js";
24
+ import {
25
+ __toESM
26
+ } from "./chunk-9wyra8hs.js";
27
+
28
+ // src/commands/screens/ScreensView.tsx
29
+ var import_react = __toESM(require_react(), 1);
30
+ var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
31
+ function ScreensView({ projectId, projectTitle, screens }) {
32
+ const { exit } = use_app_default();
33
+ const [selectedIndex, setSelectedIndex] = import_react.useState(0);
34
+ const [windowStart, setWindowStart] = import_react.useState(0);
35
+ const [status, setStatus] = import_react.useState("");
36
+ const [serverUrl, setServerUrl] = import_react.useState(null);
37
+ const serverRef = import_react.useRef(null);
38
+ const VIEW_HEIGHT = 10;
39
+ import_react.default.useEffect(() => {
40
+ if (selectedIndex < windowStart) {
41
+ setWindowStart(selectedIndex);
42
+ } else if (selectedIndex >= windowStart + VIEW_HEIGHT) {
43
+ setWindowStart(selectedIndex - VIEW_HEIGHT + 1);
44
+ }
45
+ }, [selectedIndex, windowStart, VIEW_HEIGHT]);
46
+ import_react.useEffect(() => {
47
+ return () => {
48
+ if (serverRef.current)
49
+ serverRef.current.stop();
50
+ };
51
+ }, []);
52
+ async function serveScreen(screen) {
53
+ if (!screen.hasCode || !screen.codeUrl) {
54
+ setStatus("No HTML to serve");
55
+ return;
56
+ }
57
+ setStatus("Preparing server...");
58
+ let srv = serverRef.current;
59
+ let url = serverUrl;
60
+ let justStarted = false;
61
+ if (!srv) {
62
+ srv = new StitchViteServer;
63
+ url = await srv.start(0);
64
+ serverRef.current = srv;
65
+ setServerUrl(url);
66
+ justStarted = true;
67
+ }
68
+ if (!url)
69
+ return;
70
+ try {
71
+ const html = await downloadText(screen.codeUrl);
72
+ const route = `/screens/${screen.screenId}`;
73
+ srv.mount(route, html);
74
+ const fullUrl = `${url}${route}`;
75
+ if (justStarted) {
76
+ openUrl(fullUrl);
77
+ } else {
78
+ srv.navigate(fullUrl);
79
+ }
80
+ setStatus(`Serving at ${fullUrl}`);
81
+ } catch (e) {
82
+ setStatus("Error serving screen");
83
+ }
84
+ }
85
+ use_input_default((input, key) => {
86
+ if (input === "q") {
87
+ exit();
88
+ return;
89
+ }
90
+ if (key.upArrow || input === "k") {
91
+ setSelectedIndex((prev) => Math.max(0, prev - 1));
92
+ setStatus("");
93
+ }
94
+ if (key.downArrow || input === "j") {
95
+ setSelectedIndex((prev) => Math.min(screens.length - 1, prev + 1));
96
+ setStatus("");
97
+ }
98
+ if (input === "c") {
99
+ const screen = screens[selectedIndex];
100
+ if (screen?.hasCode && screen.codeUrl) {
101
+ setStatus("Copying...");
102
+ downloadText(screen.codeUrl).then((code) => {
103
+ copyText(code);
104
+ setStatus("HTML copied!");
105
+ }).catch(() => setStatus("Failed to copy"));
106
+ } else {
107
+ setStatus("No HTML available");
108
+ }
109
+ }
110
+ if (input === "i") {
111
+ const screen = screens[selectedIndex];
112
+ if (screen?.hasImage) {
113
+ setStatus("Image copy not implemented");
114
+ } else {
115
+ setStatus("No image available");
116
+ }
117
+ }
118
+ if (input === "s") {
119
+ const screen = screens[selectedIndex];
120
+ if (screen) {
121
+ serveScreen(screen);
122
+ }
123
+ }
124
+ });
125
+ const visibleScreens = screens.slice(windowStart, windowStart + VIEW_HEIGHT);
126
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
127
+ flexDirection: "column",
128
+ padding: 1,
129
+ children: [
130
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
131
+ bold: true,
132
+ children: [
133
+ projectTitle,
134
+ " (",
135
+ screens.length,
136
+ " screens)"
137
+ ]
138
+ }, undefined, true, undefined, this),
139
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
140
+ dimColor: true,
141
+ children: [
142
+ "projectId: ",
143
+ projectId
144
+ ]
145
+ }, undefined, true, undefined, this),
146
+ serverUrl && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
147
+ dimColor: true,
148
+ children: [
149
+ "Server: ",
150
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
151
+ color: "green",
152
+ children: serverUrl
153
+ }, undefined, false, undefined, this)
154
+ ]
155
+ }, undefined, true, undefined, this),
156
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
157
+ children: " "
158
+ }, undefined, false, undefined, this),
159
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
160
+ flexDirection: "column",
161
+ borderStyle: "single",
162
+ borderColor: "yellow",
163
+ paddingX: 1,
164
+ children: [
165
+ windowStart > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
166
+ dimColor: true,
167
+ children: [
168
+ "... ",
169
+ windowStart,
170
+ " more above ..."
171
+ ]
172
+ }, undefined, true, undefined, this),
173
+ visibleScreens.map((screen, index) => {
174
+ const absoluteIndex = windowStart + index;
175
+ const isSelected = absoluteIndex === selectedIndex;
176
+ const num = String(absoluteIndex + 1).padStart(2, " ");
177
+ const selector = isSelected ? "▸" : " ";
178
+ return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
179
+ flexDirection: "column",
180
+ children: [
181
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
182
+ justifyContent: "space-between",
183
+ children: [
184
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
185
+ children: [
186
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
187
+ dimColor: true,
188
+ children: num
189
+ }, undefined, false, undefined, this),
190
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
191
+ color: isSelected ? "cyan" : undefined,
192
+ children: [
193
+ " ",
194
+ selector,
195
+ " "
196
+ ]
197
+ }, undefined, true, undefined, this),
198
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
199
+ color: isSelected ? "cyan" : undefined,
200
+ bold: isSelected,
201
+ children: screen.title.slice(0, 28)
202
+ }, undefined, false, undefined, this)
203
+ ]
204
+ }, undefined, true, undefined, this),
205
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Box_default, {
206
+ children: [
207
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
208
+ dimColor: true,
209
+ children: "html"
210
+ }, undefined, false, undefined, this),
211
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
212
+ color: screen.hasCode ? "green" : "gray",
213
+ children: screen.hasCode ? "[✓]" : "[ ]"
214
+ }, undefined, false, undefined, this),
215
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
216
+ children: " "
217
+ }, undefined, false, undefined, this),
218
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
219
+ dimColor: true,
220
+ children: "img"
221
+ }, undefined, false, undefined, this),
222
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
223
+ color: screen.hasImage ? "green" : "gray",
224
+ children: screen.hasImage ? "[✓]" : "[ ]"
225
+ }, undefined, false, undefined, this)
226
+ ]
227
+ }, undefined, true, undefined, this)
228
+ ]
229
+ }, undefined, true, undefined, this),
230
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
231
+ dimColor: true,
232
+ color: "gray",
233
+ children: [
234
+ " screenId: ",
235
+ screen.screenId
236
+ ]
237
+ }, undefined, true, undefined, this),
238
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
239
+ children: " "
240
+ }, undefined, false, undefined, this)
241
+ ]
242
+ }, screen.screenId, true, undefined, this);
243
+ }),
244
+ windowStart + VIEW_HEIGHT < screens.length && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
245
+ dimColor: true,
246
+ children: [
247
+ "... ",
248
+ screens.length - (windowStart + VIEW_HEIGHT),
249
+ " more below ..."
250
+ ]
251
+ }, undefined, true, undefined, this)
252
+ ]
253
+ }, undefined, true, undefined, this),
254
+ /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
255
+ dimColor: true,
256
+ children: "[c]opy html [i]mage [s]erve [q]uit"
257
+ }, undefined, false, undefined, this),
258
+ status && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Text, {
259
+ color: "yellow",
260
+ children: status
261
+ }, undefined, false, undefined, this)
262
+ ]
263
+ }, undefined, true, undefined, this);
264
+ }
265
+ export {
266
+ ScreensView
267
+ };
268
+
269
+ //# debugId=CAA96ABA1272A9EC64756E2164756E21
@@ -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, copyText } from '../../ui/copy-behaviors/clipboard.js';\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 copyText(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": "CAA96ABA1272A9EC64756E2164756E21",
9
+ "names": []
10
+ }