\n \n \n \n",[],[96,142],"190ad998-747c-11f0-92c0-0224a6c84d84","favicon.svg","01988ab3-8be3-71fb-be09-ddc29242ee6b",["D",1754673679245],"",[],[96,149],"190ad7a4-747c-11f0-92c0-0224a6c84d84","components","01988ab3-8be3-71fb-be09-da6e8b8a17b7",["D",1754673679245],[161],[96,156],{"_36":162,"_13":163,"_72":164,"_74":157,"_75":76,"_77":165,"_79":80,"_43":166,"_17":167,"_82":137,"_83":168,"_85":58,"_86":-5,"_112":169,"_18":170},"ff1bc43a-7484-11f0-babb-0224a6c84d84","App.tsx","01988ab3-8be3-71fb-be09-d72fd9e37103",7,["D",1754677501272],4,"/** @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 const [isAutoExporting, setIsAutoExporting] = React.useState(false);\n\n // Parse Val Town URL to extract username and val name - supports all variations\n const parseValTownUrl = (\n url: string,\n ): { username: string; valName: string } | null => {\n try {\n // Clean up the URL - handle cases without protocol\n let cleanUrl = url.trim();\n\n // If no protocol, assume https\n if (!cleanUrl.startsWith(\"http://\") && !cleanUrl.startsWith(\"https://\")) {\n cleanUrl = \"https://\" + cleanUrl;\n }\n\n // If no www, try to add it for parsing consistency\n if (cleanUrl.includes(\"val.town\") && !cleanUrl.includes(\"www.val.town\")) {\n cleanUrl = cleanUrl.replace(\"val.town\", \"www.val.town\");\n }\n\n const urlObj = new URL(cleanUrl);\n\n // Check if this is a val.town domain\n const validDomains = [\"www.val.town\", \"val.town\"];\n if (!validDomains.includes(urlObj.hostname)) {\n return null;\n }\n\n // Expected formats:\n // /x/{username}/{valname}\n // /v/{username}/{valname}\n // /@{username}/{valname}\n const pathParts = urlObj.pathname.split(\"/\").filter(Boolean);\n\n if (pathParts.length >= 3) {\n // Handle /x/ or /v/ prefix\n if (pathParts[0] === \"x\" || pathParts[0] === \"v\") {\n return {\n username: pathParts[1],\n valName: pathParts[2],\n };\n }\n\n // Handle /@username format\n if (pathParts[0].startsWith(\"@\")) {\n return {\n username: pathParts[0].substring(1), // remove @ prefix\n valName: pathParts[1],\n };\n }\n }\n\n // Handle case where first part might be username directly\n if (pathParts.length >= 2) {\n return {\n username: pathParts[0],\n valName: pathParts[1],\n };\n }\n } catch (e) {\n // Invalid URL format\n }\n return null;\n };\n\n // Check for URL parameters on component mount\n React.useEffect(() => {\n const urlParams = new URLSearchParams(window.location.search);\n const valParam = urlParams.get(\"val\");\n\n if (valParam) {\n const parsed = parseValTownUrl(valParam);\n if (parsed) {\n setUsername(parsed.username);\n setName(parsed.valName);\n setIsAutoExporting(true);\n\n // Auto-trigger export after a brief delay to ensure state is updated\n setTimeout(() => {\n onExportClick();\n setIsAutoExporting(false);\n }, 100);\n } else {\n Toast({\n text: \"Invalid Val Town URL format. Expected formats: val.town/x/{username}/{valname}, www.val.town/x/{username}/{valname}, etc.\",\n duration: 5000,\n gravity: \"top\",\n position: \"center\",\n backgroundColor: \"#ff6b6b\",\n }).showToast();\n }\n }\n }, []);\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

\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",[],[96,156,163],["D",1754673679245],[174],[103],{"_36":175,"_13":176,"_72":177,"_74":104,"_75":76,"_77":98,"_79":80,"_43":178,"_17":34,"_82":179,"_83":180,"_85":58,"_86":-5,"_112":181,"_18":182},"190abcec-747c-11f0-92c0-0224a6c84d84","index.ts","01988ab3-8be3-71fb-be09-cdce95254f1e",["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;",[],[103,176],"19014c52-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],"legacyEnvVars","httpPrivacy","imageUrl","userId","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","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,"_224":220},"org",{"_11":12,"_218":-5,"_219":220,"_188":189,"_221":222,"_223":58},"branch",{"_17":165,"_13":16,"_36":76,"_47":183,"_50":42,"_52":49,"_215":60,"_216":48,"_217":64,"_65":14,"_61":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789592399&sig=1eb664fe2f945da05d05e3d709b4efc06cd016a5dfb458115be70ff7f41d6165","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":183,"_13":14,"_43":301,"_56":-5,"_185":58,"_59":60,"_186":60,"_38":-5,"_187":-5,"_188":189,"_190":177,"_191":80,"_192":80,"_193":-5,"_194":34,"_63":195,"_196":-5,"_197":-5,"_198":-5,"_199":-5,"_200":201,"_202":201,"_203":204,"_205":204,"_206":204,"_207":201,"_208":201,"_209":302,"_211":303,"_213":304,"_57":58},[268,270,277,278],"files",[268,269,270,271,272,273,274,275,276,277,278],"counts",{"_259":34,"_260":91,"_261":34,"_35":262,"_263":264},[251,252,253,254],"upstreamProject",{"_36":48,"_13":14,"_38":247,"_187":248,"_59":60,"_209":249},"upstreamBranch",{"_36":42,"_43":245,"_45":246,"_13":16,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":64,"_65":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=1789592399&sig=9245bcefe582510eae866b9a10b60d2237dc4f4a387a00267affd64a86051464",{"_11":62,"_224":250},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_36":102,"_13":103,"_72":104,"_74":-5,"_75":76,"_77":98,"_79":80,"_43":105,"_17":34,"_82":100,"_83":-5,"_85":58,"_86":-5,"_18":258},{"_36":95,"_13":96,"_72":97,"_74":-5,"_75":76,"_77":98,"_79":80,"_43":99,"_17":34,"_82":100,"_83":-5,"_85":58,"_86":-5,"_18":257},{"_36":88,"_13":89,"_72":90,"_74":-5,"_75":76,"_77":91,"_79":80,"_43":92,"_17":34,"_82":24,"_83":93,"_85":58,"_86":-5,"_18":256},{"_36":70,"_13":71,"_72":73,"_74":-5,"_75":76,"_77":78,"_79":80,"_43":81,"_17":34,"_82":24,"_83":84,"_85":58,"_86":-5,"_18":255},[71],[89],[96],[103],"pulls","branches","forks",{"_265":34,"_267":34},"connections",{"_265":34,"_266":34},"count","unfilledCount","emptyCount",{"_36":102,"_13":103,"_72":104,"_74":-5,"_75":76,"_77":98,"_79":80,"_43":171,"_17":34,"_82":100,"_83":-5,"_85":58,"_86":-5,"_112":299,"_18":300},{"_36":175,"_13":176,"_72":177,"_74":104,"_75":76,"_77":98,"_79":80,"_43":178,"_17":34,"_82":179,"_83":180,"_85":58,"_86":-5,"_112":297,"_18":298},{"_36":95,"_13":96,"_72":97,"_74":-5,"_75":76,"_77":98,"_79":80,"_43":118,"_17":34,"_82":100,"_83":-5,"_85":58,"_86":-5,"_112":295,"_18":296},{"_36":155,"_13":156,"_72":157,"_74":97,"_75":76,"_77":98,"_79":80,"_43":158,"_17":34,"_82":100,"_83":-5,"_85":58,"_86":-5,"_112":293,"_18":294},{"_36":162,"_13":163,"_72":164,"_74":157,"_75":76,"_77":165,"_79":80,"_43":166,"_17":167,"_82":137,"_83":168,"_85":58,"_86":-5,"_112":291,"_18":292},{"_36":148,"_13":149,"_72":150,"_74":97,"_75":76,"_77":98,"_79":80,"_43":151,"_17":34,"_82":24,"_83":152,"_85":58,"_86":-5,"_112":289,"_18":290},{"_36":141,"_13":142,"_72":143,"_74":97,"_75":76,"_77":98,"_79":80,"_43":144,"_17":34,"_82":24,"_83":145,"_85":58,"_86":-5,"_112":287,"_18":288},{"_36":133,"_13":134,"_72":135,"_74":97,"_75":76,"_77":98,"_79":80,"_43":136,"_17":34,"_82":137,"_83":138,"_85":58,"_86":-5,"_112":285,"_18":286},{"_36":126,"_13":127,"_72":128,"_74":97,"_75":76,"_77":98,"_79":80,"_43":129,"_17":34,"_82":24,"_83":130,"_85":58,"_86":-5,"_112":283,"_18":284},{"_36":88,"_13":89,"_72":90,"_74":-5,"_75":76,"_77":91,"_79":80,"_43":115,"_17":34,"_82":24,"_83":93,"_85":58,"_86":-5,"_112":281,"_18":282},{"_36":70,"_13":71,"_72":73,"_74":-5,"_75":76,"_77":78,"_79":80,"_43":111,"_17":34,"_82":24,"_83":84,"_85":58,"_86":-5,"_112":279,"_18":280},[],[71],[],[89],[],[96,127],[],[96,134],[],[96,142],[],[96,149],[],[96,156,163],[272],[96,156],[271,273,274,275,276],[96],[],[103,176],[269],[103],["D",1754673679245],{"_11":12,"_224":220},{"_11":12,"_218":-5,"_219":220,"_188":189,"_221":222,"_223":58},{"_17":165,"_13":16,"_36":76,"_47":183,"_50":42,"_52":49,"_215":60,"_216":48,"_217":64,"_65":14,"_61":12},"ctx",{"_209":-5,"_242":338,"_339":340,"_341":342,"_343":58,"_344":58,"_345":58,"_346":80,"_347":-5,"_348":-7,"_349":-7,"_350":34,"_351":58,"_352":58,"_353":-5,"_354":58,"_355":58,"_356":58,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Code