\n \n \n \n",[],[151,202],"190ad998-747c-11f0-92c0-0224a6c84d84","favicon.svg","01988ab3-8be3-71fb-be09-ddc29242ee6b",["D",1754673679245],"",[],[151,209],"190acd90-747c-11f0-92c0-0224a6c84d84","App.tsx","01988ab3-8be3-71fb-be09-d72fd9e37103","01988ab3-8be3-71fb-be09-da6e8b8a17b7",["D",1754673679245],"/** @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}",[],[151,223,216],"components","190ad7a4-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],[176],[151,223],["D",1754673679245],[175,177,178,179,180],[151],"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;",[],[158,232],["D",1754673679245],[173],[158],["D",1754673679245],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":51,"_101":102,"_103":24},{"_13":82,"_31":83,"_40":39,"_84":41,"_85":86,"_87":88,"_89":47,"_90":91,"_92":93,"_94":42,"_95":96},"ctx",{"_75":-5,"_126":278,"_279":280,"_281":282,"_283":24,"_284":24,"_285":24,"_286":55,"_287":-5,"_288":-7,"_289":-7,"_290":59,"_291":24,"_292":24,"_293":-5,"_294":24,"_295":24,"_296":24,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":83,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"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"]

Diff · v2