Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- Do NOT use Hono serveStatic middleware\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n6. **Hono Peculiarities:**\n - NEVER EVER write this line: `import { serveStatic } from 'https://esm.sh/hono@3.11.7/middleware';`\n - Instead use: `import { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";`\n - NEVER EVER write this line: `import { cors } from \"https://esm.sh/@hono/cors@0.0.6\";`. \n - Val Town automatically handles CORS.\n - If you need cookies, use: import { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";",[],[158,176,183],[158,176],[158],{"_102":194,"_95":195,"_159":196,"_161":-5,"_162":140,"_163":197,"_165":116,"_104":198,"_99":145,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":199,"_98":210},"05b7e3ea-461e-11f0-b35f-76b3cceeab13","backend","063d1e96-3ccd-4d2b-af20-cafc20da3358",98,["D",1749575520724],[200],{"_102":201,"_95":202,"_159":114,"_161":196,"_162":140,"_163":203,"_165":116,"_104":204,"_99":205,"_167":206,"_169":207,"_170":22,"_171":96,"_172":208,"_98":209},"af2f6214-4663-11f0-ab46-76b3cceeab13","index.ts",249,["D",1749605440286],119,"http","import {\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport ValTown from \"jsr:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport { formatOutput, getTreeAndContent } from \"../utils.ts\";\n\nconst app = new Hono();\nconst vt = new ValTown();\n\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/public/**/*\", (c) =>\n serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url),\n);\n\napp.get(\"/shared/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\napp.get(\"/x/:username/:valname\", async (c) => {\n const username = c.req.param(\"username\");\n const valname = c.req.param(\"valname\");\n if (!username || !valname) {\n return c.json(\n {\n success: false,\n error: \"Missing required parameters: username or valname\",\n },\n 400,\n );\n }\n const val = await vt.alias.username.valName.retrieve(username, valname);\n if (!val || !val.id) {\n return c.json({ success: false, error: \"Val not found\" }, 404);\n }\n const { filesWithContent, tree } = await getTreeAndContent(val.id);\n const output = formatOutput({\n username,\n valname,\n tree,\n files: filesWithContent,\n });\n return c.text(output);\n});\n\napp.onError((err, _c) => {\n throw err;\n});\n\nexport default app.fetch;\n",[],[195,202],[195],{"_102":212,"_95":213,"_159":214,"_161":-5,"_162":140,"_163":145,"_165":116,"_104":215,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":216,"_98":318},"80e281d6-4616-11f0-8c3c-76b3cceeab13","frontend","0df21e65-3567-4bb3-9b8f-b2eab93b9402",["D",1749572291332],[217,255,273,281,291,300,309],{"_102":218,"_95":219,"_159":220,"_161":214,"_162":140,"_163":145,"_165":116,"_104":221,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":222,"_98":254},"80e27934-4616-11f0-8c3c-76b3cceeab13","components","1539c5a5-5570-4097-9a03-6cf3aabd0ff3",["D",1749572291332],[223,234,244],{"_102":224,"_95":225,"_159":226,"_161":220,"_162":140,"_163":227,"_165":116,"_104":228,"_99":229,"_167":230,"_169":231,"_170":22,"_171":-5,"_172":232,"_98":233},"35728f78-4663-11f0-b965-76b3cceeab13","App.tsx","e0cd25d4-ea39-4ebe-82e0-b23a4ea70241",242,["D",1749605236078],45,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { ValForm } from \"./ValForm.tsx\";\nimport { ValOutput } from \"./ValOutput.tsx\";\nimport { useValExport } from \"../hooks/useValExport.ts\";\n\nexport function App() {\n const [name, setName] = React.useState(\"val-to-text\");\n const [username, setUsername] = React.useState(\"nbbaier\");\n const {\n text,\n files,\n copyButtonText,\n setText,\n exportVal,\n copyToClipboard,\n downloadText,\n } = useValExport();\n\n const handleExport = () => exportVal(username, name);\n const handleDownload = () => downloadText(username, name);\n\n return (\n

\n \n {text && (\n \n )}\n

\n );\n}\n",[],[213,219,225],{"_102":235,"_95":236,"_159":237,"_161":220,"_162":140,"_163":238,"_165":116,"_104":239,"_99":240,"_167":230,"_169":241,"_170":22,"_171":-5,"_172":242,"_98":243},"f1886dbc-4b0f-11f0-ba94-76b3cceeab13","ValForm.tsx","e17a0faa-4661-11f0-9aa8-76b3cceeab13",264,["D",1750119229723],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ChangeEvent } from \"https://esm.sh/react@18.2.0\";\nimport type { ValFormProps } from \"../types.ts\";\n\nexport function ValForm({\n username,\n valName,\n onUsernameChange,\n onValNameChange,\n onExport,\n}: ValFormProps) {\n return (\n

Val-to-Text

\n Turn any Val into a simple text digest of its codebase for feeding into\n any LLM. Use the form below, or replace{\" \"}\n www.val.town with{\" \"}\n val-to-text.val.run{\" \"}\n to get the output directly.\n

\n \n Username:\n \n ) =>\n onUsernameChange(e.target.value)}\n className=\"input-field\"\n />\n \n Val Name:\n \n ) =>\n onValNameChange(e.target.value)}\n className=\"input-field\"\n />\n \n

\n );\n}",[],[213,219,236],{"_102":245,"_95":246,"_159":247,"_161":220,"_162":140,"_163":248,"_165":116,"_104":249,"_99":250,"_167":230,"_169":251,"_170":22,"_171":-5,"_172":252,"_98":253},"e0a052b8-4663-11f0-80e6-76b3cceeab13","ValOutput.tsx","e170b388-4661-11f0-aee6-76b3cceeab13",251,["D",1749605523234],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ChangeEvent } from \"https://esm.sh/react@18.2.0\";\nimport type { ValOutputProps } from \"../types.ts\";\n\nexport function ValOutput({\n text,\n files,\n copyButtonText,\n onTextChange,\n onCopyClick,\n onDownloadClick,\n}: ValOutputProps) {\n return (\n

\n {text.length} characters • {files} files\n

\n \n \n

\n ) =>\n onTextChange(e.target.value)\n }\n className=\"output-textarea\"\n />\n

\n );\n}\n",[],[213,219,246],[213,219],{"_102":256,"_95":257,"_159":258,"_161":214,"_162":140,"_163":259,"_165":116,"_104":260,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":261,"_98":272},"f341ccaa-4661-11f0-a8ba-76b3cceeab13","hooks","f341cd90-4661-11f0-a8ba-76b3cceeab13",228,["D",1749604695536],[262],{"_102":263,"_95":264,"_159":265,"_161":258,"_162":140,"_163":266,"_165":116,"_104":267,"_99":268,"_167":230,"_169":269,"_170":22,"_171":-5,"_172":270,"_98":271},"cdff7af6-4665-11f0-b217-76b3cceeab13","useValExport.ts","f3594d3a-4661-11f0-98f9-76b3cceeab13",259,["D",1749606351010],9,"import { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function useValExport() {\n const [text, setText] = useState();\n const [files, setFiles] = useState(0);\n const [copyButtonText, setCopyButtonText] = useState(\"Copy\");\n\n const getFileCount = (text: string): number => {\n const matches = text.match(\n /\\n--------------------------\\n[^\\n]+\\n--------------------------/g,\n );\n return matches ? matches.length : 0;\n };\n\n const exportVal = async (username: string, valName: string) => {\n if (!username || !valName) {\n alert(\"Please enter a username and project name\");\n return;\n }\n\n try {\n const response = await fetch(`/x/${username}/${valName}`);\n const data = await response.text();\n setText(data);\n setFiles(getFileCount(data));\n } catch (error) {\n alert(\"Failed to export val. Please try again.\");\n console.error(\"Export error:\", error);\n }\n };\n\n const copyToClipboard = async () => {\n if (text) {\n try {\n await navigator.clipboard.writeText(text);\n setCopyButtonText(\"Copied!\");\n setTimeout(() => setCopyButtonText(\"Copy\"), 2000);\n } catch (error) {\n alert(\"Failed to copy to clipboard. Please try again.\");\n console.error(\"Copy error:\", error);\n }\n }\n };\n\n const downloadText = (username: string, valName: string) => {\n if (text) {\n try {\n const blob = new Blob([text], { type: \"text/plain\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = `${username}-${valName}.txt`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n } catch (error) {\n alert(\"Failed to download file. Please try again.\");\n console.error(\"Download error:\", error);\n }\n }\n };\n\n return {\n text,\n files,\n copyButtonText,\n setText,\n exportVal,\n copyToClipboard,\n downloadText,\n };\n}\n",[],[213,257,264],[213,257],{"_102":274,"_95":275,"_159":276,"_161":214,"_162":140,"_163":145,"_165":116,"_104":277,"_99":32,"_167":187,"_169":278,"_170":22,"_171":-5,"_172":279,"_98":280},"80e27ae2-4616-11f0-8c3c-76b3cceeab13","favicon.svg","514d07a3-4746-4d51-9fde-fa61fe5bfe2e",["D",1749572291332],"",[],[213,275],{"_102":282,"_95":283,"_159":284,"_161":214,"_162":140,"_163":285,"_165":116,"_104":286,"_99":287,"_167":187,"_169":288,"_170":22,"_171":-5,"_172":289,"_98":290},"2c49327a-465f-11f0-b20d-76b3cceeab13","index.html","cc8d9644-1d49-4b90-a292-7ea99705bac4",221,["D",1749603502684],7,"\n\n \n \n \n Val-to-text\n \n \n \n \n \n

\n \n \n \n\n",[],[213,283],{"_102":292,"_95":293,"_159":294,"_161":214,"_162":140,"_163":295,"_165":116,"_104":296,"_99":145,"_167":230,"_169":297,"_170":22,"_171":-5,"_172":298,"_98":299},"47e25f94-4640-11f0-b96e-76b3cceeab13","index.tsx","d6d7b5a1-1e8b-4e0b-9e03-ae06d88bde45",203,["D",1749590234625],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[213,293],{"_102":301,"_95":302,"_159":303,"_161":214,"_162":140,"_163":139,"_165":116,"_104":304,"_99":305,"_167":187,"_169":306,"_170":22,"_171":-5,"_172":307,"_98":308},"4e206390-4b10-11f0-b230-76b3cceeab13","style.css","af6a2afe-4b6e-420f-acd5-2d94101b5314",["D",1750119385069],13,"body {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n \"Open Sans\",\n \"Helvetica Neue\",\n sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding-left: 20px;\n padding-right: 20px;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n\n.app-container {\n display: flex;\n flex-direction: column;\n}\n\n.message-board {\n display: flex;\n flex-direction: column;\n}\n\n.input-label {\n margin-top: 15px;\n margin-bottom: 5px;\n font-weight: bold;\n font-size: 0.95rem;\n}\n\n.input-field {\n border: 1px solid black;\n padding: 10px;\n font-size: 0.95rem;\n border-radius: 4px;\n}\n\n.button {\n border: 1px solid black;\n padding: 10px;\n text-align: center;\n cursor: pointer;\n border-radius: 4px;\n}\n\n.button-primary {\n margin-top: 10px;\n border: 1px solid black;\n padding: 10px;\n text-align: center;\n cursor: pointer;\n border-radius: 4px;\n}\n\n.button-group {\n display: flex;\n gap: 10px;\n}\n\n.button-group button {\n text-decoration: none;\n color: black;\n display: block;\n border: 1px solid black;\n padding: 10px;\n text-align: center;\n cursor: pointer;\n flex: 1;\n border-radius: 4px;\n}\n\n.output-container {\n display: flex;\n flex-direction: column;\n padding-top: 20px;\n}\n\n.output-textarea {\n display: block;\n border: 1px solid black;\n padding: 10px;\n margin: 20px 0;\n min-height: 500px;\n border-radius: 4px;\n}\n\n.code-inline {\n background: black;\n color: white;\n padding: 3px 6px;\n border-radius: 4px;\n}",[],[213,302],{"_102":310,"_95":311,"_159":312,"_161":214,"_162":140,"_163":313,"_165":116,"_104":314,"_99":120,"_167":230,"_169":315,"_170":22,"_171":-5,"_172":316,"_98":317},"35788086-4663-11f0-b65b-76b3cceeab13","types.ts","e16ddb18-4661-11f0-aade-76b3cceeab13",243,["D",1749605236080],"export interface ValFormProps {\n username: string;\n valName: string;\n onUsernameChange: (username: string) => void;\n onValNameChange: (valName: string) => void;\n onExport: () => void;\n}\n\nexport interface ValOutputProps {\n text: string;\n files: number;\n copyButtonText: string;\n onTextChange: (text: string) => void;\n onCopyClick: () => void;\n onDownloadClick: () => void;\n}\n",[],[213,311],[213],{"_102":320,"_95":321,"_159":322,"_161":-5,"_162":140,"_163":323,"_165":116,"_104":324,"_99":145,"_167":187,"_169":325,"_170":22,"_171":-5,"_172":326,"_98":327},"25ea0280-463f-11f0-8da5-76b3cceeab13",".vtignore","17d07ea4-463f-11f0-b9da-76b3cceeab13",202,["D",1749589748098],".git\n.vscode\n.DS_Store\nnode_modules\nvendor",[],[321],{"_102":329,"_95":330,"_159":331,"_161":-5,"_162":140,"_163":332,"_165":116,"_104":333,"_99":240,"_167":187,"_169":334,"_170":22,"_171":-5,"_172":335,"_98":336},"83ef98ba-461a-11f0-abf2-76b3cceeab13","README.md","89c9c4d5-1921-4711-b7a9-33add7d1751c",69,["D",1749574014497],"# Prompt-friendly Val codebase\n\nTurn any Val into a simple text digest of its codebase. This is useful for\nfeeding a codebase into any LLM.",[],[330],{"_102":338,"_95":339,"_159":340,"_161":-5,"_162":140,"_163":341,"_165":116,"_104":342,"_99":32,"_167":187,"_169":343,"_170":22,"_171":-5,"_172":344,"_98":345},"17c4b7f4-463f-11f0-bf19-76b3cceeab13","biome.json","17c4b8bc-463f-11f0-bf19-76b3cceeab13",196,["D",1749589724408],"{\n \"$schema\": \"https://biomejs.dev/schemas/1.9.4/schema.json\",\n \"vcs\": {\n \"enabled\": false,\n \"clientKind\": \"git\",\n \"useIgnoreFile\": false\n },\n \"files\": {\n \"ignoreUnknown\": false,\n \"ignore\": []\n },\n \"formatter\": {\n \"enabled\": true,\n \"indentStyle\": \"space\"\n },\n \"organizeImports\": {\n \"enabled\": true\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true\n }\n },\n \"javascript\": {\n \"formatter\": {\n \"quoteStyle\": \"double\"\n }\n }\n}",[],[339],{"_102":347,"_95":348,"_159":349,"_161":-5,"_162":140,"_163":350,"_165":116,"_104":351,"_99":32,"_167":187,"_169":352,"_170":22,"_171":-5,"_172":353,"_98":354},"17c83398-463f-11f0-977d-76b3cceeab13","deno.json","17c8342e-463f-11f0-977d-76b3cceeab13",197,["D",1749589724425],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"nodeModulesDir\": \"auto\",\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^1.9.4\",\n \"@valtown/sdk\": \"jsr:@valtown/sdk@^1.3.0\",\n \"hono\": \"npm:hono@^4.7.11\"\n }\n}\n",[],[348],{"_102":356,"_95":357,"_159":358,"_161":-5,"_162":140,"_163":359,"_165":116,"_104":360,"_99":361,"_167":230,"_169":362,"_170":22,"_171":-5,"_172":363,"_98":364},"135c512a-466e-11f0-bf6b-76b3cceeab13","utils.ts","74625556-462c-11f0-8416-76b3cceeab13",263,["D",1749609903355],12,"import {\n createFileTree,\n type FileTree,\n renderTree,\n} from \"https://esm.town/v/nbbaier/createFileTree@96-main/main.ts\";\nimport ValTown from \"jsr:@valtown/sdk\";\n\nconst vt = new ValTown();\n\ntype File = ValTown.Vals.Files.FileRetrieveResponse;\n\nexport function formatOutput({\n username,\n valname,\n tree,\n files,\n}: {\n username: string;\n valname: string;\n tree: FileTree;\n files: { name: string; content: string }[];\n}): string {\n return `Val: ${valname} by @${username}\n\n# Directory Structure\n\n${valname}/\\n${renderTree(tree)}\n\n# Files\n\n${files\n .map(\n (file) =>\n `--------------------------\n${file.name}\n--------------------------\n${file.content}\n`,\n )\n .join(\"\\n\\n\")}\n`;\n}\n\nexport async function getTreeAndContent(id: string): Promise<{\n filesWithContent: { name: string; content: string }[];\n tree: FileTree;\n}> {\n const files: File[] = [];\n\n for await (const fileRetrieveResponse of vt.vals.files.retrieve(id, {\n limit: 1,\n offset: 0,\n path: \"\",\n recursive: true,\n })) {\n files.push(fileRetrieveResponse);\n }\n\n const filesWithContent = await getFilesWithContent(files, id);\n const tree = createFileTree(\n files.map((f) => ({\n path: `./${new URL(f.links.module).pathname\n .split(\"/\")\n .slice(4)\n .join(\"/\")}`,\n type: f.type === \"directory\" ? \"directory\" : \"file\",\n })),\n );\n\n return { filesWithContent, tree };\n}\n\nexport async function getFilesWithContent(\n files: File[],\n valId: string,\n): Promise<{ name: string; content: string }[]> {\n const nonDirectoryFiles = files.filter((file) => file.type !== \"directory\");\n\n const failedFiles: { path: string; error: string }[] = [];\n\n const filePromises = nonDirectoryFiles.map(async (file) => {\n try {\n const response = await vt.vals.files.getContent(valId, {\n path: file.path,\n });\n\n if (!response) {\n throw new Error(`Could not get content for file: ${file.path}`);\n }\n\n return {\n name: file.path as string,\n content: (await response.text()) as string,\n };\n } catch (error) {\n if (error instanceof Error) {\n failedFiles.push({\n path: file.path,\n error: error.message,\n });\n }\n }\n });\n\n const results = await Promise.all(filePromises);\n if (failedFiles.length > 0) {\n const failedFilesList = failedFiles\n .map((f) => `'${f.path}': ${f.error}`)\n .join(\", \");\n throw new Error(`Failed to fetch content for files: ${failedFilesList}`);\n }\n\n return results.filter((x) => !!x);\n}\n",[],[357],"files",[156,174,181,193,200,211,217,223,234,244,255,262,273,281,291,300,309,319,328,337,346,355],"counts",{"_369":32,"_370":120,"_371":145,"_372":373},"pulls","branches","forks","envVars",{"_374":32,"_375":32},"count","emptyCount","contents",[378,381,384,387,390,393,396,399],{"_102":157,"_95":158,"_159":160,"_161":-5,"_162":140,"_163":164,"_165":116,"_104":379,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":380},["D",1749589747890],[158],{"_102":194,"_95":195,"_159":196,"_161":-5,"_162":140,"_163":197,"_165":116,"_104":382,"_99":145,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":383},["D",1749575520724],[195],{"_102":212,"_95":213,"_159":214,"_161":-5,"_162":140,"_163":145,"_165":116,"_104":385,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":386},["D",1749572291332],[213],{"_102":320,"_95":321,"_159":322,"_161":-5,"_162":140,"_163":323,"_165":116,"_104":388,"_99":145,"_167":187,"_169":325,"_170":22,"_171":-5,"_98":389},["D",1749589748098],[321],{"_102":329,"_95":330,"_159":331,"_161":-5,"_162":140,"_163":332,"_165":116,"_104":391,"_99":240,"_167":187,"_169":334,"_170":22,"_171":-5,"_98":392},["D",1749574014497],[330],{"_102":338,"_95":339,"_159":340,"_161":-5,"_162":140,"_163":341,"_165":116,"_104":394,"_99":32,"_167":187,"_169":343,"_170":22,"_171":-5,"_98":395},["D",1749589724408],[339],{"_102":347,"_95":348,"_159":349,"_161":-5,"_162":140,"_163":350,"_165":116,"_104":397,"_99":32,"_167":187,"_169":352,"_170":22,"_171":-5,"_98":398},["D",1749589724425],[348],{"_102":356,"_95":357,"_159":358,"_161":-5,"_162":140,"_163":359,"_165":116,"_104":400,"_99":361,"_167":230,"_169":362,"_170":22,"_171":-5,"_98":401},["D",1749609903355],[357],"upstreamProject",{"_102":148,"_95":404,"_110":-5,"_111":-5,"_108":109,"_23":405},"project_to_text",{"_93":406,"_132":407},"dcm31","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3SGtIMlhlMGwwT0JoSXZJckVVTXJuajN1YyJ9","upstreamBranch",{"_102":143,"_104":410,"_411":412,"_95":43,"_141":148,"_99":145,"_142":413,"_144":414,"_415":416,"_106":-5,"_153":22,"_108":109,"_152":406,"_16":150,"_151":404},["D",1742416827748],"updatedAt",["D",1742416827748],"2d55e37e-0439-11f0-896b-569c3dd06744",97,"lockfileKey","1744490284319-esm.town_v_dcm31_project_to_text@1-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":423,"_376":428,"_445":446,"_449":450,"_453":-5,"_365":454,"_521":522,"_523":524,"_525":32},{"_102":103,"_95":96,"_104":424,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":118,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":425,"_134":426,"_137":427,"_153":22},["D",1749572291332],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":143,"_144":145,"_146":109,"_147":148,"_149":150,"_151":96,"_152":94},[429,431,433,435,437,439,441,443],{"_102":157,"_95":158,"_159":160,"_161":-5,"_162":140,"_163":164,"_165":116,"_104":379,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":430},[158],{"_102":194,"_95":195,"_159":196,"_161":-5,"_162":140,"_163":197,"_165":116,"_104":382,"_99":145,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":432},[195],{"_102":212,"_95":213,"_159":214,"_161":-5,"_162":140,"_163":145,"_165":116,"_104":385,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_98":434},[213],{"_102":320,"_95":321,"_159":322,"_161":-5,"_162":140,"_163":323,"_165":116,"_104":388,"_99":145,"_167":187,"_169":325,"_170":22,"_171":-5,"_98":436},[321],{"_102":329,"_95":330,"_159":331,"_161":-5,"_162":140,"_163":332,"_165":116,"_104":391,"_99":240,"_167":187,"_169":334,"_170":22,"_171":-5,"_98":438},[330],{"_102":338,"_95":339,"_159":340,"_161":-5,"_162":140,"_163":341,"_165":116,"_104":394,"_99":32,"_167":187,"_169":343,"_170":22,"_171":-5,"_98":440},[339],{"_102":347,"_95":348,"_159":349,"_161":-5,"_162":140,"_163":350,"_165":116,"_104":397,"_99":32,"_167":187,"_169":352,"_170":22,"_171":-5,"_98":442},[348],{"_102":356,"_95":357,"_159":358,"_161":-5,"_162":140,"_163":359,"_165":116,"_104":400,"_99":361,"_167":230,"_169":362,"_170":22,"_171":-5,"_98":444},[357],"readme",{"_102":329,"_95":330,"_159":331,"_161":-5,"_162":140,"_163":332,"_165":116,"_104":447,"_99":240,"_167":187,"_169":334,"_170":22,"_171":-5,"_98":448},["D",1749574014497],[330],"upstream",{"_102":143,"_104":451,"_411":452,"_95":43,"_141":148,"_99":145,"_142":413,"_144":414,"_415":416,"_106":-5,"_153":22,"_108":109,"_152":406,"_16":150,"_151":404},["D",1742416827748],["D",1742416827748],"pull",[455,457,459,464,466,470,472,474,477,480,484,486,490,493,496,499,502,506,509,512,515,518],{"_102":157,"_95":158,"_159":160,"_161":-5,"_162":140,"_163":164,"_165":116,"_104":166,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":456,"_98":463},[457],{"_102":175,"_95":176,"_159":177,"_161":160,"_162":140,"_163":178,"_165":116,"_104":179,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":458,"_98":462},[459],{"_102":182,"_95":183,"_159":184,"_161":177,"_162":140,"_163":185,"_165":116,"_104":186,"_99":32,"_167":187,"_169":188,"_170":22,"_171":-5,"_172":460,"_98":461},[],[158,176,183],[158,176],[158],{"_102":194,"_95":195,"_159":196,"_161":-5,"_162":140,"_163":197,"_165":116,"_104":198,"_99":145,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":465,"_98":469},[466],{"_102":201,"_95":202,"_159":114,"_161":196,"_162":140,"_163":203,"_165":116,"_104":204,"_99":205,"_167":206,"_169":207,"_170":22,"_171":96,"_172":467,"_98":468},[],[195,202],[195],{"_102":212,"_95":213,"_159":214,"_161":-5,"_162":140,"_163":145,"_165":116,"_104":215,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":471,"_98":505},[472,484,490,493,496,499,502],{"_102":218,"_95":219,"_159":220,"_161":214,"_162":140,"_163":145,"_165":116,"_104":221,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":473,"_98":483},[474,477,480],{"_102":224,"_95":225,"_159":226,"_161":220,"_162":140,"_163":227,"_165":116,"_104":228,"_99":229,"_167":230,"_169":231,"_170":22,"_171":-5,"_172":475,"_98":476},[],[213,219,225],{"_102":235,"_95":236,"_159":237,"_161":220,"_162":140,"_163":238,"_165":116,"_104":239,"_99":240,"_167":230,"_169":241,"_170":22,"_171":-5,"_172":478,"_98":479},[],[213,219,236],{"_102":245,"_95":246,"_159":247,"_161":220,"_162":140,"_163":248,"_165":116,"_104":249,"_99":250,"_167":230,"_169":251,"_170":22,"_171":-5,"_172":481,"_98":482},[],[213,219,246],[213,219],{"_102":256,"_95":257,"_159":258,"_161":214,"_162":140,"_163":259,"_165":116,"_104":260,"_99":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":485,"_98":489},[486],{"_102":263,"_95":264,"_159":265,"_161":258,"_162":140,"_163":266,"_165":116,"_104":267,"_99":268,"_167":230,"_169":269,"_170":22,"_171":-5,"_172":487,"_98":488},[],[213,257,264],[213,257],{"_102":274,"_95":275,"_159":276,"_161":214,"_162":140,"_163":145,"_165":116,"_104":277,"_99":32,"_167":187,"_169":278,"_170":22,"_171":-5,"_172":491,"_98":492},[],[213,275],{"_102":282,"_95":283,"_159":284,"_161":214,"_162":140,"_163":285,"_165":116,"_104":286,"_99":287,"_167":187,"_169":288,"_170":22,"_171":-5,"_172":494,"_98":495},[],[213,283],{"_102":292,"_95":293,"_159":294,"_161":214,"_162":140,"_163":295,"_165":116,"_104":296,"_99":145,"_167":230,"_169":297,"_170":22,"_171":-5,"_172":497,"_98":498},[],[213,293],{"_102":301,"_95":302,"_159":303,"_161":214,"_162":140,"_163":139,"_165":116,"_104":304,"_99":305,"_167":187,"_169":306,"_170":22,"_171":-5,"_172":500,"_98":501},[],[213,302],{"_102":310,"_95":311,"_159":312,"_161":214,"_162":140,"_163":313,"_165":116,"_104":314,"_99":120,"_167":230,"_169":315,"_170":22,"_171":-5,"_172":503,"_98":504},[],[213,311],[213],{"_102":320,"_95":321,"_159":322,"_161":-5,"_162":140,"_163":323,"_165":116,"_104":324,"_99":145,"_167":187,"_169":325,"_170":22,"_171":-5,"_172":507,"_98":508},[],[321],{"_102":329,"_95":330,"_159":331,"_161":-5,"_162":140,"_163":332,"_165":116,"_104":333,"_99":240,"_167":187,"_169":334,"_170":22,"_171":-5,"_172":510,"_98":511},[],[330],{"_102":338,"_95":339,"_159":340,"_161":-5,"_162":140,"_163":341,"_165":116,"_104":342,"_99":32,"_167":187,"_169":343,"_170":22,"_171":-5,"_172":513,"_98":514},[],[339],{"_102":347,"_95":348,"_159":349,"_161":-5,"_162":140,"_163":350,"_165":116,"_104":351,"_99":32,"_167":187,"_169":352,"_170":22,"_171":-5,"_172":516,"_98":517},[],[348],{"_102":356,"_95":357,"_159":358,"_161":-5,"_162":140,"_163":359,"_165":116,"_104":360,"_99":361,"_167":230,"_169":362,"_170":22,"_171":-5,"_172":519,"_98":520},[],[357],"previews",[466],"ahead",269,"behind","actionData","errors"]