[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_314":315,"_316":317},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_232":-5,"_20":233,"_22":234,"_235":236,"_237":238,"_26":239,"_24":240,"_241":242,"_243":244,"_245":51,"_246":247,"_248":75,"_249":-5,"_250":-5,"_251":252},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","priyam","name","video-downloader","branchName","main","version","path","frontend","project",{"_36":183,"_13":14,"_38":184,"_49":-5,"_185":51,"_52":53,"_186":53,"_187":188,"_189":190,"_191":192,"_193":113,"_194":75,"_195":-5,"_196":-5,"_197":77,"_56":198,"_199":200,"_201":202,"_203":204,"_205":-5,"_206":207,"_208":207,"_209":210,"_211":210,"_212":210,"_213":207,"_214":207,"_215":216,"_217":218,"_219":220,"_50":51},"tree",[108,109,110],"file",{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":106,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":107},"contents",[60,61,62,63],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",22,"behind",2,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":102,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":104},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_18":98},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":34,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":91},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":84},"76b6cebd-1a10-4199-9e7e-dd896ee44bfe","index.tsx","fileId","019f427c-8a82-7758-ba61-34cce619f9a5","parentId","019f427c-8a82-7758-ba61-382d2140da0a","branchId","0c4c361f-bdf9-44c3-bb80-0a34b7ddb438","branchVersion",1,"latest",true,["D",1783526885941],0,"fileType","script","content","/** @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();","deleted","label",[19,65],"c5edf2f3-5f9d-406a-9356-c61fa6e76ac3","index.html","019f427c-8a82-7758-ba61-33716ebf810b",10,["D",1783527220999],"\n\n \n \n \n Video Downloader\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n\n",[19,86],"47e17a3a-7505-415e-a0af-74a97a8eebb1","favicon.svg","019f427c-8a82-7758-ba61-2ddb4b6828b8",9,["D",1783527065564],"\n\n",[19,93],"50b701a6-80fa-4add-b72f-f3135f0fb645","components","019f427c-8a82-7758-ba61-2a55b591fec6",["D",1783526885941],"directory",[19,100],"888a139e-842d-4698-94aa-f9343edeb152",["D",1783526885941],[19],{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":129,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":130,"_18":131},{"_36":122,"_13":123,"_66":124,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":125,"_17":77,"_78":24,"_80":126,"_82":51,"_83":-5,"_119":127,"_18":128},{"_36":111,"_13":112,"_66":113,"_68":-5,"_70":71,"_72":114,"_74":75,"_38":115,"_17":116,"_78":117,"_80":118,"_82":51,"_83":-5,"_119":120,"_18":121},"11cea5ab-a29b-4314-b54d-282ecd3c0fd1","index.ts","019f427c-8a82-7758-ba61-43f95a94e4b4",23,["D",1783528745434],4,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// --- Config ---\nconst COBALT_API_URL = (Deno.env.get(\"COBALT_API_URL\") ?? \"https://co.eepy.today\")\n .replace(/\\/$/, \"\");\nconst COBALT_API_KEY = Deno.env.get(\"COBALT_API_KEY\");\n\n// --- Frontend ---\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- PWA Manifest ---\napp.get(\"/manifest.json\", (c) =>\n c.json({\n name: \"Video Downloader\",\n short_name: \"Downloader\",\n description: \"Download videos from any platform\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#0f172a\",\n theme_color: \"#0f172a\",\n orientation: \"portrait\",\n icons: [{\n src: \"/frontend/favicon.svg\",\n sizes: \"any\",\n type: \"image/svg+xml\",\n }],\n }));\n\n// --- Cobalt helpers ---\nlet cobaltInfo: { turnstileSitekey?: string; services?: string[] } | null = null;\nlet cobaltInfoAt = 0;\n\nlet cachedJwt: { token: string; exp: number } | null = null;\n\nasync function fetchCobaltInfo() {\n if (cobaltInfo && Date.now() - cobaltInfoAt < 3_600_000) return cobaltInfo;\n try {\n const res = await fetch(COBALT_API_URL, {\n headers: { \"Accept\": \"application/json\" },\n });\n const data = await res.json();\n cobaltInfo = {\n turnstileSitekey: data.cobalt?.turnstileSitekey,\n services: data.cobalt?.services,\n };\n cobaltInfoAt = Date.now();\n return cobaltInfo;\n } catch {\n return null;\n }\n}\n\nasync function exchangeTurnstileForJwt(turnstileToken: string): Promise {\n try {\n const res = await fetch(`${COBALT_API_URL}/session`, {\n method: \"POST\",\n headers: {\n \"Accept\": \"application/json\",\n \"Content-Type\": \"application/json\",\n \"cf-turnstile-response\": turnstileToken,\n },\n });\n const data = await res.json();\n if (data.token) {\n cachedJwt = {\n token: data.token,\n exp: Date.now() + (data.exp ?? 300) * 1_000,\n };\n return data.token;\n }\n return null;\n } catch {\n return null;\n }\n}\n\nfunction getValidJwt(): string | null {\n if (cachedJwt && cachedJwt.exp > Date.now() + 10_000) {\n return cachedJwt.token;\n }\n return null;\n}\n\nfunction buildHeaders(jwt?: string | null): Record {\n const headers: Record = {\n \"Accept\": \"application/json\",\n \"Content-Type\": \"application/json\",\n };\n if (COBALT_API_KEY) {\n headers[\"Authorization\"] = `Api-Key ${COBALT_API_KEY}`;\n } else if (jwt) {\n headers[\"Authorization\"] = `Bearer ${jwt}`;\n }\n return headers;\n}\n\n// --- API: Cobalt instance info (for Turnstile widget) ---\napp.get(\"/api/cobalt-info\", async (c) => {\n const info = await fetchCobaltInfo();\n return c.json(info ?? {});\n});\n\n// --- API: Process video URL via Cobalt ---\nconst RETRYABLE_ERRORS = new Set([\n \"error.api.youtube.login\",\n \"error.api.youtube.decipher\",\n \"error.api.youtube.no_streams\",\n]);\n\napp.post(\"/api/download\", async (c) => {\n try {\n const { url, videoQuality, downloadMode, audioFormat, turnstileToken } =\n await c.req.json();\n\n if (!url || typeof url !== \"string\") {\n return c.json({\n status: \"error\",\n error: { code: \"api.link.invalid\" },\n }, 400);\n }\n\n const body = JSON.stringify({\n url,\n videoQuality: videoQuality ?? \"1080\",\n downloadMode: downloadMode ?? \"auto\",\n audioFormat: audioFormat ?? \"mp3\",\n filenameStyle: \"pretty\",\n });\n\n // Try with cached JWT first (if we don't have an API key)\n let jwt = COBALT_API_KEY ? null : getValidJwt();\n let res = await fetch(COBALT_API_URL, {\n method: \"POST\",\n headers: buildHeaders(jwt),\n body,\n });\n let data = await res.json();\n\n // Auth error? Try exchanging turnstile token for JWT, then retry\n if (\n data.status === \"error\" &&\n typeof data.error?.code === \"string\" &&\n data.error.code.includes(\"auth\") &&\n turnstileToken &&\n !COBALT_API_KEY\n ) {\n jwt = await exchangeTurnstileForJwt(turnstileToken);\n if (jwt) {\n res = await fetch(COBALT_API_URL, {\n method: \"POST\",\n headers: buildHeaders(jwt),\n body,\n });\n data = await res.json();\n }\n }\n\n // Auto-retry for intermittent errors (YouTube login, decipher, etc.)\n let retries = 0;\n while (\n data.status === \"error\" &&\n typeof data.error?.code === \"string\" &&\n RETRYABLE_ERRORS.has(data.error.code) &&\n retries < 2\n ) {\n retries++;\n await new Promise((r) => setTimeout(r, 500 * retries));\n res = await fetch(COBALT_API_URL, {\n method: \"POST\",\n headers: buildHeaders(jwt),\n body,\n });\n data = await res.json();\n }\n\n return c.json(data);\n } catch (err) {\n return c.json({\n status: \"error\",\n error: { code: \"api.generic\", context: { message: err.message } },\n }, 500);\n }\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","children",[],[112],"d8e49ab7-7875-4250-997b-cd079f78fe6a","README.md","019f427c-8a82-7758-ba61-3d0a54542e31",["D",1783526885941],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[],[123],["D",1783526885941],[132,133,134,135],[19],{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":145,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":146,"_18":147},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":142,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_119":143,"_18":144},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":139,"_17":34,"_78":24,"_80":90,"_82":51,"_83":-5,"_119":140,"_18":141},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":136,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":137,"_18":138},["D",1783526885941],[],[19,65],["D",1783527220999],[],[19,86],["D",1783527065564],[],[19,93],["D",1783526885941],[148,149,150,151],[19,100],{"_36":176,"_13":177,"_66":178,"_68":101,"_70":71,"_72":32,"_74":75,"_38":179,"_17":95,"_78":79,"_80":180,"_82":51,"_83":-5,"_119":181,"_18":182},{"_36":168,"_13":169,"_66":170,"_68":101,"_70":71,"_72":171,"_74":75,"_38":172,"_17":77,"_78":79,"_80":173,"_82":51,"_83":-5,"_119":174,"_18":175},{"_36":160,"_13":161,"_66":162,"_68":101,"_70":71,"_72":163,"_74":75,"_38":164,"_17":73,"_78":79,"_80":165,"_82":51,"_83":-5,"_119":166,"_18":167},{"_36":152,"_13":153,"_66":154,"_68":101,"_70":71,"_72":155,"_74":75,"_38":156,"_17":73,"_78":79,"_80":157,"_82":51,"_83":-5,"_119":158,"_18":159},"a609cbe8-0a23-44ca-b758-1803e6ad9e8f","VideoResult.tsx","90c5e1ea-7ae7-11f1-a80e-1607ee4eb77e",18,["D",1783528563882],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface VideoResultProps {\n result: any;\n}\n\nexport function VideoResult({ result }: VideoResultProps) {\n // Single file ready to download (redirect or tunnel)\n if (result.status === \"redirect\" || result.status === \"tunnel\") {\n return (\n

✅

\n {result.filename ?? \"Download ready\"}\n

Your file is ready

\n \n ⬇️ Download File\n \n

\n );\n }\n\n // Multiple items to pick from (slideshow, multiple videos, etc.)\n if (result.status === \"picker\" && result.picker) {\n return (\n

\n Choose what to download ({result.picker.length} items):\n

\n {result.picker.map((item: any, i: number) => (\n \n {item.thumb && (\n \n )}\n

\n \n {item.type === \"photo\" ? \"🖼️\" : item.type === \"gif\" ? \"🎞️\" : \"🎬\"} {item.type}\n \n \n ⬇️ Download\n \n

\n ))}\n\n {/* Audio track (if present alongside slideshow) */}\n {result.audio && (\n

\n 🎵 Background audio\n \n ⬇️ Download\n \n

\n )}\n \n );\n }\n\n // Local processing — server processed the file, tunnel URLs are direct download links\n if (result.status === \"local-processing\" && result.tunnel?.length) {\n const downloadUrl = result.tunnel[0];\n const filename = result.output?.filename ?? \"Download\";\n return (\n

✅

\n {filename}\n

Your file is ready

\n \n ⬇️ Download File\n \n

\n );\n }\n\n // Unknown response\n return (\n

\n Unexpected response: {result.status}\n

\n );\n}\n",[],[19,100,153],"dfcb59c2-26e3-4482-8389-53cb29f2a6f3","UrlInput.tsx","90d34f4c-7ae7-11f1-b593-1607ee4eb77e",13,["D",1783527249000],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface UrlInputProps {\n onSubmit: (url: string, mode: string, quality: string, turnstileToken: string | null) => void;\n loading: boolean;\n sitekey?: string | null;\n}\n\nconst QUALITIES = [\n { value: \"1440\", label: \"1440p\" },\n { value: \"1080\", label: \"1080p\" },\n { value: \"720\", label: \"720p\" },\n { value: \"480\", label: \"480p\" },\n { value: \"360\", label: \"360p\" },\n];\n\nexport function UrlInput({ onSubmit, loading, sitekey }: UrlInputProps) {\n const [url, setUrl] = useState(\"\");\n const [mode, setMode] = useState(\"auto\"); // auto | audio\n const [quality, setQuality] = useState(\"1080\");\n const [turnstileToken, setTurnstileToken] = useState(null);\n const turnstileRef = useRef(null);\n\n // Render Turnstile widget when sitekey is available\n useEffect(() => {\n if (!sitekey || !turnstileRef.current) return;\n\n const checkTurnstile = setInterval(() => {\n const ts = (window as any).turnstile;\n if (ts && turnstileRef.current) {\n clearInterval(checkTurnstile);\n ts.render(turnstileRef.current, {\n sitekey,\n theme: \"dark\",\n callback: (token: string) => setTurnstileToken(token),\n \"expired-callback\": () => setTurnstileToken(null),\n \"error-callback\": () => setTurnstileToken(null),\n });\n }\n }, 200);\n\n return () => clearInterval(checkTurnstile);\n }, [sitekey]);\n\n async function handlePaste() {\n try {\n const text = await navigator.clipboard.readText();\n setUrl(text);\n } catch {\n // Clipboard API may be blocked — user can type manually\n }\n }\n\n function handleSubmit(e: any) {\n e.preventDefault();\n if (url.trim() && !loading) {\n onSubmit(url.trim(), mode, quality, turnstileToken);\n }\n }\n\n return (\n

\n {/* URL input with paste button */}\n

\n setUrl(e.target.value)}\n placeholder=\"Paste video URL here…\"\n disabled={loading}\n class=\"w-full px-4 py-3 pr-24 rounded-xl bg-white/10 border border-white/20 text-white placeholder-gray-400 focus:outline-none focus:border-purple-400 transition-colors text-base\"\n />\n \n 📋 Paste\n \n

\n\n {/* Video / Audio toggle */}\n

\n setMode(\"auto\")}\n class={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-colors ${\n mode === \"auto\" ? \"bg-purple-600 text-white\" : \"bg-white/10 text-gray-300\"\n }`}\n >\n 🎬 Video\n \n setMode(\"audio\")}\n class={`flex-1 py-2.5 rounded-lg text-sm font-medium transition-colors ${\n mode === \"audio\" ? \"bg-purple-600 text-white\" : \"bg-white/10 text-gray-300\"\n }`}\n >\n 🎵 Audio\n \n

\n\n {/* Quality selector (video mode only) */}\n {mode === \"auto\" && (\n

\n {QUALITIES.map((q) => (\n setQuality(q.value)}\n class={`px-3 py-1.5 rounded-lg text-sm transition-colors ${\n quality === q.value\n ? \"bg-purple-600 text-white\"\n : \"bg-white/10 text-gray-300\"\n }`}\n >\n {q.label}\n \n ))}\n

\n )}\n\n {/* Cloudflare Turnstile verification (if required by Cobalt) */}\n {sitekey && (\n

\n )}\n\n {/* Submit */}\n \n {loading ? \"Processing…\" : \"🔍 Get Download Link\"}\n \n \n );\n}\n",[],[19,100,161],"a649ba58-c979-42e7-8322-40f27556fe95","Spinner.tsx","90cbc54c-7ae7-11f1-9d8a-1607ee4eb77e",5,["D",1783527041006],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nexport function Spinner() {\n return (\n

Fetching download link…

\n );\n}\n",[],[19,100,169],"cc9f6d62-3f07-4e2a-b966-81820a0ae716","App.tsx","019f427c-8a82-7758-ba61-20823dc4ae06",["D",1783528717499],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { UrlInput } from \"./UrlInput.tsx\";\nimport { VideoResult } from \"./VideoResult.tsx\";\nimport { Spinner } from \"./Spinner.tsx\";\n\nconst ERROR_MESSAGES: Record = {\n \"api.link.invalid\": \"That doesn't look like a valid URL. Please check and try again.\",\n \"api.link.unsupported\": \"This platform isn't supported yet. Try YouTube, TikTok, Instagram, Twitter, or Reddit.\",\n \"api.rate_exceeded\": \"Too many requests. Please wait a moment and try again.\",\n \"api.capacity\": \"The server is at capacity. Please try again in a moment.\",\n \"api.generic\": \"Something went wrong processing this video. Please try again.\",\n \"api.unknown_response\": \"Unexpected response from the video service. Please try again.\",\n \"api.unsupported_request\": \"This type of request isn't supported.\",\n \"fetch_failed\": \"Failed to connect to the download server.\",\n \"error.api.youtube.login\": \"YouTube requires authentication for this video. The download server may be rate-limited — try again in a moment, or try audio mode.\",\n \"error.api.content.post.unavailable\": \"This post is unavailable or has been removed.\",\n \"error.api.youtube.unavailable\": \"This YouTube video is unavailable or private.\",\n \"error.api.youtube.decipher\": \"YouTube couldn't process this video. Try a different quality or audio mode.\",\n \"error.api.youtube.no_streams\": \"No download streams are available for this video.\",\n};\n\nconst PLATFORMS = [\n \"YouTube\", \"TikTok\", \"Instagram\", \"Twitter/X\", \"Reddit\", \"Facebook\",\n \"Bluesky\", \"Pinterest\", \"Snapchat\", \"Vimeo\", \"SoundCloud\",\n \"Twitch Clips\", \"Tumblr\", \"Bilibili\", \"Dailymotion\", \"VK\",\n];\n\nexport function App() {\n const [loading, setLoading] = useState(false);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(null);\n const [sitekey, setSitekey] = useState(null);\n const [lastRequest, setLastRequest] = useState<{\n url: string;\n mode: string;\n quality: string;\n turnstileToken: string | null;\n } | null>(null);\n\n // Fetch cobalt instance info on mount (for Turnstile sitekey)\n useEffect(() => {\n fetch(\"/api/cobalt-info\")\n .then((res) => res.json())\n .then((data) => setSitekey(data.turnstileSitekey ?? null))\n .catch(() => {});\n }, []);\n\n async function handleDownload(\n url: string,\n mode: string,\n quality: string,\n turnstileToken: string | null,\n ) {\n setLoading(true);\n setError(null);\n setResult(null);\n setLastRequest({ url, mode, quality, turnstileToken });\n\n try {\n const res = await fetch(\"/api/download\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url, downloadMode: mode, videoQuality: quality, turnstileToken }),\n });\n const data = await res.json();\n\n if (data.status === \"error\") {\n const code = data.error?.code ?? \"api.generic\";\n if (typeof code === \"string\" && code.includes(\"auth\")) {\n setError(\"Verification required. Please complete the challenge above and try again.\");\n } else {\n setError(ERROR_MESSAGES[code] ?? `Error: ${code}`);\n }\n } else {\n setResult(data);\n }\n } catch {\n setError(\"Failed to connect to the server. Please try again.\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n {/* Header */}\n

📥

Video Downloader

\n Paste a link from YouTube, TikTok, Instagram & more\n

\n\n {/* Input */}\n \n\n {/* Loading */}\n {loading && }\n\n {/* Error */}\n {error && !loading && (\n

⚠️ {error}

\n {lastRequest && (\n handleDownload(lastRequest.url, lastRequest.mode, lastRequest.quality, lastRequest.turnstileToken)}\n class=\"px-4 py-2 rounded-lg bg-red-500/30 hover:bg-red-500/40 text-white text-xs font-medium transition-colors\"\n >\n 🔄 Try Again\n \n )}\n

\n )}\n\n {/* Results */}\n {result && !loading && }\n\n {/* Supported platforms (shown when idle) */}\n {!result && !loading && !error && (\n

Supported platforms:

\n {PLATFORMS.map((p) => (\n \n {p}\n \n ))}\n

\n )}\n\n {/* Footer */}\n \n

\n );\n}\n",[],[19,100,177],"be8a9475-4bcc-4fe9-b907-802e66bc2ee3",["D",1783526885941],"legacyEnvVars","httpPrivacy","description","Mobile-first video downloader PWA — paste URL, get links","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789581599&sig=be8c9241dcaf80ae72eff5d4763f3300ec6426a8bddc365a5efaae5f85e4dee1","userId","0fcde200-df0b-11ef-9052-4fa1b3c1b7dd","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","507dd396-345e-45df-b028-289bf65cb12d","tursoName","be8a94754bcc4fe9b907802e66bc2ee3","tursoHostname","be8a94754bcc4fe9b907802e66bc2ee3-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525843977],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_231":227},"org",{"_11":12,"_225":-5,"_226":227,"_191":192,"_228":229,"_230":51},"branch",{"_17":114,"_13":16,"_36":71,"_42":183,"_45":37,"_46":221,"_222":53,"_223":43,"_224":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJzTGtrVUFKWm5LVDZQRGZBMzJZYlZQZVpsNCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":183,"_13":14,"_38":309,"_49":-5,"_185":51,"_52":53,"_186":53,"_187":188,"_189":190,"_191":192,"_193":113,"_194":75,"_195":-5,"_196":-5,"_197":77,"_56":198,"_199":200,"_201":202,"_203":310,"_205":-5,"_206":207,"_208":207,"_209":210,"_211":210,"_212":210,"_213":207,"_214":207,"_215":311,"_217":312,"_219":313,"_50":51},[276,285,286],"files",[276,277,278,279,280,281,282,283,284,285,286],"counts",{"_267":77,"_268":73,"_269":77,"_35":270,"_271":272},[259,260,261,262],{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":106,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":258},"upstreamProject",{"_36":43,"_13":59,"_187":255,"_189":190,"_52":53,"_215":256},"upstreamBranch",{"_36":37,"_38":253,"_40":254,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":55,"_231":257},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789581599&sig=bed85510764f48a9de82762af4b4ce99c525d0ab75e5b57f327c71a53e183d4a",[19],{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":102,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":266},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_18":265},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":34,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":264},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":263},[19,65],[19,86],[19,93],[19,100],"pulls","branches","forks",{"_273":77,"_275":77},"connections",{"_273":77,"_274":77},"count","unfilledCount","emptyCount",{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":129,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":307,"_18":308},{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":145,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":305,"_18":306},{"_36":176,"_13":177,"_66":178,"_68":101,"_70":71,"_72":32,"_74":75,"_38":179,"_17":95,"_78":79,"_80":180,"_82":51,"_83":-5,"_119":303,"_18":304},{"_36":168,"_13":169,"_66":170,"_68":101,"_70":71,"_72":171,"_74":75,"_38":172,"_17":77,"_78":79,"_80":173,"_82":51,"_83":-5,"_119":301,"_18":302},{"_36":160,"_13":161,"_66":162,"_68":101,"_70":71,"_72":163,"_74":75,"_38":164,"_17":73,"_78":79,"_80":165,"_82":51,"_83":-5,"_119":299,"_18":300},{"_36":152,"_13":153,"_66":154,"_68":101,"_70":71,"_72":155,"_74":75,"_38":156,"_17":73,"_78":79,"_80":157,"_82":51,"_83":-5,"_119":297,"_18":298},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":142,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_119":295,"_18":296},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":139,"_17":34,"_78":24,"_80":90,"_82":51,"_83":-5,"_119":293,"_18":294},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":136,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":291,"_18":292},{"_36":122,"_13":123,"_66":124,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":125,"_17":77,"_78":24,"_80":126,"_82":51,"_83":-5,"_119":289,"_18":290},{"_36":111,"_13":112,"_66":113,"_68":-5,"_70":71,"_72":114,"_74":75,"_38":115,"_17":116,"_78":117,"_80":118,"_82":51,"_83":-5,"_119":287,"_18":288},[],[112],[],[123],[],[19,65],[],[19,86],[],[19,93],[],[19,100,153],[],[19,100,161],[],[19,100,169],[],[19,100,177],[278,279,280,281],[19,100],[277,282,283,284],[19],["D",1783526885941],["D",1789525843977],{"_11":12,"_231":227},{"_11":12,"_225":-5,"_226":227,"_191":192,"_228":229,"_230":51},{"_17":114,"_13":16,"_36":71,"_42":183,"_45":37,"_46":221,"_222":53,"_223":43,"_224":57,"_58":14,"_54":12},"ctx",{"_215":-5,"_250":347,"_348":349,"_350":351,"_352":51,"_353":51,"_354":51,"_355":75,"_356":-5,"_357":-7,"_358":-7,"_359":77,"_360":51,"_361":51,"_362":-5,"_363":51,"_364":51,"_365":51,"_366":-5},"ENV",{"_318":319,"_320":321,"_322":16,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346},"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"]