\n \n

Val Town Val to Text

Export a Val Town val to text for consumption by an LLM.

\n \n \n 💡\n

\n Tip: Add \n \n ?val=\n \n plus any Val Town link—e.g. \n \n /?val=val.town/x/username/valname\n \n —to jump straight to an export.\n

\n \n setUsername(e.target.value)}\n style={{\n border: \"1px solid black\",\n padding: \"10px\",\n marginTop: \"10px\",\n }}\n />\n setName(e.target.value)}\n style={{\n border: \"1px solid black\",\n padding: \"10px\",\n marginTop: \"10px\",\n }}\n />\n \n {isAutoExporting ? \"Auto-Exporting...\" : \"Export\"}\n \n \n View Source of This App\n \n \n {text ? (\n \n

{text.length} characters

\n \n {copyButtonText}\n \n \n Download\n \n

\n \n \n ) : undefined}\n {error ? (\n \n \n \n ) : undefined}\n \n );\n}\n","label","children",[103,104,84],"contentHash","7969fecee2c83eacc9a90a16ab7be3ee7c9b7f5870598444217d96109d5dc94a","frontend","components","13470814-64b0-11f0-a211-0224a6c84d84","19deafb5-f3d9-4501-b92c-ad58056086a6","3c4199db-829f-4328-b53e-1a3a6f96ff90",["D",1752936784882],78,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport Toast from \"https://esm.sh/toastify-js\";\n\nexport function App() {\n const [name, setName] = React.useState(\"charBuildSuperapp\");\n const [username, setUsername] = React.useState(\"dcm31\");\n const [text, setText] = React.useState();\n const [copyButtonText, setCopyButtonText] = React.useState(\"Copy\");\n const [error, setError] = React.useState();\n\n const onExportClick = async () => {\n setText(undefined);\n setError(undefined);\n if (name && username) {\n const response = await fetch(`/text?name=${name}&username=${username}`);\n const text = await response.text();\n try {\n let parsed = JSON.parse(text);\n if (parsed.error) setError(parsed.error.stack);\n } catch {\n setText(text);\n }\n } else {\n Toast({\n text: \"Please enter a username and val name\",\n duration: 3000,\n gravity: \"top\",\n position: \"center\",\n backgroundColor: \"#ff6b6b\",\n }).showToast();\n }\n };\n\n const onCopyClick = async () => {\n if (text) {\n await navigator.clipboard.writeText(text);\n setCopyButtonText(\"Copied!\");\n setTimeout(() => setCopyButtonText(\"Copy\"), 2000);\n }\n };\n\n const onDownloadClick = () => {\n if (text) {\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}-${name}-export.txt`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n }\n };\n\n const onViewSourceClick = () => {\n window.open('https://www.val.town/x/stevekrouse/val_to_text', '_blank');\n };\n\n return (\n

Val Town Val to Text

\n Export a Val Town val to text to for consumption by an LLM.\n setUsername(e.target.value)}\n style={{\n \"border\": \"1px solid black\",\n \"padding\": \"10px\",\n \"marginTop\": \"10px\",\n }}\n />\n setName(e.target.value)}\n style={{\n \"border\": \"1px solid black\",\n \"padding\": \"10px\",\n \"marginTop\": \"10px\",\n }}\n />\n \n Export\n \n \n View Source of This App\n \n

\n {text\n ? (\n \n

{text.length} characters

\n \n {copyButtonText}\n \n \n Download\n \n

\n \n

\n )\n : undefined}\n {error\n ? (\n \n \n \n )\n : undefined}\n \n );\n}",[103,104,84],"72d0b58b1d8c58ad4fbd694f4893ff062af9a21c6bea7fce7ff11c008d9f09b8",{"_77":125,"_79":-7,"_81":126},{"_77":115,"_79":-7,"_81":116},"deno.json",{"_33":117,"_13":115,"_85":118,"_87":-5,"_89":65,"_90":119,"_91":26,"_40":120,"_46":22,"_94":121,"_96":122,"_72":56,"_98":-5,"_99":-7,"_77":123,"_101":124},"6b8a5482-747c-11f0-a406-0224a6c84d84","6b8a555e-747c-11f0-a406-0224a6c84d84",3,["D",1754673817704],"file","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\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}",[115],"f10b65541e22a5ce4184687567a4c1c2dc1ca6b7748052706fa70ed0d511e4b4",".vtignore",{"_33":127,"_13":125,"_85":128,"_87":-5,"_89":65,"_90":129,"_91":26,"_40":130,"_46":22,"_94":121,"_96":131,"_72":56,"_98":-5,"_99":-7,"_77":132,"_101":133},"6b84871e-747c-11f0-a12c-0224a6c84d84","6b84880e-747c-11f0-a12c-0224a6c84d84",2,["D",1754673817701],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[125],"18f4273e0b959a6002030663e4e449119845617823d38fc9fbbb206c591a8ff5",["D",1754673679245],"legacyEnvVars","httpPrivacy","imageUrl","userId","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","01988ab3-8be3-71fb-be09-cdce95254f1e","pinPreview","pinMigrated","screenshotVersion","likeCount","0d30098c-721f-4d42-b17b-1da1e51d05e7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_171":167},"org",{"_11":12,"_165":-5,"_166":167,"_138":139,"_168":169,"_170":56},"branch","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789590266&sig=8cf1d84b999d5d594e6a9c3a56ca33d5821b987493fac2d08fa023d3d65217e9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_33":66,"_13":14,"_40":292,"_54":-5,"_135":56,"_57":58,"_136":58,"_35":-5,"_137":-5,"_138":139,"_140":141,"_142":26,"_143":26,"_144":-5,"_145":22,"_61":146,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_160":293,"_162":294,"_164":295,"_55":56},"tree",[230,232,239,240],"files",[230,231,232,233,234,235,236,237,238,239,240],"counts",{"_220":22,"_221":129,"_222":22,"_223":224,"_225":226},"contents",[201,202,203,204],"upstreamProject",{"_33":45,"_13":14,"_35":197,"_137":198,"_57":58,"_160":199},"upstreamBranch",{"_33":39,"_40":195,"_42":196,"_13":16,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":60,"_61":62,"_63":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1742330406834],["D",1752936784882],"Export vals to text consumable by LLMs","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f2e31903-1040-4045-9d88-5d897cc39700/square512?exp=1789590266&sig=b22c392b49d0033b520464477d4b6d7d5ff2ac3501ce37cce5809a7bc2e4e4af",{"_11":60,"_171":200},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_33":215,"_13":216,"_85":217,"_87":-5,"_89":65,"_90":211,"_91":26,"_40":218,"_46":22,"_94":213,"_96":-5,"_72":56,"_98":-5,"_77":219},{"_33":209,"_13":103,"_85":210,"_87":-5,"_89":65,"_90":211,"_91":26,"_40":212,"_46":22,"_94":213,"_96":-5,"_72":56,"_98":-5,"_77":214},{"_33":127,"_13":125,"_85":128,"_87":-5,"_89":65,"_90":129,"_91":26,"_40":207,"_46":22,"_94":121,"_96":131,"_72":56,"_98":-5,"_77":208},{"_33":117,"_13":115,"_85":118,"_87":-5,"_89":65,"_90":119,"_91":26,"_40":205,"_46":22,"_94":121,"_96":122,"_72":56,"_98":-5,"_77":206},["D",1754673817704],[115],["D",1754673817701],[125],"190ae1c2-747c-11f0-92c0-0224a6c84d84","01988ab3-8be3-71fb-be09-ec24baeec04c",1,["D",1754673679245],"directory",[103],"190acb92-747c-11f0-92c0-0224a6c84d84","backend","01988ab3-8be3-71fb-be09-d00ccd1857c3",["D",1754673679245],[216],"pulls","branches","forks","envVars",{"_227":22,"_229":22},"connections",{"_227":22,"_228":22},"count","unfilledCount","emptyCount",{"_33":215,"_13":216,"_85":217,"_87":-5,"_89":65,"_90":211,"_91":26,"_40":289,"_46":22,"_94":213,"_96":-5,"_72":56,"_98":-5,"_99":290,"_77":291},{"_33":282,"_13":283,"_85":141,"_87":217,"_89":65,"_90":211,"_91":26,"_40":284,"_46":22,"_94":285,"_96":286,"_72":56,"_98":-5,"_99":287,"_77":288},{"_33":209,"_13":103,"_85":210,"_87":-5,"_89":65,"_90":211,"_91":26,"_40":279,"_46":22,"_94":213,"_96":-5,"_72":56,"_98":-5,"_99":280,"_77":281},{"_33":275,"_13":104,"_85":88,"_87":210,"_89":65,"_90":211,"_91":26,"_40":276,"_46":22,"_94":213,"_96":-5,"_72":56,"_98":-5,"_99":277,"_77":278},{"_33":83,"_13":84,"_85":86,"_87":88,"_89":65,"_90":64,"_91":26,"_40":92,"_46":93,"_94":95,"_96":97,"_72":56,"_98":-5,"_99":273,"_77":274},{"_33":266,"_13":267,"_85":268,"_87":210,"_89":65,"_90":211,"_91":26,"_40":269,"_46":22,"_94":121,"_96":270,"_72":56,"_98":-5,"_99":271,"_77":272},{"_33":259,"_13":260,"_85":261,"_87":210,"_89":65,"_90":211,"_91":26,"_40":262,"_46":22,"_94":121,"_96":263,"_72":56,"_98":-5,"_99":264,"_77":265},{"_33":252,"_13":253,"_85":254,"_87":210,"_89":65,"_90":211,"_91":26,"_40":255,"_46":22,"_94":95,"_96":256,"_72":56,"_98":-5,"_99":257,"_77":258},{"_33":245,"_13":246,"_85":247,"_87":210,"_89":65,"_90":211,"_91":26,"_40":248,"_46":22,"_94":121,"_96":249,"_72":56,"_98":-5,"_99":250,"_77":251},{"_33":127,"_13":125,"_85":128,"_87":-5,"_89":65,"_90":129,"_91":26,"_40":130,"_46":22,"_94":121,"_96":131,"_72":56,"_98":-5,"_99":243,"_77":244},{"_33":117,"_13":115,"_85":118,"_87":-5,"_89":65,"_90":119,"_91":26,"_40":120,"_46":22,"_94":121,"_96":122,"_72":56,"_98":-5,"_99":241,"_77":242},[],[115],[],[125],"190adf56-747c-11f0-92c0-0224a6c84d84","style.css","01988ab3-8be3-71fb-be09-ebd3d4a68357",["D",1754673679245],"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}",[],[103,246],"190adcfe-747c-11f0-92c0-0224a6c84d84","index.tsx","01988ab3-8be3-71fb-be09-e48c0944ccb4",["D",1754673679245],"/** @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();",[],[103,253],"190adb3c-747c-11f0-92c0-0224a6c84d84","index.html","01988ab3-8be3-71fb-be09-e31fc55fff89",["D",1754673679245],"\n\n \n \n \n Val to text\n \n \n \n \n

\n \n \n \n",[],[103,260],"190ad998-747c-11f0-92c0-0224a6c84d84","favicon.svg","01988ab3-8be3-71fb-be09-ddc29242ee6b",["D",1754673679245],"",[],[103,267],[],[103,104,84],"190ad7a4-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],[234],[103,104],["D",1754673679245],[233,235,236,237,238],[103],"190abcec-747c-11f0-92c0-0224a6c84d84","index.ts",["D",1754673679245],"http","import { createFileTree, renderTree } from \"https://esm.town/v/nbbaier/createFileTree\";\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport ValTown from \"npm:@valtown/sdk@0.37.0\";\nimport { Hono } from \"npm:hono\";\nimport JSZip from \"npm:jszip\";\n\nconst app = new Hono();\nconst vt = new ValTown();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve all /frontend files under /public\napp.get(\"/public/**/*\", c => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\n\n// Serve all /shared files under /shared\napp.get(\"/shared/**/*\", c => serveFile(c.req.path, import.meta.url));\n\napp.get(\"/text\", async (c) => {\n const username = c.req.query(\"username\");\n const name = c.req.query(\"name\");\n\n if (!username || !name) {\n return c.json({\n success: false,\n error: \"Missing required parameters: username or valName\",\n }, 400);\n }\n\n const projectDetails = await vt.alias.username.projectName.retrieve(username, name);\n\n if (!projectDetails || !projectDetails.id) {\n return c.json({\n success: false,\n error: \"Val not found\",\n }, 404);\n }\n\n const projectId = projectDetails.id;\n const files = await vt.projects.files.retrieve(projectId, { path: \"\", recursive: true, limit: 100, offset: 0 });\n const filesWithContent = await getFilesWithContent(files.data, projectId);\n const tree = createFileTree(files.data.map(f => f.path));\n\n const output = `Val Town Val: ${name} by @${username}\n\n# Directory Structure\n\n${renderTree(tree)}\n\n# Files\n\n${\n filesWithContent.map(file =>\n `--------------------------\n${file.name}\n--------------------------\n${file.content}\n`\n ).join(\"\\n\\n\")\n }\n`;\n return c.text(output);\n});\n\nasync function getFilesWithContent(files: any[], projectId: string): 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.projects.files.getContent(projectId, { path: file.path });\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: any) {\n return {\n name: file.path as string,\n content: \"Error fetching file: \" + error.message,\n };\n }\n });\n\n return Promise.all(filePromises);\n}\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[216,283],["D",1754673679245],[231],[216],["D",1754673679245],{"_11":12,"_171":167},{"_11":12,"_165":-5,"_166":167,"_138":139,"_168":169,"_170":56},{"_46":64,"_13":16,"_33":65,"_44":66,"_48":39,"_50":47,"_67":58,"_68":45,"_69":62,"_63":14,"_59":12},"ctx",{"_160":-5,"_192":329,"_330":331,"_332":333,"_334":56,"_335":56,"_336":56,"_337":26,"_338":-5,"_339":-7,"_340":-7,"_341":22,"_342":56,"_343":56,"_344":-5,"_345":56,"_346":56,"_347":56,"_348":-5},"ENV",{"_300":301,"_302":303,"_304":16,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergeartivilla/mainintostevekrouse/main

frontend/components/App.tsx+238-100

.vtignore+6-0

deno.json+37-0