/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; function App() { const [url, setUrl] = useState(''); const [downloadLink, setDownloadLink] = useState(''); const [error, setError] = useState(''); const handleDownload = async () => { try { const response = await fetch('/download', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url }) }); if (!response.ok) { const errorText = await response.text(); throw new Error(errorText); } const data = await response.json(); setDownloadLink(data.videoUrl); setError(''); } catch (err) { setError(err.message); setDownloadLink(''); } }; return (

📽️ Reel Downloader

setUrl(e.target.value)} placeholder="Enter Instagram Reel URL" style={{ width: '100%', padding: '10px', marginBottom: '10px' }} /> {error && (

{error}

)} {downloadLink && (

⬇️ Download Video

)}

View Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { if (request.method === 'POST') { try { const { url } = await request.json(); // Basic URL validation if (!url.includes('instagram.com/reel/')) { return new Response(JSON.stringify({ error: 'Invalid Instagram Reel URL' }), { status: 400, headers: { 'Content-Type': 'application/json' } }); } // Fetch video using Instagram's public API const igResponse = await fetch(url); const html = await igResponse.text(); // Extract video URL using regex (simplified approach) const videoUrlMatch = html.match(/content_url":"([^"]+)"/); if (!videoUrlMatch) { return new Response(JSON.stringify({ error: 'Could not extract video URL' }), { status: 404, headers: { 'Content-Type': 'application/json' } }); } return new Response(JSON.stringify({ videoUrl: videoUrlMatch[1] }), { headers: { 'Content-Type': 'application/json' } }); } catch (error) { return new Response(JSON.stringify({ error: 'Failed to download reel: ' + error.message }), { status: 500, headers: { 'Content-Type': 'application/json' } }); } } return new Response(` Instagram Reel Downloader

`, { headers: { 'Content-Type': 'text/html' } }); }

Shadab