GoTTY — Web Terminal

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_174":175,"_176":177},"routes/_app.x.$handle.$name",{"_103":102,"_37":49,"_112":93,"_32":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":30,"_127":128,"_129":62,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":30},"version",2,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","d5a02d33-245a-44cb-9c0d-af63d40f29ae","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","index.tsx","latestPath","fileId","eb82b736-52b3-11f1-9be6-ee650bb23af1","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst { links } = parseVal();\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n // Curl proxy endpoint\n if (url.pathname === \"/api/curl\") {\n const target = url.searchParams.get(\"url\");\n if (!target) return Response.json({ error: \"Missing url param\" }, { status: 400 });\n try {\n const resp = await fetch(target, {\n headers: { \"User-Agent\": \"GoTTY-curl/1.0\" },\n redirect: \"follow\",\n });\n const text = await resp.text();\n // Truncate to 5000 chars\n return Response.json({\n status: resp.status,\n body: text.length > 5000 ? text.slice(0, 5000) + \"\\n... (truncated)\" : text,\n });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 500 });\n }\n }\n\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: links.self.val } });\n }\n\n const html = `\n\n\n \n \n GoTTY — Web Terminal\n 💻\">\n \n \n\n\n

\n \n \n \n \n\n`;\n\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n}\n","createdAt",["D",1779106812887],"branchVersion","branchId","b99b096c-52b3-11f1-b05e-ee650bb23af1","id","b99a310e-52b3-11f1-b05e-ee650bb23af1","gotty",["D",1779106729170],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A web-based terminal emulator inspired by GoTTY","imageUrl","1976170b-0626-4692-aec4-97e7b0b4ea6d","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e3b05-da3d-737f-b7f2-8611c6ce6261","tursoName","b99a310e52b311f1b05eee650bb23af1","tursoHostname","b99a310e52b311f1b05eee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489912439],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_19":59,"_108":109,"_110":30},"branch",{"_13":92,"_37":93,"_47":46,"_94":48,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":49,"_101":102},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","michaelwalker","handle","displayName","Michael Walker","avatar","https://lh3.googleusercontent.com/a/ACg8ocLBcalGE51FFVMcPjFMtZ8XQLzOhFowNglHSOmoUATn4OLJlw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":169,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":36,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":170,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":171,"_87":172,"_89":173,"_91":30},"tree",[160,161],"files",[160,161],"counts",{"_150":66,"_151":140,"_152":66,"_153":154,"_155":156},"contents",[134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":147,"_37":33,"_35":36,"_139":-5,"_45":46,"_44":14,"_141":30,"_42":148,"_13":66,"_38":39,"_40":41,"_29":30,"_145":-5,"_32":149},{"_47":136,"_37":137,"_35":138,"_139":-5,"_45":46,"_44":140,"_141":30,"_42":142,"_13":66,"_38":143,"_40":144,"_29":30,"_145":-5,"_32":146},"e2864468-52b3-11f1-b05e-ee650bb23af1","terminal.tsx","e2864530-52b3-11f1-b05e-ee650bb23af1","parentId",1,"latest",["D",1779106797815],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\nconst MOTD = `Welcome to GoTTY v1.0 — Web Terminal\nType 'help' for available commands.\\n`;\n\nconst FS: Record = {\n \"/home/user/readme.txt\": \"Welcome to GoTTY! This is a simulated terminal running in your browser.\",\n \"/home/user/notes.md\": \"# Notes\\n- Built on Val Town\\n- Powered by React + TypeScript\",\n \"/home/user/.hidden\": \"You found a hidden file!\",\n \"/etc/hostname\": \"gotty-web\",\n \"/etc/motd\": MOTD,\n};\n\nconst DIRS = new Set([\"/\", \"/home\", \"/home/user\", \"/etc\", \"/tmp\"]);\n\ninterface TermLine {\n text: string;\n type: \"input\" | \"output\" | \"error\" | \"system\";\n}\n\nfunction resolvePath(cwd: string, p: string): string {\n if (!p.startsWith(\"/\")) p = cwd + (cwd.endsWith(\"/\") ? \"\" : \"/\") + p;\n const parts = p.split(\"/\").filter(Boolean);\n const resolved: string[] = [];\n for (const part of parts) {\n if (part === \".\") continue;\n if (part === \"..\") { resolved.pop(); continue; }\n resolved.push(part);\n }\n return \"/\" + resolved.join(\"/\");\n}\n\nfunction runCommand(input: string, cwd: string, env: Record): { output: string; newCwd: string; clear?: boolean } {\n const trimmed = input.trim();\n if (!trimmed) return { output: \"\", newCwd: cwd };\n\n const parts = trimmed.match(/(?:[^\\s\"]+|\"[^\"]*\")+/g) || [];\n const cmd = parts[0];\n const args = parts.slice(1).map(a => a.replace(/^\"|\"$/g, \"\"));\n\n switch (cmd) {\n case \"help\":\n return {\n output: `Available commands:\n help Show this help message\n echo [args] Print arguments\n ls [dir] List directory contents\n cat Show file contents\n cd Change directory\n pwd Print working directory\n whoami Current user\n hostname Show hostname\n date Show current date/time\n uptime Show uptime\n uname [-a] System information\n env Show environment variables\n export K=V Set environment variable\n clear Clear the terminal\n history Show command history\n touch Create an empty file\n mkdir Create a directory\n rm Remove a file\n curl Fetch a URL (via server)\n cowsay [msg] ASCII cow says something\n fortune Random fortune\n neofetch System info display\n exit Close terminal`,\n newCwd: cwd,\n };\n\n case \"echo\":\n return { output: args.join(\" \").replace(/\\\\n/g, \"\\n\"), newCwd: cwd };\n\n case \"pwd\":\n return { output: cwd, newCwd: cwd };\n\n case \"whoami\":\n return { output: \"user\", newCwd: cwd };\n\n case \"hostname\":\n return { output: \"gotty-web\", newCwd: cwd };\n\n case \"date\":\n return { output: new Date().toString(), newCwd: cwd };\n\n case \"uptime\":\n return { output: ` ${new Date().toTimeString().split(\" \")[0]} up 0 days, load average: 0.00, 0.01, 0.05`, newCwd: cwd };\n\n case \"uname\":\n if (args.includes(\"-a\")) return { output: \"GoTTY WebOS 1.0.0 gotty-web x86_64 ValTown/Deno\", newCwd: cwd };\n return { output: \"GoTTY\", newCwd: cwd };\n\n case \"env\":\n return { output: Object.entries(env).map(([k, v]) => `${k}=${v}`).join(\"\\n\"), newCwd: cwd };\n\n case \"export\": {\n const match = args[0]?.match(/^(\\w+)=(.*)$/);\n if (!match) return { output: \"usage: export KEY=VALUE\", newCwd: cwd };\n env[match[1]] = match[2];\n return { output: \"\", newCwd: cwd };\n }\n\n case \"clear\":\n return { output: \"\", newCwd: cwd, clear: true };\n\n case \"ls\": {\n const target = args[0] ? resolvePath(cwd, args[0]) : cwd;\n if (!DIRS.has(target)) return { output: `ls: cannot access '${args[0] || target}': No such file or directory`, newCwd: cwd };\n const prefix = target === \"/\" ? \"/\" : target + \"/\";\n const entries = new Set();\n for (const path of [...Object.keys(FS), ...DIRS]) {\n if (path === target) continue;\n if (path.startsWith(prefix)) {\n const rest = path.slice(prefix.length);\n const name = rest.split(\"/\")[0];\n if (name && !name.startsWith(\".\")) entries.add(name.includes(\".\") ? name : `\\x1b[1;34m${name}\\x1b[0m`);\n }\n }\n if (args.includes(\"-a\")) {\n for (const path of Object.keys(FS)) {\n if (path.startsWith(prefix)) {\n const rest = path.slice(prefix.length);\n const name = rest.split(\"/\")[0];\n if (name) entries.add(name);\n }\n }\n }\n return { output: [...entries].sort().join(\" \") || \"\", newCwd: cwd };\n }\n\n case \"cd\": {\n const target = args[0] ? resolvePath(cwd, args[0]) : \"/home/user\";\n if (DIRS.has(target)) return { output: \"\", newCwd: target };\n return { output: `cd: no such file or directory: ${args[0]}`, newCwd: cwd };\n }\n\n case \"cat\": {\n if (!args[0]) return { output: \"cat: missing operand\", newCwd: cwd };\n const target = resolvePath(cwd, args[0]);\n if (FS[target]) return { output: FS[target], newCwd: cwd };\n return { output: `cat: ${args[0]}: No such file or directory`, newCwd: cwd };\n }\n\n case \"touch\": {\n if (!args[0]) return { output: \"touch: missing operand\", newCwd: cwd };\n const target = resolvePath(cwd, args[0]);\n FS[target] = \"\";\n return { output: \"\", newCwd: cwd };\n }\n\n case \"mkdir\": {\n if (!args[0]) return { output: \"mkdir: missing operand\", newCwd: cwd };\n const target = resolvePath(cwd, args[0]);\n DIRS.add(target);\n return { output: \"\", newCwd: cwd };\n }\n\n case \"rm\": {\n if (!args[0]) return { output: \"rm: missing operand\", newCwd: cwd };\n const target = resolvePath(cwd, args[0]);\n if (FS[target] !== undefined) { delete FS[target]; return { output: \"\", newCwd: cwd }; }\n return { output: `rm: cannot remove '${args[0]}': No such file or directory`, newCwd: cwd };\n }\n\n case \"history\":\n return { output: \"__HISTORY__\", newCwd: cwd };\n\n case \"cowsay\": {\n const msg = args.join(\" \") || \"moo\";\n const border = \"-\".repeat(msg.length + 2);\n return {\n output: ` ${border}\\n< ${msg} >\\n ${border}\\n \\\\ ^__^\\n \\\\ (oo)\\\\_______\\n (__)\\\\ )\\\\/\\\\\\n ||----w |\\n || ||`,\n newCwd: cwd,\n };\n }\n\n case \"fortune\": {\n const fortunes = [\n \"You will mass-produce vals today.\",\n \"A bug is a feature waiting to be discovered.\",\n \"The best code is no code at all.\",\n \"sudo make me a sandwich.\",\n \"There are 10 kinds of people in the world...\",\n \"It works on my machine. Ship it.\",\n ];\n return { output: fortunes[Math.floor(Math.random() * fortunes.length)], newCwd: cwd };\n }\n\n case \"neofetch\":\n return {\n output: `\\x1b[1;36m _____\\x1b[0m\n\\x1b[1;36m / \\\\\\\\\\x1b[0m \\x1b[1;33muser\\x1b[0m@\\x1b[1;33mgotty-web\\x1b[0m\n\\x1b[1;36m | () () |\\x1b[0m ─────────────\n\\x1b[1;36m | ___ |\\x1b[0m \\x1b[1;33mOS:\\x1b[0m GoTTY WebOS 1.0\n\\x1b[1;36m | |\\x1b[0m \\x1b[1;33mHost:\\x1b[0m Val Town\n\\x1b[1;36m \\\\_____/\\x1b[0m \\x1b[1;33mKernel:\\x1b[0m Deno\n\\x1b[1;36m \\x1b[0m \\x1b[1;33mShell:\\x1b[0m gotty-sh\n \\x1b[1;33mTerminal:\\x1b[0m xterm-web\n \\x1b[1;33mCPU:\\x1b[0m ValTown vCPU\n \\x1b[1;33mMemory:\\x1b[0m ∞ MB`,\n newCwd: cwd,\n };\n\n case \"curl\":\n return { output: \"__CURL__\" + (args[0] || \"\"), newCwd: cwd };\n\n case \"exit\":\n return { output: \"Goodbye! (Refresh to restart)\", newCwd: cwd };\n\n default:\n return { output: `${cmd}: command not found`, newCwd: cwd };\n }\n}\n\n// Minimal ANSI -> spans\nfunction AnsiText({ text }: { text: string }) {\n const parts: React.ReactNode[] = [];\n const regex = /\\x1b\\[([0-9;]+)m/g;\n let lastIndex = 0;\n let match: RegExpExecArray | null;\n let currentColor = \"\";\n\n while ((match = regex.exec(text)) !== null) {\n if (match.index > lastIndex) {\n parts.push({text.slice(lastIndex, match.index)});\n }\n const code = match[1];\n if (code === \"0\") currentColor = \"\";\n else if (code === \"1;34\") currentColor = \"#5c8fff\";\n else if (code === \"1;36\") currentColor = \"#56d8e0\";\n else if (code === \"1;33\") currentColor = \"#e5c07b\";\n else if (code === \"1;32\") currentColor = \"#98c379\";\n lastIndex = regex.lastIndex;\n }\n if (lastIndex < text.length) {\n parts.push({text.slice(lastIndex)});\n }\n return <>{parts};\n}\n\nexport function Terminal({ onCurl }: { onCurl: (url: string) => Promise }) {\n const [lines, setLines] = useState([{ text: MOTD, type: \"system\" }]);\n const [input, setInput] = useState(\"\");\n const [cwd, setCwd] = useState(\"/home/user\");\n const [history, setHistory] = useState([]);\n const [histIdx, setHistIdx] = useState(-1);\n const [env] = useState>({\n HOME: \"/home/user\",\n USER: \"user\",\n SHELL: \"/bin/gotty-sh\",\n TERM: \"xterm-256color\",\n PATH: \"/usr/local/bin:/usr/bin:/bin\",\n });\n const bottomRef = useRef(null);\n const inputRef = useRef(null);\n\n useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: \"smooth\" }); }, [lines]);\n\n const prompt = `\\x1b[1;32muser@gotty\\x1b[0m:\\x1b[1;34m${cwd === \"/home/user\" ? \"~\" : cwd}\\x1b[0m$ `;\n\n const handleSubmit = useCallback(async () => {\n const cmd = input;\n setInput(\"\");\n setHistory(h => [...h, cmd]);\n setHistIdx(-1);\n setLines(l => [...l, { text: prompt + cmd, type: \"input\" }]);\n\n const result = runCommand(cmd, cwd, env);\n\n if (result.clear) {\n setLines([]);\n setCwd(result.newCwd);\n return;\n }\n\n if (result.output === \"__HISTORY__\") {\n const histOutput = history.concat(cmd).map((h, i) => ` ${i + 1} ${h}`).join(\"\\n\");\n setLines(l => [...l, { text: histOutput, type: \"output\" }]);\n setCwd(result.newCwd);\n return;\n }\n\n if (result.output.startsWith(\"__CURL__\")) {\n const url = result.output.slice(8);\n if (!url) {\n setLines(l => [...l, { text: \"curl: missing URL\", type: \"error\" }]);\n return;\n }\n setLines(l => [...l, { text: `Fetching ${url}...`, type: \"system\" }]);\n try {\n const resp = await onCurl(url);\n setLines(l => [...l, { text: resp, type: \"output\" }]);\n } catch (e: any) {\n setLines(l => [...l, { text: `curl: ${e.message}`, type: \"error\" }]);\n }\n setCwd(result.newCwd);\n return;\n }\n\n if (result.output) {\n setLines(l => [...l, { text: result.output, type: \"output\" }]);\n }\n setCwd(result.newCwd);\n }, [input, cwd, env, history, prompt]);\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") { handleSubmit(); return; }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n if (history.length === 0) return;\n const newIdx = histIdx === -1 ? history.length - 1 : Math.max(0, histIdx - 1);\n setHistIdx(newIdx);\n setInput(history[newIdx]);\n }\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n if (histIdx === -1) return;\n if (histIdx >= history.length - 1) { setHistIdx(-1); setInput(\"\"); return; }\n const newIdx = histIdx + 1;\n setHistIdx(newIdx);\n setInput(history[newIdx]);\n }\n if (e.key === \"l\" && e.ctrlKey) {\n e.preventDefault();\n setLines([]);\n }\n };\n\n return (\n inputRef.current?.focus()}\n >\n {/* Title bar */}\n

\n \n user@gotty-web: {cwd === \"/home/user\" ? \"~\" : cwd}\n \n GoTTY\n

\n\n {/* Output area */}\n

\n {lines.map((line, i) => (\n

\n \n

\n ))}\n {/* Input line */}\n

\n \n setInput(e.target.value)}\n onKeyDown={handleKeyDown}\n autoFocus\n spellCheck={false}\n style={{\n background: \"transparent\",\n border: \"none\",\n outline: \"none\",\n color: \"#a9b1d6\",\n fontFamily: \"inherit\",\n fontSize: \"inherit\",\n flex: 1,\n caretColor: \"#7aa2f7\",\n padding: 0,\n margin: 0,\n }}\n />\n

\n );\n}\n","label",[137],"eb82b68c-52b3-11f1-9be6-ee650bb23af1",["D",1779106812887],[33],"pulls","branches","forks","envVars",{"_157":66,"_159":66},"connections",{"_157":66,"_158":66},"count","unfilledCount","emptyCount",{"_47":147,"_37":33,"_35":36,"_139":-5,"_45":46,"_44":14,"_141":30,"_42":166,"_13":66,"_38":39,"_40":41,"_29":30,"_145":-5,"_163":167,"_32":168},{"_47":136,"_37":137,"_35":138,"_139":-5,"_45":46,"_44":140,"_141":30,"_42":162,"_13":66,"_38":143,"_40":144,"_29":30,"_145":-5,"_163":164,"_32":165},["D",1779106797815],"children",[],[137],["D",1779106812887],[],[33],["D",1779106729170],["D",1789489912439],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_19":59,"_108":109,"_110":30},{"_13":92,"_37":93,"_47":46,"_94":48,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":49,"_101":102},"ctx",{"_85":-5,"_131":207,"_208":209,"_210":211,"_212":30,"_213":30,"_214":30,"_215":62,"_216":-5,"_217":-7,"_218":-7,"_219":66,"_220":30,"_221":30,"_222":-5,"_223":30,"_224":30,"_225":30,"_226":-5},"ENV",{"_178":179,"_180":181,"_182":93,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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