\n \n \n \n",[18,89],"a89bf0a6-5e46-11f1-9158-1607ee4eb77e",["D",1780379299385],"\n",[18,95],"a89bef3e-5e46-11f1-9158-1607ee4eb77e",["D",1780379299385],[18,100],"pulls","branches","forks","envVars",{"_96":26,"_234":26},"connections",{"_96":26,"_233":26},"unfilledCount","emptyCount",{"_34":200,"_13":18,"_75":111,"_44":-5,"_36":37,"_201":41,"_202":24,"_38":296,"_40":26,"_78":101,"_204":-5,"_80":30,"_205":-5,"_251":297,"_17":298},{"_34":223,"_13":100,"_75":99,"_44":111,"_36":37,"_201":41,"_202":24,"_38":293,"_40":26,"_78":101,"_204":-5,"_80":30,"_205":-5,"_251":294,"_17":295},{"_34":286,"_13":287,"_75":288,"_44":99,"_36":37,"_201":151,"_202":24,"_38":289,"_40":97,"_78":79,"_204":290,"_80":30,"_205":-5,"_251":291,"_17":292},{"_34":278,"_13":279,"_75":280,"_44":99,"_36":37,"_201":281,"_202":24,"_38":282,"_40":26,"_78":79,"_204":283,"_80":30,"_205":-5,"_251":284,"_17":285},{"_34":219,"_13":95,"_75":94,"_44":111,"_36":37,"_201":41,"_202":24,"_38":275,"_40":26,"_78":21,"_204":221,"_80":30,"_205":-5,"_251":276,"_17":277},{"_34":215,"_13":89,"_75":88,"_44":111,"_36":37,"_201":104,"_202":24,"_38":272,"_40":41,"_78":21,"_204":217,"_80":30,"_205":-5,"_251":273,"_17":274},{"_34":211,"_13":77,"_75":76,"_44":111,"_36":37,"_201":41,"_202":24,"_38":269,"_40":26,"_78":79,"_204":213,"_80":30,"_205":-5,"_251":270,"_17":271},{"_34":261,"_13":262,"_75":263,"_44":-5,"_36":37,"_201":264,"_202":24,"_38":265,"_40":41,"_78":21,"_204":266,"_80":30,"_205":-5,"_251":267,"_17":268},{"_34":254,"_13":255,"_75":124,"_44":-5,"_36":37,"_201":97,"_202":24,"_38":256,"_40":248,"_78":257,"_204":258,"_80":30,"_205":-5,"_251":259,"_17":260},{"_34":245,"_13":246,"_75":247,"_44":-5,"_36":37,"_201":248,"_202":24,"_38":249,"_40":26,"_78":79,"_204":250,"_80":30,"_205":-5,"_251":252,"_17":253},"b2b8087c-5e46-11f1-8954-1607ee4eb77e","resolve.ts","b2b8094e-5e46-11f1-8954-1607ee4eb77e",2,["D",1780379316424],"export interface ResolveResult {\n input: string;\n resolved: string | null;\n status: number | null;\n redirected: boolean;\n hops: number;\n ok: boolean;\n error: string | null;\n}\n\n/** Normalize a user-supplied URL string. Adds https:// if no scheme is present. */\nfunction normalizeInput(raw: string): string {\n const trimmed = raw.trim();\n if (!trimmed) return trimmed;\n if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n return `https://${trimmed}`;\n}\n\n/**\n * Manually follow redirects so we can count hops and capture the final URL,\n * even when a server uses non-standard redirect chains. Falls back to the\n * Response.url when available.\n */\nexport async function resolveUrl(\n raw: string,\n { maxHops = 15, timeoutMs = 10000 }: { maxHops?: number; timeoutMs?: number } = {},\n): Promise {\n const input = raw.trim();\n const result: ResolveResult = {\n input,\n resolved: null,\n status: null,\n redirected: false,\n hops: 0,\n ok: false,\n error: null,\n };\n\n if (!input) {\n result.error = \"Empty URL\";\n return result;\n }\n\n let current: string;\n try {\n current = new URL(normalizeInput(input)).toString();\n } catch {\n result.error = \"Invalid URL\";\n return result;\n }\n\n for (let hop = 0; hop < maxHops; hop++) {\n const controller = new AbortController();\n const timer = setTimeout(() => controller.abort(), timeoutMs);\n let res: Response;\n try {\n res = await fetch(current, {\n method: \"GET\",\n redirect: \"manual\",\n signal: controller.signal,\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (compatible; ValTown-URL-Resolver/1.0; +https://val.town)\",\n },\n });\n } catch (err) {\n clearTimeout(timer);\n result.error = err instanceof Error ? err.message : String(err);\n result.resolved = current;\n return result;\n }\n clearTimeout(timer);\n\n const status = res.status;\n const location = res.headers.get(\"location\");\n\n // Redirect status with a Location header → follow it\n if (status >= 300 && status < 400 && location) {\n result.redirected = true;\n result.hops = hop + 1;\n try {\n current = new URL(location, current).toString();\n } catch {\n result.error = `Bad redirect target: ${location}`;\n result.resolved = current;\n result.status = status;\n return result;\n }\n continue;\n }\n\n // Terminal response\n result.resolved = current;\n result.status = status;\n result.ok = res.ok;\n return result;\n }\n\n result.error = `Too many redirects (>${maxHops})`;\n result.resolved = current;\n return result;\n}\n\n/** Resolve many URLs concurrently with a bounded pool. */\nexport async function resolveMany(\n urls: string[],\n concurrency = 8,\n): Promise {\n const results: ResolveResult[] = new Array(urls.length);\n let next = 0;\n\n async function worker() {\n while (true) {\n const i = next++;\n if (i >= urls.length) return;\n results[i] = await resolveUrl(urls[i]);\n }\n }\n\n const workers = Array.from(\n { length: Math.min(concurrency, urls.length) },\n () => worker(),\n );\n await Promise.all(workers);\n return results;\n}\n","children",[],[246],"b9a6256a-5e46-11f1-8954-1607ee4eb77e","index.ts",["D",1780379328048],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { resolveMany } from \"./resolve.ts\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Resolve a batch of URLs, following redirects\napp.post(\"/api/resolve\", async (c) => {\n let body: { urls?: unknown };\n try {\n body = await c.req.json();\n } catch {\n return c.json({ error: \"Invalid JSON body\" }, 400);\n }\n\n const raw = body?.urls;\n if (!Array.isArray(raw)) {\n return c.json({ error: \"Expected { urls: string[] }\" }, 400);\n }\n\n // Dedupe-preserving cleanup: drop empties, cap to a sane batch size\n const urls = raw\n .filter((u): u is string => typeof u === \"string\")\n .map((u) => u.trim())\n .filter(Boolean)\n .slice(0, 200);\n\n if (urls.length === 0) {\n return c.json({ results: [] });\n }\n\n const results = await resolveMany(urls);\n return c.json({ results });\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) => Promise.reject(err));\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;\n",[],[255],"d6b0cc82-5e46-11f1-9c18-1607ee4eb77e","README.md","019e86e0-2e7d-72e6-bd5a-7395c818fef3",9,["D",1780379376765],"# URL Resolver\n\nPaste a list of URLs and get back their final destinations, following all\nredirects. Handy for un-shortening `bit.ly`/`t.co` links, cleaning tracking\nredirects, or auditing where a batch of links actually leads.\n\n## Using the web UI\n\nOpen the val's HTTP endpoint, paste one URL per line, and hit **Resolve**. Each\nURL is followed through its redirect chain and the table shows:\n\n- the **resolved** (final) URL, linked and opened in a new tab\n- the final HTTP **status** and number of redirect **hops**\n- any **error** (invalid URL, timeout, too many redirects, network failure)\n\nThere's a **Copy resolved list** button to grab the cleaned-up URLs as plain\ntext.\n\n## Using the API\n\n`POST /api/resolve` with a JSON body:\n\n```json\n{ \"urls\": [\"bit.ly/abc\", \"https://httpbin.org/redirect/2\", \"example.com\"] }\n```\n\nReturns:\n\n```json\n{\n \"results\": [\n {\n \"input\": \"bit.ly/abc\",\n \"resolved\": \"https://example.com/final\",\n \"status\": 200,\n \"redirected\": true,\n \"hops\": 2,\n \"ok\": true,\n \"error\": null\n }\n ]\n}\n```\n\nURLs without a scheme get `https://` prepended. Up to **200** URLs per request,\nresolved with a concurrency of 8. Each request follows at most 15 redirects and\ntimes out after 10s per hop.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Browser -->|\"POST /api/resolve\"| Hono\n Hono -->|serves| HTML[\"frontend/index.html\"]\n Hono -->|imports| Resolve[\"resolve.ts
(redirect follower)\"]\n HTML -->|loads| App[\"App.tsx\"]\n App -->|renders| Table[\"ResultsTable.tsx\"]\n```\n\n## Files\n\n```\nindex.ts ← Hono server + /api/resolve route\nresolve.ts ← redirect-following logic (resolveUrl / resolveMany)\nfrontend/\n index.html ← HTML shell\n index.tsx ← React entrypoint\n components/\n App.tsx ← input form + state\n ResultsTable.tsx ← results table + status badges\n```\n",[],[262],["D",1780379299385],[],[18,77],["D",1780379365576],[],[18,89],["D",1780379299385],[],[18,95],"c2dab0ec-5e46-11f1-9158-1607ee4eb77e","ResultsTable.tsx","c2dab2ea-5e46-11f1-9158-1607ee4eb77e",5,["D",1780379343490],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport interface ResolveResult {\n input: string;\n resolved: string | null;\n status: number | null;\n redirected: boolean;\n hops: number;\n ok: boolean;\n error: string | null;\n}\n\nfunction StatusBadge({ r }: { r: ResolveResult }) {\n if (r.error) {\n return (\n \n {r.error}\n \n );\n }\n const color = r.ok\n ? \"bg-green-100 text-green-700\"\n : \"bg-amber-100 text-amber-700\";\n return (\n \n {r.status}\n {r.redirected ? ` · ${r.hops} hop${r.hops === 1 ? \"\" : \"s\"}` : \"\"}\n \n );\n}\n\nexport function ResultsTable({ results }: { results: ResolveResult[] }) {\n if (results.length === 0) return null;\n\n return (\n

\n \n \n \n \n \n \n \n \n \n {results.map((r, i) => (\n \n \n \n \n \n ))}\n \n

Input	Resolved	Status
{r.input}	\n {r.resolved\n ? (\n \n {r.resolved}\n \n )\n : —}\n	\n \n

\n );\n}\n",[],[18,100,279],"eba74eae-5e46-11f1-941b-1607ee4eb77e","App.tsx","019e86e0-2e7d-72e6-bd5a-579d8dd7164e",["D",1780379411939],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ResolveResult, ResultsTable } from \"./ResultsTable.tsx\";\n\nconst PLACEHOLDER = `bit.ly/3xyz\nhttps://httpbin.org/redirect/2\nexample.com`;\n\nexport function App() {\n const [input, setInput] = useState(\"\");\n const [results, setResults] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [copied, setCopied] = useState(false);\n\n const urls = input\n .split(\"\\n\")\n .map((l) => l.trim())\n .filter(Boolean);\n\n async function resolve() {\n if (urls.length === 0) return;\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(\"/api/resolve\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ urls }),\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || `HTTP ${res.status}`);\n setResults(data.results);\n } catch (e) {\n setError(e instanceof Error ? e.message : String(e));\n } finally {\n setLoading(false);\n }\n }\n\n // Only the URLs that actually resolved — that's what you'd want to paste.\n const resolvedUrls = results\n .filter((r) => r.resolved)\n .map((r) => r.resolved as string);\n\n async function copyResolved() {\n const text = resolvedUrls.join(\"\\n\");\n if (!text) return;\n try {\n if (navigator.clipboard?.writeText) {\n await navigator.clipboard.writeText(text);\n } else {\n // Fallback for browsers/contexts without the async Clipboard API\n const ta = document.createElement(\"textarea\");\n ta.value = text;\n ta.style.position = \"fixed\";\n ta.style.opacity = \"0\";\n document.body.appendChild(ta);\n ta.select();\n document.execCommand(\"copy\");\n document.body.removeChild(ta);\n }\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (e) {\n setError(\"Couldn't copy to clipboard: \" + (e instanceof Error ? e.message : String(e)));\n }\n }\n\n return (\n

URL Resolver

\n Paste one URL per line. Each is followed through its redirects to the\n final destination.\n

\n\n setInput((e.target as HTMLTextAreaElement).value)}\n placeholder={PLACEHOLDER}\n rows={8}\n class=\"w-full border border-gray-300 rounded-lg p-3 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 resize-y\"\n />\n\n

\n \n {loading ? \"Resolving…\" : `Resolve ${urls.length || \"\"} URL${urls.length === 1 ? \"\" : \"s\"}`}\n \n {resolvedUrls.length > 0 && (\n \n {copied\n ? \"✓ Copied!\"\n : `Copy ${resolvedUrls.length} resolved URL${resolvedUrls.length === 1 ? \"\" : \"s\"}`}\n \n )}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n\n

\n View source\n

\n );\n}\n",[],[18,100,287],["D",1780379299385],[237,238],[18,100],["D",1780379299385],[236,239,240,241],[18],["D",1780379299385],["D",1789514495229],{"_11":12,"_167":83},{"_11":12,"_163":-5,"_82":83,"_31":81,"_164":165,"_166":30},{"_40":151,"_13":16,"_34":37,"_152":113,"_153":72,"_154":155,"_156":117,"_157":158,"_159":160,"_161":14,"_162":12},"ctx",{"_53":-5,"_188":337,"_338":339,"_340":341,"_342":30,"_343":30,"_344":30,"_345":24,"_346":-5,"_347":-7,"_348":-7,"_349":26,"_350":30,"_351":30,"_352":-5,"_353":30,"_354":30,"_355":30,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":16,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"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 · frontend