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\";",[],[153,171,177],[153,171],[153],{"_107":187,"_100":188,"_154":189,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":190,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_167":191,"_103":201},"0942239a-4c45-11f0-b6d6-76b3cceeab13","backend","c1be354c-fb71-4c2b-bef5-b18945ef22f9",["D",1750251983958],[192],{"_107":193,"_100":194,"_154":195,"_156":189,"_157":138,"_158":137,"_159":160,"_109":196,"_104":31,"_162":197,"_164":198,"_165":27,"_166":-5,"_167":199,"_103":200},"094221ce-4c45-11f0-b6d6-76b3cceeab13","index.ts","b6237dd0-93f0-4065-a1a7-668f564efed4",["D",1750251983958],"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",[],[188,194],[188],{"_107":203,"_100":204,"_154":205,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":206,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_167":207,"_103":295},"09424000-4c45-11f0-b6d6-76b3cceeab13","frontend","5230388d-8167-446e-89c2-6feda738360e",["D",1750251983958],[208,240,255,263,271,279,287],{"_107":209,"_100":210,"_154":211,"_156":205,"_157":138,"_158":137,"_159":160,"_109":212,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_167":213,"_103":239},"09422f20-4c45-11f0-b6d6-76b3cceeab13","components","8f74795d-d2a6-4ed6-aaec-a585e5448a6c",["D",1750251983958],[214,223,231],{"_107":215,"_100":216,"_154":217,"_156":211,"_157":138,"_158":137,"_159":160,"_109":218,"_104":31,"_162":219,"_164":220,"_165":27,"_166":-5,"_167":221,"_103":222},"094225a2-4c45-11f0-b6d6-76b3cceeab13","App.tsx","a1b3fa16-d541-4df0-adb3-559fcbe89559",["D",1750251983958],"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",[],[204,210,216],{"_107":224,"_100":225,"_154":226,"_156":211,"_157":138,"_158":137,"_159":160,"_109":227,"_104":31,"_162":219,"_164":228,"_165":27,"_166":-5,"_167":229,"_103":230},"09422854-4c45-11f0-b6d6-76b3cceeab13","ValForm.tsx","913debd3-dd00-43b9-a680-b3e4e7ed0f95",["D",1750251983958],"/** @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}",[],[204,210,225],{"_107":232,"_100":233,"_154":234,"_156":211,"_157":138,"_158":137,"_159":160,"_109":235,"_104":31,"_162":219,"_164":236,"_165":27,"_166":-5,"_167":237,"_103":238},"09422d2c-4c45-11f0-b6d6-76b3cceeab13","ValOutput.tsx","e9eba784-a294-4596-abcd-c095ee5d6265",["D",1750251983958],"/** @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",[],[204,210,233],[204,210],{"_107":241,"_100":242,"_154":243,"_156":205,"_157":138,"_158":137,"_159":160,"_109":244,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_167":245,"_103":254},"094233c6-4c45-11f0-b6d6-76b3cceeab13","hooks","caf391f3-5656-41d8-af88-be5bea3301ed",["D",1750251983958],[246],{"_107":247,"_100":248,"_154":249,"_156":243,"_157":138,"_158":137,"_159":160,"_109":250,"_104":31,"_162":219,"_164":251,"_165":27,"_166":-5,"_167":252,"_103":253},"0942309c-4c45-11f0-b6d6-76b3cceeab13","useValExport.ts","44ba15bd-0ca6-4716-9a19-4e0819869397",["D",1750251983958],"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",[],[204,242,248],[204,242],{"_107":256,"_100":257,"_154":258,"_156":205,"_157":138,"_158":137,"_159":160,"_109":259,"_104":31,"_162":180,"_164":260,"_165":27,"_166":-5,"_167":261,"_103":262},"09423678-4c45-11f0-b6d6-76b3cceeab13","favicon.svg","16b1c610-924f-42c3-b4df-dffbfbdb29f5",["D",1750251983958],"",[],[204,257],{"_107":264,"_100":265,"_154":266,"_156":205,"_157":138,"_158":137,"_159":160,"_109":267,"_104":31,"_162":180,"_164":268,"_165":27,"_166":-5,"_167":269,"_103":270},"09423916-4c45-11f0-b6d6-76b3cceeab13","index.html","77639981-2b39-4d77-9e76-f18843802589",["D",1750251983958],"\n\n \n \n \n Val-to-text\n \n \n \n \n \n

\n \n \n \n\n",[],[204,265],{"_107":272,"_100":273,"_154":274,"_156":205,"_157":138,"_158":137,"_159":160,"_109":275,"_104":31,"_162":219,"_164":276,"_165":27,"_166":-5,"_167":277,"_103":278},"09423b28-4c45-11f0-b6d6-76b3cceeab13","index.tsx","846edded-26d3-46f7-a07b-b83aa4fbd155",["D",1750251983958],"/** @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",[],[204,273],{"_107":280,"_100":281,"_154":282,"_156":205,"_157":138,"_158":137,"_159":160,"_109":283,"_104":31,"_162":180,"_164":284,"_165":27,"_166":-5,"_167":285,"_103":286},"09423c5e-4c45-11f0-b6d6-76b3cceeab13","style.css","96a333c8-b084-4f65-86a6-b5d169bbeec9",["D",1750251983958],"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}",[],[204,281],{"_107":288,"_100":289,"_154":290,"_156":205,"_157":138,"_158":137,"_159":160,"_109":291,"_104":31,"_162":219,"_164":292,"_165":27,"_166":-5,"_167":293,"_103":294},"09423e48-4c45-11f0-b6d6-76b3cceeab13","types.ts","c6735bda-662b-484a-aebc-f02a6758dcd5",["D",1750251983958],"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",[],[204,289],[204],{"_107":297,"_100":298,"_154":299,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":300,"_104":31,"_162":180,"_164":301,"_165":27,"_166":-5,"_167":302,"_103":303},"0942414a-4c45-11f0-b6d6-76b3cceeab13",".vtignore","7e2ad765-c6be-41f4-bdc4-cf83ae3d9588",["D",1750251983958],".git\n.vscode\n.DS_Store\nnode_modules\nvendor",[],[298],{"_107":305,"_100":306,"_154":307,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":308,"_104":31,"_162":180,"_164":309,"_165":27,"_166":-5,"_167":310,"_103":311},"094242d0-4c45-11f0-b6d6-76b3cceeab13","README.md","da43325a-e1bf-45ee-b5fd-7c8b81c062aa",["D",1750251983958],"# 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.",[],[306],{"_107":313,"_100":314,"_154":315,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":316,"_104":31,"_162":180,"_164":317,"_165":27,"_166":-5,"_167":318,"_103":319},"0942447e-4c45-11f0-b6d6-76b3cceeab13","biome.json","23b47b1b-37a8-4385-81ac-d6c7328dd46f",["D",1750251983958],"{\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}",[],[314],{"_107":321,"_100":322,"_154":323,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":324,"_104":31,"_162":180,"_164":325,"_165":27,"_166":-5,"_167":326,"_103":327},"09424668-4c45-11f0-b6d6-76b3cceeab13","deno.json","e1a1dff7-b7b8-43de-b38f-ecac9384fd45",["D",1750251983958],"{\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",[],[322],{"_107":329,"_100":330,"_154":331,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":332,"_104":31,"_162":219,"_164":333,"_165":27,"_166":-5,"_167":334,"_103":335},"0942485c-4c45-11f0-b6d6-76b3cceeab13","utils.ts","a8a5c721-c7a7-4725-817d-e4de40889d60",["D",1750251983958],"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",[],[330],"files",[151,169,175,186,192,202,208,214,223,231,240,246,255,263,271,279,287,296,304,312,320,328],"counts",{"_340":31,"_341":137,"_342":31,"_343":31},"pulls","branches","forks","envVars","contents",[346,349,352,355,358,361,364,367],{"_107":152,"_100":153,"_154":155,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":347,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_103":348},["D",1750251983958],[153],{"_107":187,"_100":188,"_154":189,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":350,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_103":351},["D",1750251983958],[188],{"_107":203,"_100":204,"_154":205,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":353,"_104":31,"_162":163,"_164":-5,"_165":27,"_166":-5,"_103":354},["D",1750251983958],[204],{"_107":297,"_100":298,"_154":299,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":356,"_104":31,"_162":180,"_164":301,"_165":27,"_166":-5,"_103":357},["D",1750251983958],[298],{"_107":305,"_100":306,"_154":307,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":359,"_104":31,"_162":180,"_164":309,"_165":27,"_166":-5,"_103":360},["D",1750251983958],[306],{"_107":313,"_100":314,"_154":315,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":362,"_104":31,"_162":180,"_164":317,"_165":27,"_166":-5,"_103":363},["D",1750251983958],[314],{"_107":321,"_100":322,"_154":323,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":365,"_104":31,"_162":180,"_164":325,"_165":27,"_166":-5,"_103":366},["D",1750251983958],[322],{"_107":329,"_100":330,"_154":331,"_156":-5,"_157":138,"_158":137,"_159":160,"_109":368,"_104":31,"_162":219,"_164":333,"_165":27,"_166":-5,"_103":369},["D",1750251983958],[330],"upstreamProject",{"_107":372,"_100":101,"_115":-5,"_116":-5,"_113":114,"_21":373},"80dcb1f2-4616-11f0-8c3c-76b3cceeab13",{"_98":374,"_133":375},"nbbaier","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","upstreamBranch",{"_107":141,"_109":378,"_379":380,"_100":42,"_139":372,"_104":143,"_140":381,"_142":137,"_382":383,"_111":-5,"_131":27,"_113":114,"_148":374,"_147":101},["D",1749572291332],"updatedAt",["D",1750119385069],"64367088-0502-11f0-94b2-569c3dd06744","lockfileKey","1750119441548-esm.town_v_nbbaier_val-to-text@270-main","emptyEnvVars","isNew","routes/_app.x.$handle.$name.remixes",{"_98":99,"_100":101,"_105":388,"_342":392,"_393":394},{"_107":108,"_100":101,"_109":389,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":390,"_135":391},["D",1750251983958],{"_98":99,"_133":134},{"_104":137,"_100":42,"_107":138,"_139":108,"_140":141,"_142":143,"_144":114,"_145":146,"_147":101,"_148":99},[],"upstream",{"_107":372,"_100":101,"_115":-5,"_116":-5,"_113":114,"_21":395},{"_98":374,"_133":375},"routes/_app","actionData","errors"]