🔍 URL Redirect Revealer

Reveal where shortened URLs actually lead

\n \n \n \n {hasResult && (\n

\n {error ? (\n

{error}

\n ) : (\n <>\n

Original:

{originalUrl}

Redirects to:

\n {redirectUrl}\n

\n \n )}\n

\n )}\n

\n \n \n );\n}",[],[190],{"_105":200,"_96":201,"_157":202,"_159":-5,"_160":142,"_161":203,"_163":22,"_107":204,"_101":32,"_165":205,"_167":206,"_168":22,"_169":-5,"_170":207,"_99":208},"589c68ae-9ed1-11f0-8da6-0224a6c84d84","README.md","589c6976-9ed1-11f0-8da6-0224a6c84d84",11,["D",1759328242031],"file","# URL Redirect Revealer\n\nA web application that reveals where shortened URLs actually redirect to.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server with HTTP trigger\n├── frontend/\n│ └── components/\n│ └── Page.tsx # Main React component\n├── index.tsx # Original file (no longer used)\n└── README.md\n```\n\n## Components\n\n### Backend (`/backend/index.ts`)\n- **HTTP Trigger**: Main entry point for the web application\n- **Hono Server**: Handles GET and POST requests\n- **Form Processing**: Processes URL submissions and fetches redirect information\n- **Server-Side Rendering**: Renders the React component to HTML\n\n### Frontend (`/frontend/components/Page.tsx`)\n- **React Component**: Main UI component with TypeScript interfaces\n- **Form Interface**: Input form for URL submission\n- **Results Display**: Shows original URL and redirect destination\n- **Error Handling**: Displays error messages when URL fetching fails\n\n## Features\n\n- 🔍 Reveals redirect destinations for shortened URLs\n- 📱 Responsive design with Tailwind CSS\n- ⚡ Server-side rendering for fast initial load\n- 🛡️ Error handling for invalid URLs\n- 🎨 Clean, modern UI\n\n## Usage\n\n1. Enter a shortened URL (e.g., `https://t.co/example`)\n2. Click \"Reveal Redirect\" \n3. View the original URL and its redirect destination\n\n## Technical Details\n\n- **Framework**: Hono for server-side routing\n- **UI**: React with TypeScript\n- **Styling**: Tailwind CSS via Twind\n- **Rendering**: Server-side rendering with React DOM\n- **HTTP Method**: Uses HEAD requests to avoid downloading full content",[],[201],{"_105":210,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":211,"_101":212,"_165":213,"_167":214,"_168":22,"_169":215,"_170":216,"_99":217},"a80cc852-9ed1-11f0-a778-0224a6c84d84",["D",1759328375312],2,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Page, type PageProps } from \"../frontend/components/Page.tsx\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - handles both GET and POST\napp.get(\"/\", async (c) => {\n const pageProps: PageProps = {};\n const html = '' + renderToString();\n \n return c.html(html);\n});\n\napp.post(\"/\", async (c) => {\n const formData = await c.req.formData();\n const targetUrl = formData.get('url') as string;\n \n let pageProps: PageProps = {};\n \n if (!targetUrl) {\n pageProps = { error: 'Please enter a URL' };\n } else {\n try {\n const response = await fetch(targetUrl, { \n method: 'HEAD',\n redirect: 'manual'\n });\n \n const location = response.headers.get('location');\n const redirectUrl = location || 'No redirect found';\n \n pageProps = { originalUrl: targetUrl, redirectUrl };\n } catch (error) {\n pageProps = { \n originalUrl: targetUrl, \n error: 'Failed to fetch URL. Please check the URL and try again.' \n };\n }\n }\n \n const html = '' + renderToString();\n \n return c.html(html);\n});\n\nexport default app.fetch; // This is the entry point for HTTP vals","redirect-revealer",[],[100],{"_105":219,"_96":220,"_157":221,"_159":-5,"_160":142,"_161":222,"_163":22,"_107":223,"_101":224,"_165":195,"_167":225,"_168":22,"_169":-5,"_170":226,"_99":227},"52e9b5ba-9ed1-11f0-9954-0224a6c84d84","index.tsx","92ca56cc-9e49-11f0-ba89-0224a6c84d84",10,["D",1759328232477],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\n\ninterface PageProps {\n originalUrl?: string;\n redirectUrl?: string;\n error?: string;\n}\n\nfunction Page({ originalUrl = '', redirectUrl = '', error = '' }: PageProps) {\n const hasResult = originalUrl || error;\n \n return (\n \n \n URL Redirect Revealer\n \n \n \n

🔍 URL Redirect Revealer

Reveal where shortened URLs actually lead

\n \n \n \n {hasResult && (\n

\n {error ? (\n

{error}

\n ) : (\n <>\n

Original:

{originalUrl}

Redirects to:

\n {redirectUrl}\n

\n \n )}\n

\n )}\n

\n \n \n );\n}\n\nexport default async function(req: Request) {\n let pageProps: PageProps = {};\n \n // Handle form submission\n if (req.method === 'POST') {\n const formData = await req.formData();\n const targetUrl = formData.get('url') as string;\n \n if (!targetUrl) {\n pageProps = { error: 'Please enter a URL' };\n } else {\n try {\n const response = await fetch(targetUrl, { \n method: 'HEAD',\n redirect: 'manual'\n });\n \n const location = response.headers.get('location');\n const redirectUrl = location || 'No redirect found';\n \n pageProps = { originalUrl: targetUrl, redirectUrl };\n } catch (error) {\n pageProps = { \n originalUrl: targetUrl, \n error: 'Failed to fetch URL. Please check the URL and try again.' \n };\n }\n }\n }\n \n const html = '' + renderToString();\n \n return new Response(html, {\n headers: { 'Content-Type': 'text/html' }\n });\n}",[],[220],"files",[154,173,180,188,199,209,218],"counts",{"_232":32,"_233":194,"_234":32,"_235":236},"pulls","branches","forks","envVars",{"_237":32,"_238":32},"count","emptyCount","contents",[],{"_105":210,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":242,"_101":212,"_165":213,"_167":214,"_168":22,"_169":215,"_99":243},["D",1759328375312],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":252,"_152":257,"_228":279,"_205":280,"_239":282,"_283":-5,"_284":-5,"_285":-5,"_286":-5,"_287":288,"_235":-5},{"_105":106,"_96":97,"_107":253,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":254,"_136":255,"_139":256,"_151":22},["D",1759269866478],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[258,261,267,270,273,276],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":22,"_107":164,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":259,"_99":260},[],[156],{"_105":174,"_96":175,"_157":176,"_159":-5,"_160":142,"_161":177,"_163":22,"_107":178,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":262,"_99":266},[263],{"_105":181,"_96":182,"_157":183,"_159":176,"_160":142,"_161":177,"_163":22,"_107":184,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":264,"_99":265},[],[175,182],[175],{"_105":189,"_96":190,"_157":191,"_159":-5,"_160":142,"_161":192,"_163":22,"_107":193,"_101":194,"_165":195,"_167":196,"_168":22,"_169":-5,"_170":268,"_99":269},[],[190],{"_105":200,"_96":201,"_157":202,"_159":-5,"_160":142,"_161":203,"_163":22,"_107":204,"_101":32,"_165":205,"_167":206,"_168":22,"_169":-5,"_170":271,"_99":272},[],[201],{"_105":210,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":211,"_101":212,"_165":213,"_167":214,"_168":22,"_169":215,"_170":274,"_99":275},[],[100],{"_105":219,"_96":220,"_157":221,"_159":-5,"_160":142,"_161":222,"_163":22,"_107":223,"_101":224,"_165":195,"_167":225,"_168":22,"_169":-5,"_170":277,"_99":278},[],[220],[258,261,263,267,270,273,276],{"_105":210,"_96":100,"_157":117,"_159":-5,"_160":142,"_161":102,"_163":22,"_107":242,"_101":212,"_165":213,"_167":214,"_168":22,"_169":215,"_99":281},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

stevekrouse

twitter-lookup