\n \n \n \n\n",[],[155,197],"47e17a3a-7505-415e-a0af-74a97a8eebb1","favicon.svg","019f427c-8a82-7758-ba61-2ddb4b6828b8",9,["D",1783527065564],"\n\n",[],[155,206],"a609cbe8-0a23-44ca-b758-1803e6ad9e8f","VideoResult.tsx","90c5e1ea-7ae7-11f1-a80e-1607ee4eb77e","019f427c-8a82-7758-ba61-2a55b591fec6",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",[],[155,222,214],"components","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",[],[155,222,224],"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",[],[155,222,232],"cc9f6d62-3f07-4e2a-b966-81820a0ae716","App.tsx","019f427c-8a82-7758-ba61-20823dc4ae06",22,["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",[],[155,222,240],"50b701a6-80fa-4add-b72f-f3135f0fb645",["D",1783526885941],[172,173,174,175],[155,222],["D",1783526885941],[171,176,177,178],[155],["D",1783526885941],["D",1789525843977],{"_16":17,"_91":87},{"_16":17,"_85":-5,"_86":87,"_34":35,"_88":89,"_90":26},{"_69":70,"_20":71,"_18":72,"_73":19,"_74":75,"_76":77,"_78":28,"_79":80,"_81":82,"_83":21,"_84":17},"ctx",{"_62":-5,"_114":292,"_293":294,"_295":296,"_297":26,"_298":26,"_299":26,"_300":39,"_301":-5,"_302":-7,"_303":-7,"_304":43,"_305":26,"_306":26,"_307":-5,"_308":26,"_309":26,"_310":26,"_311":-5},"ENV",{"_263":264,"_265":266,"_267":71,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291},"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"]

Search