\n \n \n \n",[],[219,229],"190ad998-747c-11f0-92c0-0224a6c84d84","favicon.svg","01988ab3-8be3-71fb-be09-ddc29242ee6b",["D",1754673679245],"",[],[219,236],"ff1bc43a-7484-11f0-babb-0224a6c84d84","App.tsx","01988ab3-8be3-71fb-be09-d72fd9e37103","01988ab3-8be3-71fb-be09-da6e8b8a17b7",["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",[],[219,251,243],"components","190ad7a4-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],[188],[219,251],"190ae1c2-747c-11f0-92c0-0224a6c84d84",["D",1754673679245],[187,189,190,191,192],[219],["D",1754673679245],[],[18,68],["D",1754673679245],[185],[18],["D",1754673679245],{"_11":12,"_125":74},{"_11":12,"_121":-5,"_73":74,"_31":72,"_122":123,"_124":30},{"_39":110,"_13":16,"_33":36,"_111":78,"_112":63,"_113":64,"_114":82,"_115":116,"_117":118,"_119":14,"_120":12},"ctx",{"_52":-5,"_146":303,"_304":305,"_306":307,"_308":30,"_309":30,"_310":30,"_311":24,"_312":-5,"_313":-7,"_314":-7,"_315":26,"_316":30,"_317":30,"_318":-5,"_319":30,"_320":30,"_321":30,"_322":-5},"ENV",{"_274":275,"_276":277,"_278":16,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · backend