\n \n \n \n",[],[132,100],"190ad998-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],"",[],[132,94],"ff1bc43a-7484-11f0-babb-0224a6c84d84",["D",1754677501272],"/** @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",[],[132,82,137],"190ad7a4-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],[303],[132,82],["D",1754673679245],[302,304,305,306,307],[132],"190abcec-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],"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;",[],[119,125],["D",1754673679245],[300],[119],["D",1754673679245],{"_11":12,"_231":88},{"_11":12,"_227":-5,"_87":88,"_25":86,"_228":229,"_230":24},{"_39":179,"_13":16,"_33":36,"_217":184,"_218":77,"_219":78,"_220":188,"_221":222,"_223":224,"_225":14,"_226":12},"ctx",{"_52":-5,"_253":394,"_395":396,"_397":398,"_399":24,"_400":24,"_401":24,"_402":194,"_403":-5,"_404":-7,"_405":-7,"_406":20,"_407":24,"_408":24,"_409":-5,"_410":24,"_411":24,"_412":24,"_413":-5},"ENV",{"_365":366,"_367":368,"_369":16,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393},"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"]

History