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\";",[],[155,173,179],[155,173],[155],{"_103":189,"_95":190,"_156":191,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":192,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":193,"_98":203},"0942239a-4c45-11f0-b6d6-76b3cceeab13","backend","c1be354c-fb71-4c2b-bef5-b18945ef22f9",["D",1750251983958],[194],{"_103":195,"_95":196,"_156":197,"_158":191,"_159":137,"_160":136,"_161":162,"_105":198,"_100":32,"_164":199,"_166":200,"_167":22,"_168":-5,"_169":201,"_98":202},"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",[],[190,196],[190],{"_103":205,"_95":206,"_156":207,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":208,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":209,"_98":297},"09424000-4c45-11f0-b6d6-76b3cceeab13","frontend","5230388d-8167-446e-89c2-6feda738360e",["D",1750251983958],[210,242,257,265,273,281,289],{"_103":211,"_95":212,"_156":213,"_158":207,"_159":137,"_160":136,"_161":162,"_105":214,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":215,"_98":241},"09422f20-4c45-11f0-b6d6-76b3cceeab13","components","8f74795d-d2a6-4ed6-aaec-a585e5448a6c",["D",1750251983958],[216,225,233],{"_103":217,"_95":218,"_156":219,"_158":213,"_159":137,"_160":136,"_161":162,"_105":220,"_100":32,"_164":221,"_166":222,"_167":22,"_168":-5,"_169":223,"_98":224},"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",[],[206,212,218],{"_103":226,"_95":227,"_156":228,"_158":213,"_159":137,"_160":136,"_161":162,"_105":229,"_100":32,"_164":221,"_166":230,"_167":22,"_168":-5,"_169":231,"_98":232},"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}",[],[206,212,227],{"_103":234,"_95":235,"_156":236,"_158":213,"_159":137,"_160":136,"_161":162,"_105":237,"_100":32,"_164":221,"_166":238,"_167":22,"_168":-5,"_169":239,"_98":240},"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",[],[206,212,235],[206,212],{"_103":243,"_95":244,"_156":245,"_158":207,"_159":137,"_160":136,"_161":162,"_105":246,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":247,"_98":256},"094233c6-4c45-11f0-b6d6-76b3cceeab13","hooks","caf391f3-5656-41d8-af88-be5bea3301ed",["D",1750251983958],[248],{"_103":249,"_95":250,"_156":251,"_158":245,"_159":137,"_160":136,"_161":162,"_105":252,"_100":32,"_164":221,"_166":253,"_167":22,"_168":-5,"_169":254,"_98":255},"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",[],[206,244,250],[206,244],{"_103":258,"_95":259,"_156":260,"_158":207,"_159":137,"_160":136,"_161":162,"_105":261,"_100":32,"_164":182,"_166":262,"_167":22,"_168":-5,"_169":263,"_98":264},"09423678-4c45-11f0-b6d6-76b3cceeab13","favicon.svg","16b1c610-924f-42c3-b4df-dffbfbdb29f5",["D",1750251983958],"",[],[206,259],{"_103":266,"_95":267,"_156":268,"_158":207,"_159":137,"_160":136,"_161":162,"_105":269,"_100":32,"_164":182,"_166":270,"_167":22,"_168":-5,"_169":271,"_98":272},"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",[],[206,267],{"_103":274,"_95":275,"_156":276,"_158":207,"_159":137,"_160":136,"_161":162,"_105":277,"_100":32,"_164":221,"_166":278,"_167":22,"_168":-5,"_169":279,"_98":280},"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",[],[206,275],{"_103":282,"_95":283,"_156":284,"_158":207,"_159":137,"_160":136,"_161":162,"_105":285,"_100":32,"_164":182,"_166":286,"_167":22,"_168":-5,"_169":287,"_98":288},"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}",[],[206,283],{"_103":290,"_95":291,"_156":292,"_158":207,"_159":137,"_160":136,"_161":162,"_105":293,"_100":32,"_164":221,"_166":294,"_167":22,"_168":-5,"_169":295,"_98":296},"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",[],[206,291],[206],{"_103":299,"_95":300,"_156":301,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":302,"_100":32,"_164":182,"_166":303,"_167":22,"_168":-5,"_169":304,"_98":305},"0942414a-4c45-11f0-b6d6-76b3cceeab13",".vtignore","7e2ad765-c6be-41f4-bdc4-cf83ae3d9588",["D",1750251983958],".git\n.vscode\n.DS_Store\nnode_modules\nvendor",[],[300],{"_103":307,"_95":308,"_156":309,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":310,"_100":32,"_164":182,"_166":311,"_167":22,"_168":-5,"_169":312,"_98":313},"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.",[],[308],{"_103":315,"_95":316,"_156":317,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":318,"_100":32,"_164":182,"_166":319,"_167":22,"_168":-5,"_169":320,"_98":321},"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}",[],[316],{"_103":323,"_95":324,"_156":325,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":326,"_100":32,"_164":182,"_166":327,"_167":22,"_168":-5,"_169":328,"_98":329},"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",[],[324],{"_103":331,"_95":332,"_156":333,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":334,"_100":32,"_164":221,"_166":335,"_167":22,"_168":-5,"_169":336,"_98":337},"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",[],[332],"files",[153,171,177,188,194,204,210,216,225,233,242,248,257,265,273,281,289,298,306,314,322,330],"counts",{"_342":32,"_343":136,"_344":32,"_345":32},"pulls","branches","forks","envVars","contents",[],{"_103":258,"_159":137,"_156":260,"_95":259,"_166":262,"_164":182,"_100":32,"_158":207,"_105":349,"_160":136,"_168":-5,"_98":350},["D",1750251983958],[206,259],"upstreamProject",{"_103":145,"_95":96,"_111":-5,"_112":-5,"_109":110,"_23":353},{"_93":354,"_129":355},"nbbaier","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","upstreamBranch",{"_103":140,"_105":358,"_359":360,"_95":43,"_138":145,"_100":142,"_139":361,"_141":136,"_362":363,"_107":-5,"_150":22,"_109":110,"_149":354,"_16":147,"_148":96},["D",1749572291332],"updatedAt",["D",1750119385069],"64367088-0502-11f0-94b2-569c3dd06744","lockfileKey","1752632231682-esm.town_v_nbbaier_val-to-text@270-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":370,"_182":375,"_378":379,"_382":383,"_386":-7,"_387":32,"_388":22},{"_103":104,"_95":96,"_105":371,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":372,"_131":373,"_134":374,"_150":22},["D",1750251983958],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},{"_103":258,"_95":259,"_156":260,"_158":207,"_159":137,"_160":136,"_161":162,"_105":376,"_100":32,"_164":182,"_166":262,"_167":22,"_168":-5,"_98":377},["D",1750251983958],[206,259],"history",[380],{"_103":258,"_159":137,"_156":260,"_95":259,"_166":262,"_164":182,"_100":32,"_158":207,"_105":381,"_160":136,"_168":-5},["D",1750251983958],"versions",[384],{"_182":380,"_385":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

History for favicon.svg