import { useState } from "react"; import { InputField } from "./components/InputField"; import { DownloadButtons } from "./components/DownloadButtons"; import { StatusPanel } from "./components/StatusPanel"; import { validateYouTubeUrl } from "./utils/validateYouTubeUrl"; type DownloadType = "audio" | "video" | null; type StatusType = "idle" | "analyzing" | "preparing" | "downloading" | "success" | "error"; export default function App() { const [url, setUrl] = useState(""); const [isValid, setIsValid] = useState(false); const [isLoading, setIsLoading] = useState(false); const [activeType, setActiveType] = useState(null); const [status, setStatus] = useState("idle"); const [statusMessage, setStatusMessage] = useState(""); const handleUrlChange = (newUrl: string) => { setUrl(newUrl); const valid = validateYouTubeUrl(newUrl); setIsValid(valid); if (!valid && newUrl) { setStatus("error"); setStatusMessage("Invalid YouTube URL format"); } else { setStatus("idle"); setStatusMessage(""); } }; const handleDownload = async (type: DownloadType) => { if (!type || !isValid) return; setActiveType(type); setIsLoading(true); // Simulate download process setStatus("analyzing"); setStatusMessage("Analyzing URL..."); await new Promise(resolve => setTimeout(resolve, 1000)); setStatus("preparing"); setStatusMessage(`Preparing ${type === "audio" ? "MP3" : "MP4"} download...`); await new Promise(resolve => setTimeout(resolve, 1500)); setStatus("downloading"); setStatusMessage("Starting download..."); await new Promise(resolve => setTimeout(resolve, 500)); // Create and trigger download const fileName = type === "audio" ? "audio.mp3" : "video.mp4"; const content = type === "audio" ? new Uint8Array([0xFF, 0xFB, 0x90, 0x00]) // MP3 header : new Uint8Array([0x00, 0x00, 0x00, 0x20]); // MP4 header const blob = new Blob([content], { type: type === "audio" ? "audio/mpeg" : "video/mp4" }); const downloadUrl = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = downloadUrl; a.download = fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(downloadUrl); setStatus("success"); setStatusMessage(`${type === "audio" ? "Audio" : "Video"} downloaded successfully!`); setTimeout(() => { setStatus("idle"); setStatusMessage(""); setActiveType(null); setIsLoading(false); }, 3000); }; return (

{/* Header */}

NebulaDown

Futuristic YouTube Downloader – One Click. Zero Clutter.

{/* Main Content */}

{/* URL Input */} {/* Download Buttons */} {/* Status Panel */}

{/* Footer */}

No login, no ads, no redirects. Pure, instant utility.

); }