Web Terminal

\n 🌐 Web Terminal\n \n view source\n \n

\n\n {/* Terminal body */}\n

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

{line.text}

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

\n $\n setInput((e.target as HTMLInputElement).value)}\n onKeyDown={handleKeyDown}\n disabled={loading}\n class=\"flex-1 bg-transparent border-none outline-none text-green-400 font-mono text-sm caret-green-400\"\n placeholder={loading ? \"executing...\" : \"type a command...\"}\n autoFocus\n spellCheck={false}\n autoComplete=\"off\"\n />\n {loading && ⏳}\n

\n );\n}\n",[201,105,87],"pulls","branches","forks","envVars",{"_83":26,"_215":26},"connections",{"_83":26,"_214":26},"unfilledCount","emptyCount",{"_35":267,"_13":201,"_74":194,"_45":-5,"_37":38,"_195":42,"_196":24,"_39":268,"_41":26,"_77":106,"_198":-5,"_79":30,"_199":-5,"_230":269,"_17":270},{"_35":193,"_13":105,"_74":104,"_45":194,"_37":38,"_195":42,"_196":24,"_39":264,"_41":26,"_77":106,"_198":-5,"_79":30,"_199":-5,"_230":265,"_17":266},{"_35":203,"_13":87,"_74":86,"_45":104,"_37":38,"_195":90,"_196":24,"_39":261,"_41":42,"_77":78,"_198":205,"_79":30,"_199":-5,"_230":262,"_17":263},{"_35":254,"_13":255,"_74":256,"_45":194,"_37":38,"_195":42,"_196":24,"_39":257,"_41":26,"_77":21,"_198":258,"_79":30,"_199":-5,"_230":259,"_17":260},{"_35":247,"_13":248,"_74":249,"_45":194,"_37":38,"_195":84,"_196":24,"_39":250,"_41":42,"_77":21,"_198":251,"_79":30,"_199":-5,"_230":252,"_17":253},{"_35":240,"_13":241,"_74":242,"_45":194,"_37":38,"_195":42,"_196":24,"_39":243,"_41":26,"_77":78,"_198":244,"_79":30,"_199":-5,"_230":245,"_17":246},{"_35":233,"_13":234,"_74":235,"_45":-5,"_37":38,"_195":142,"_196":24,"_39":236,"_41":42,"_77":21,"_198":237,"_79":30,"_199":-5,"_230":238,"_17":239},{"_35":224,"_13":225,"_74":118,"_45":-5,"_37":38,"_195":226,"_196":24,"_39":227,"_41":42,"_77":228,"_198":229,"_79":30,"_199":-5,"_230":231,"_17":232},"31239354-56a7-11f1-83ab-ee650bb23af1","index.ts",3,["D",1779541150902],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API: execute terminal commands\napp.post(\"/api/exec\", async (c) => {\n const { command } = await c.req.json();\n if (!command || typeof command !== \"string\") {\n return c.json({ error: \"No command provided\" });\n }\n\n const trimmed = command.trim();\n const parts = trimmed.split(/\\s+/);\n const cmd = parts[0]?.toLowerCase();\n\n try {\n switch (cmd) {\n case \"help\": {\n return c.json({\n output: `Available commands:\n fetch - GET request, show response body\n post [json] - POST request with optional JSON body\n head - Show response headers\n status - Show HTTP status code\n dns - DNS lookup (via DoH)\n ping - Check if a URL is reachable\n time - Show current UTC time\n echo - Echo back text\n base64e - Base64 encode\n base64d - Base64 decode\n urlencode - URL encode\n urldecode - URL decode\n ip - Show your public IP\n clear - Clear terminal\n help - Show this help`,\n });\n }\n\n case \"fetch\": {\n const url = ensureUrl(parts[1]);\n if (!url) return c.json({ error: \"Usage: fetch \" });\n const res = await fetch(url);\n const contentType = res.headers.get(\"content-type\") || \"\";\n let body: string;\n if (contentType.includes(\"json\")) {\n body = JSON.stringify(await res.json(), null, 2);\n } else {\n body = await res.text();\n if (body.length > 5000) body = body.slice(0, 5000) + \"\\n... (truncated)\";\n }\n return c.json({ output: `HTTP ${res.status} ${res.statusText}\\n\\n${body}` });\n }\n\n case \"post\": {\n const url = ensureUrl(parts[1]);\n if (!url) return c.json({ error: \"Usage: post [json]\" });\n const jsonStr = parts.slice(2).join(\" \") || \"{}\";\n let body: any;\n try {\n body = JSON.parse(jsonStr);\n } catch {\n return c.json({ error: \"Invalid JSON body\" });\n }\n const res = await fetch(url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n const contentType = res.headers.get(\"content-type\") || \"\";\n let resBody: string;\n if (contentType.includes(\"json\")) {\n resBody = JSON.stringify(await res.json(), null, 2);\n } else {\n resBody = await res.text();\n if (resBody.length > 5000) resBody = resBody.slice(0, 5000) + \"\\n... (truncated)\";\n }\n return c.json({ output: `HTTP ${res.status} ${res.statusText}\\n\\n${resBody}` });\n }\n\n case \"head\":\n case \"headers\": {\n const url = ensureUrl(parts[1]);\n if (!url) return c.json({ error: \"Usage: head \" });\n const res = await fetch(url, { method: \"HEAD\" });\n const headers = Array.from(res.headers.entries())\n .map(([k, v]) => ` ${k}: ${v}`)\n .join(\"\\n\");\n return c.json({ output: `HTTP ${res.status} ${res.statusText}\\n\\nHeaders:\\n${headers}` });\n }\n\n case \"status\": {\n const url = ensureUrl(parts[1]);\n if (!url) return c.json({ error: \"Usage: status \" });\n const res = await fetch(url, { method: \"HEAD\" });\n return c.json({ output: `${res.status} ${res.statusText}` });\n }\n\n case \"dns\": {\n const domain = parts[1];\n if (!domain) return c.json({ error: \"Usage: dns \" });\n const res = await fetch(`https://dns.google/resolve?name=${encodeURIComponent(domain)}&type=A`);\n const data = await res.json();\n if (!data.Answer || data.Answer.length === 0) {\n return c.json({ output: `No DNS records found for ${domain}` });\n }\n const records = data.Answer.map(\n (r: any) => ` ${r.name} ${r.type === 1 ? \"A\" : r.type === 28 ? \"AAAA\" : r.type} ${r.data} TTL:${r.TTL}`,\n ).join(\"\\n\");\n return c.json({ output: `DNS records for ${domain}:\\n${records}` });\n }\n\n case \"ping\": {\n const url = ensureUrl(parts[1]);\n if (!url) return c.json({ error: \"Usage: ping \" });\n const start = Date.now();\n try {\n const res = await fetch(url, { method: \"HEAD\" });\n const ms = Date.now() - start;\n return c.json({ output: `✅ ${url} is reachable\\n Status: ${res.status}\\n Time: ${ms}ms` });\n } catch (e: any) {\n const ms = Date.now() - start;\n return c.json({ output: `❌ ${url} is unreachable\\n Error: ${e.message}\\n Time: ${ms}ms` });\n }\n }\n\n case \"time\": {\n return c.json({ output: new Date().toISOString() });\n }\n\n case \"echo\": {\n return c.json({ output: parts.slice(1).join(\" \") });\n }\n\n case \"base64e\": {\n const text = parts.slice(1).join(\" \");\n if (!text) return c.json({ error: \"Usage: base64e \" });\n return c.json({ output: btoa(text) });\n }\n\n case \"base64d\": {\n const text = parts[1];\n if (!text) return c.json({ error: \"Usage: base64d \" });\n try {\n return c.json({ output: atob(text) });\n } catch {\n return c.json({ error: \"Invalid base64 string\" });\n }\n }\n\n case \"urlencode\": {\n const text = parts.slice(1).join(\" \");\n if (!text) return c.json({ error: \"Usage: urlencode \" });\n return c.json({ output: encodeURIComponent(text) });\n }\n\n case \"urldecode\": {\n const text = parts[1];\n if (!text) return c.json({ error: \"Usage: urldecode \" });\n try {\n return c.json({ output: decodeURIComponent(text) });\n } catch {\n return c.json({ error: \"Invalid encoded string\" });\n }\n }\n\n case \"ip\": {\n const res = await fetch(\"https://httpbin.org/ip\");\n const data = await res.json();\n return c.json({ output: `Public IP: ${data.origin}` });\n }\n\n case \"clear\": {\n return c.json({ clear: true });\n }\n\n default: {\n return c.json({\n error: `Unknown command: ${cmd}\\nType 'help' for available commands.`,\n });\n }\n }\n } catch (e: any) {\n return c.json({ error: `Error: ${e.message}` });\n }\n});\n\nfunction ensureUrl(url?: string): string | null {\n if (!url) return null;\n if (!url.startsWith(\"http://\") && !url.startsWith(\"https://\")) {\n return \"https://\" + url;\n }\n return url;\n}\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","children",[],[225],"479b555e-56a7-11f1-a150-ee650bb23af1","README.md","019e54ea-9f9c-71e9-a735-fdbf4d258d38",["D",1779541188540],"# 🌐 Web Terminal\n\nA web-based network terminal that lets you make HTTP requests, DNS lookups, and more — all from your browser.\n\n## Commands\n\n| Command | Description |\n|---------|-------------|\n| `fetch ` | GET request, show response |\n| `post [json]` | POST with optional JSON body |\n| `head ` | Show response headers |\n| `status ` | Show HTTP status code |\n| `dns ` | DNS lookup |\n| `ping ` | Check if URL is reachable |\n| `ip` | Show public IP |\n| `time` | Current UTC time |\n| `base64e / base64d` | Base64 encode/decode |\n| `urlencode / urldecode` | URL encode/decode |\n| `echo ` | Echo text |\n| `clear` | Clear screen |\n| `help` | Show help |\n",[],[234],"207eb754-56a7-11f1-bca4-ee650bb23af1","index.tsx","019e54ea-9f9c-71e9-a735-f7be92b4f03d",["D",1779541122909],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[201,241],"236f7962-56a7-11f1-af9f-ee650bb23af1","index.html","019e54ea-9f9c-71e9-a735-f1d2bc6cc84c",["D",1779541127904],"\n\n \n \n \n Web Terminal\n \n \n \n \n

\n \n \n \n\n",[],[201,248],"207ea958-56a7-11f1-bca4-ee650bb23af1","favicon.svg","019e54ea-9f9c-71e9-a735-ec2861986952",["D",1779541122909],"\n",[],[201,255],["D",1779541172478],[],[201,105,87],["D",1779541122909],[218],[201,105],"207ebf88-56a7-11f1-bca4-ee650bb23af1",["D",1779541122909],[217,219,220,221],[201],["D",1779541122909],{"_11":12,"_158":82},{"_11":12,"_154":82,"_81":82,"_31":80,"_155":156,"_157":30},{"_41":142,"_13":16,"_35":38,"_143":108,"_144":71,"_145":146,"_147":112,"_148":149,"_150":151,"_152":14,"_153":12},"ctx",{"_54":-5,"_179":308,"_309":310,"_311":312,"_313":30,"_314":30,"_315":30,"_316":24,"_317":-5,"_318":-7,"_319":-7,"_320":26,"_321":30,"_322":30,"_323":-5,"_324":30,"_325":30,"_326":30,"_327":-5},"ENV",{"_279":280,"_281":282,"_283":16,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307},"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 · components