URL Shortener

\n \n

\n {currentRoute === \"/\" && }\n {currentRoute === \"/create\" && }\n

\n \n

\n );\n}",[],[213,219,225],{"_102":232,"_95":233,"_155":234,"_157":220,"_158":136,"_159":135,"_160":161,"_104":235,"_99":32,"_163":190,"_165":236,"_166":22,"_167":-5,"_168":237,"_98":238},"2bfba69c-6570-11f0-97e2-0224a6c84d84","CreateShortUrl.tsx","74752592-4804-4c4e-b8dd-0c508f168467",["D",1753019289634],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function CreateShortUrl() {\n const [longUrl, setLongUrl] = useState(\"\");\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(null);\n const [shortUrl, setShortUrl] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n setError(null);\n setShortUrl(null);\n\n try {\n const response = await fetch(\"/api/shorten\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ longUrl }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to create short URL\");\n }\n\n const data = await response.json();\n setShortUrl(`${window.location.origin}/${data.shortCode}`);\n setLongUrl(\"\");\n } catch (err) {\n setError(\"An error occurred while creating the short URL. Please try again.\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n return (\n

Create Short URL

\n \n {error &&

{error}

}\n {shortUrl && (\n

Short URL created:

\n \n {shortUrl}\n \n

\n )}\n

\n );\n}",[],[213,219,233],{"_102":240,"_95":241,"_155":242,"_157":220,"_158":136,"_159":135,"_160":161,"_104":243,"_99":32,"_163":190,"_165":244,"_166":22,"_167":-5,"_168":245,"_98":246},"2bfbaa20-6570-11f0-97e2-0224a6c84d84","Home.tsx","1ac0cad1-eb90-44fb-8e55-bdff62bae93e",["D",1753019289634],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { ShortUrl } from \"../../shared/utils.ts\";\n\nexport function Home() {\n const [recentUrls, setRecentUrls] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n setIsLoading(true);\n fetch(\"/api/recent\")\n .then(response => {\n if (!response.ok) {\n throw new Error(\"Failed to fetch recent URLs\");\n }\n return response.json();\n })\n .then(data => {\n setRecentUrls(data);\n setIsLoading(false);\n })\n .catch(error => {\n console.error(\"Error fetching recent URLs:\", error);\n setError(\"Failed to load recent URLs. Please try again later.\");\n setIsLoading(false);\n });\n }, []);\n\n if (isLoading) {\n return

Loading recent URLs...

;\n }\n\n if (error) {\n return

{error}

;\n }\n\n return (\n

Recent Short URLs

\n {recentUrls.length === 0\n ?

No URLs have been shortened yet. Be the first!

\n : (\n

\n \n {`${window.location.origin}/${url.shortCode}`}\n \n
\n {url.longUrl}\n
\n

\n )}\n

\n );\n}",[],[213,219,241],[213,219],{"_102":249,"_95":178,"_155":250,"_157":214,"_158":136,"_159":135,"_160":161,"_104":251,"_99":32,"_163":181,"_165":252,"_166":22,"_167":-5,"_168":253,"_98":254},"2bfbaee4-6570-11f0-97e2-0224a6c84d84","0c81b5c8-058d-4b19-80cd-98998f71d82a",["D",1753019289634],"# Frontend\n\nThis directory contains the React frontend for the URL shortener application.\n\n- `index.html` - Main HTML template\n- `index.tsx` - Entry point for the React application\n- `components/` - React components",[],[213,178],{"_102":256,"_95":257,"_155":258,"_157":214,"_158":136,"_159":135,"_160":161,"_104":259,"_99":32,"_163":181,"_165":260,"_166":22,"_167":-5,"_168":261,"_98":262},"2bfbb0b0-6570-11f0-97e2-0224a6c84d84","favicon.svg","8d2b6fff-73b1-41b0-a4c2-07c33b2ac370",["D",1753019289634],"",[],[213,257],[213],{"_102":265,"_95":266,"_155":267,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":268,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":269,"_98":333},"2bfbcc76-6570-11f0-97e2-0224a6c84d84","routes","56ccec87-a2d4-44c7-96a0-e0dbd304310e",["D",1753019289634],[270,278,286,294,302,309,317,325],{"_102":271,"_95":272,"_155":273,"_157":267,"_158":136,"_159":135,"_160":161,"_104":274,"_99":32,"_163":190,"_165":275,"_166":22,"_167":-5,"_168":276,"_98":277},"2bfbb3c6-6570-11f0-97e2-0224a6c84d84","about.loader.ts","ac60df09-b9a1-48a2-b403-512c076ace3e",["D",1753019289634],"import { data } from \"npm:react-router\";\n\nexport default async function load() {\n await new Promise(resolve => setTimeout(resolve, 200));\n\n let isServer = typeof document === \"undefined\";\n let env = isServer ? \"server\" : \"client\";\n\n return data(\n { message: `About loader from ${env} loader` },\n {\n headers: { \"X-Custom\": \"Hello\" },\n },\n );\n}",[],[266,272],{"_102":279,"_95":280,"_155":281,"_157":267,"_158":136,"_159":135,"_160":161,"_104":282,"_99":32,"_163":190,"_165":283,"_166":22,"_167":-5,"_168":284,"_98":285},"2bfbb56a-6570-11f0-97e2-0224a6c84d84","about.tsx","ab50ba6c-6b10-483a-b179-feb870bca833",["D",1753019289634],"/** @jsxImportSource npm:react */\nimport { useLoaderData } from \"npm:react-router\";\n\nexport default function About() {\n const data = useLoaderData() as { message: string };\n \n return (\n

{data.message}

\n This is a simple URL shortener application built with React Router and Val Town.\n

\n Create short, easy-to-share links that redirect to your long URLs.\n

How it works:

Enter a long URL in the \"Shorten URL\" page
Get a short URL that you can share
When someone visits the short URL, they'll be redirected to your original URL

\n );\n}",[],[266,280],{"_102":287,"_95":288,"_155":289,"_157":267,"_158":136,"_159":135,"_160":161,"_104":290,"_99":32,"_163":190,"_165":291,"_166":22,"_167":-5,"_168":292,"_98":293},"2bfbb768-6570-11f0-97e2-0224a6c84d84","create.tsx","4afe7962-99eb-464c-a5c4-f3262bcb8b4a",["D",1753019289634],"/** @jsxImportSource npm:react */\nimport { Form, useActionData, useNavigation, useRouteError, isRouteErrorResponse } from \"npm:react-router\";\nimport { useState, useEffect } from \"npm:react\";\nimport { ShortUrl } from \"../shared/utils.ts\";\n\n// Error boundary component\nfunction ErrorBoundary() {\n const error = useRouteError();\n \n let errorMessage = \"An unexpected error occurred\";\n if (isRouteErrorResponse(error)) {\n errorMessage = `${error.status} ${error.statusText}`;\n } else if (error instanceof Error) {\n errorMessage = error.message;\n }\n \n return (\n

Error creating short URL

{errorMessage}

\n \n

\n );\n}\n\nexport default function CreateShortUrl() {\n const actionData = useActionData() as ShortUrl | undefined;\n const navigation = useNavigation();\n const isSubmitting = navigation.state === \"submitting\";\n const [shortUrl, setShortUrl] = useState(null);\n const [origin, setOrigin] = useState(\"\");\n\n // Set origin on client-side only\n useEffect(() => {\n if (typeof window !== \"undefined\") {\n setOrigin(window.location.origin);\n }\n }, []);\n\n // Update shortUrl when actionData changes (client-side only)\n useEffect(() => {\n if (actionData?.shortCode && origin) {\n setShortUrl(`${origin}/${actionData.shortCode}`);\n }\n }, [actionData, origin]);\n\n return (\n

Create Short URL

\n \n \n {shortUrl && (\n

Short URL created:

\n \n {shortUrl}\n \n

\n )}\n

\n );\n}\n\n// Export the error boundary\nCreateShortUrl.ErrorBoundary = ErrorBoundary;",[],[266,288],{"_102":295,"_95":296,"_155":297,"_157":267,"_158":136,"_159":135,"_160":161,"_104":298,"_99":32,"_163":190,"_165":299,"_166":22,"_167":-5,"_168":300,"_98":301},"2bfbbc40-6570-11f0-97e2-0224a6c84d84","home.tsx","e4b6aa38-68e5-46b3-afb0-367321ce8b59",["D",1753019289634],"/** @jsxImportSource npm:react */\nimport { useLoaderData, useRouteError, isRouteErrorResponse } from \"npm:react-router\";\nimport { useState, useEffect } from \"npm:react\";\nimport { ShortUrl } from \"../shared/utils.ts\";\n\n// Error boundary component\nfunction ErrorBoundary() {\n const error = useRouteError();\n \n let errorMessage = \"An unexpected error occurred\";\n if (isRouteErrorResponse(error)) {\n errorMessage = `${error.status} ${error.statusText}`;\n } else if (error instanceof Error) {\n errorMessage = error.message;\n }\n \n return (\n

Error loading recent URLs

{errorMessage}

\n \n

\n );\n}\n\nexport default function Home() {\n const recentUrls = useLoaderData() as ShortUrl[];\n const [origin, setOrigin] = useState(\"\");\n\n // Set origin on client-side only\n useEffect(() => {\n if (typeof window !== \"undefined\") {\n setOrigin(window.location.origin);\n }\n }, []);\n\n return (\n

Recent Short URLs

\n {recentUrls.length === 0 ? (\n

No URLs have been shortened yet. Be the first!

\n ) : (\n

\n \n {origin ? `${origin}/${url.shortCode}` : `/${url.shortCode}`}\n \n
\n {url.longUrl}\n
\n

\n )}\n

\n );\n}\n\n// Export the error boundary\nHome.ErrorBoundary = ErrorBoundary;",[],[266,296],{"_102":303,"_95":204,"_155":304,"_157":267,"_158":136,"_159":135,"_160":161,"_104":305,"_99":32,"_163":190,"_165":306,"_166":22,"_167":-5,"_168":307,"_98":308},"2bfbbf24-6570-11f0-97e2-0224a6c84d84","285d0b43-0906-4272-bc47-7d16b601ac36",["D",1753019289634],"import { ActionFunctionArgs, LoaderFunctionArgs } from \"npm:react-router\";\nimport Layout from \"./layout.tsx\";\nimport Home from \"./home.tsx\";\nimport CreateShortUrl from \"./create.tsx\";\nimport About from \"./about.tsx\";\n\nlet isServer = typeof document === \"undefined\";\n\nexport default [\n {\n id: \"layout\",\n path: \"/\",\n Component: Layout,\n // up to you where your loaders run (client or server), this one dynamically\n // imports the correct one to avoid putting the server code in client\n // bundles\n async loader(args: LoaderFunctionArgs) {\n let mod = await (isServer\n ? import(\"./layout.server.ts\")\n : import(\"./layout.client.ts\"));\n return mod.loader(args);\n },\n // same with the action, you'll probably want to abstract this kind of stuff\n // in a createRoute() kind of thing\n async action(args: ActionFunctionArgs) {\n let mod = await (isServer\n ? import(\"./layout.server.ts\")\n : import(\"./layout.client.ts\"));\n return mod.action(args);\n },\n children: [\n {\n id: \"home\",\n index: true,\n Component: Home,\n ErrorBoundary: Home.ErrorBoundary,\n async loader(args: LoaderFunctionArgs) {\n // Fetch recent URLs\n const response = await fetch(new URL(\"/api/recent\", args.request.url));\n if (!response.ok) {\n throw new Error(\"Failed to fetch recent URLs\");\n }\n return response.json();\n },\n },\n {\n id: \"create\",\n path: \"create\",\n Component: CreateShortUrl,\n ErrorBoundary: CreateShortUrl.ErrorBoundary,\n async action(args: ActionFunctionArgs) {\n const formData = await args.request.formData();\n const longUrl = formData.get(\"longUrl\");\n \n // Create short URL\n const response = await fetch(new URL(\"/api/shorten\", args.request.url), {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ longUrl }),\n });\n \n if (!response.ok) {\n throw new Error(\"Failed to create short URL\");\n }\n \n return response.json();\n },\n },\n {\n id: \"about\",\n path: \"about\",\n Component: About,\n async loader() {\n return { message: \"About URL Shortener\" };\n },\n },\n ],\n },\n];",[],[266,204],{"_102":310,"_95":311,"_155":312,"_157":267,"_158":136,"_159":135,"_160":161,"_104":313,"_99":32,"_163":190,"_165":314,"_166":22,"_167":-5,"_168":315,"_98":316},"2bfbc5a0-6570-11f0-97e2-0224a6c84d84","layout.client.ts","01b4a8f2-614a-4a03-9ebe-bc3445aed693",["D",1753019289634],"import { type LoaderFunctionArgs } from \"npm:react-router\";\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n let url = new URL(request.url);\n let res = await fetch(url, {\n headers: {\n Accept: \"application/json\",\n \"X-Route-Id\": \"layout\",\n },\n });\n return res.json();\n}\n\nexport async function action({ request }: LoaderFunctionArgs) {\n let url = new URL(request.url);\n // call the server action\n let res = await fetch(url, {\n method: \"POST\",\n body: new URLSearchParams(await request.formData()),\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n Accept: \"application/json\",\n \"X-Route-Id\": \"layout\",\n },\n });\n return res.json();\n}",[],[266,311],{"_102":318,"_95":319,"_155":320,"_157":267,"_158":136,"_159":135,"_160":161,"_104":321,"_99":32,"_163":190,"_165":322,"_166":22,"_167":-5,"_168":323,"_98":324},"2bfbc726-6570-11f0-97e2-0224a6c84d84","layout.server.ts","d5cb8466-17e5-4bb7-9ebd-59b6c98e85a2",["D",1753019289634],"import { ActionFunctionArgs, type LoaderFunctionArgs } from \"npm:react-router\";\n\nlet db = { message: \"Hello world!\" };\n\nexport async function loader(args: LoaderFunctionArgs) {\n await new Promise(resolve => setTimeout(resolve, 200));\n return { message: db.message };\n}\n\nexport async function action({ request }: ActionFunctionArgs) {\n let formData = await request.formData();\n db.message = String(formData.get(\"message\"));\n return { ok: true };\n}",[],[266,319],{"_102":326,"_95":327,"_155":328,"_157":267,"_158":136,"_159":135,"_160":161,"_104":329,"_99":32,"_163":190,"_165":330,"_166":22,"_167":-5,"_168":331,"_98":332},"2bfbc96a-6570-11f0-97e2-0224a6c84d84","layout.tsx","4569d916-d55f-4cca-b09d-af6980723e26",["D",1753019289634],"/** @jsxImportSource npm:react */\nimport { Form, Link, Outlet, useLoaderData } from \"npm:react-router\";\nimport { type loader } from \"./layout.server.ts\";\n\nexport default function Layout() {\n let data = useLoaderData();\n \n // Safe way to get the URL for view source\n const getViewSourceUrl = () => {\n if (typeof import.meta.url === \"string\") {\n return import.meta.url.replace(\"esm.town\", \"val.town\");\n }\n return \"#\";\n };\n \n return (\n \n \n \n \n URL Shortener\n {/* TailwindCSS */}\n \n {/* Error catching for debugging */}\n \n {/* Favicon */}\n \n \n \n

URL Shortener

\n \n

\n\n \n \n \n );\n}",[],[266,327],[266],{"_102":335,"_95":336,"_155":337,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":338,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":339,"_98":355},"2bfbd0d6-6570-11f0-97e2-0224a6c84d84","shared","b5591abe-ebd3-4b94-b56d-1818f8348065",["D",1753019289634],[340,347],{"_102":341,"_95":178,"_155":342,"_157":337,"_158":136,"_159":135,"_160":161,"_104":343,"_99":32,"_163":181,"_165":344,"_166":22,"_167":-5,"_168":345,"_98":346},"2bfbce10-6570-11f0-97e2-0224a6c84d84","fd0a0d7f-2c34-489d-8568-fa2c2b4a29d8",["D",1753019289634],"# Shared\n\nThis directory contains code that is shared between the frontend and backend.\n\n- `utils.ts` - Utility functions and shared types",[],[336,178],{"_102":348,"_95":349,"_155":350,"_157":337,"_158":136,"_159":135,"_160":161,"_104":351,"_99":32,"_163":190,"_165":352,"_166":22,"_167":-5,"_168":353,"_98":354},"2bfbcf50-6570-11f0-97e2-0224a6c84d84","utils.ts","15b17fff-9477-4ec0-a8e2-1837b668701c",["D",1753019289634],"/**\n * Generates a random short code for URL shortening\n * @returns A 6-character alphanumeric code\n */\nexport const generateShortCode = (): string => {\n const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n let result = \"\";\n for (let i = 0; i < 6; i++) {\n result += characters.charAt(Math.floor(Math.random() * characters.length));\n }\n return result;\n};\n\n/**\n * URL-related types\n */\nexport interface ShortUrl {\n id?: number;\n shortCode: string;\n longUrl: string;\n createdAt?: string;\n}",[],[336,349],[336],{"_102":357,"_95":178,"_155":358,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":359,"_99":32,"_163":181,"_165":360,"_166":22,"_167":-5,"_168":361,"_98":362},"2bfbd27a-6570-11f0-97e2-0224a6c84d84","39543238-7b75-4966-9da5-8e4f3cdafc43",["D",1753019289634],"# URL Shortener\n\nA simple URL shortener application built on Val Town.\n\n## Features\n\n- Create short URLs for long links\n- View recently created short URLs\n- Automatic redirection from short URLs to original destinations\n\n## Project Structure\n\n- `/backend` - Server-side code and database operations\n- `/frontend` - React components and UI\n- `/shared` - Shared utilities and types\n\n## Technologies\n\n- React for the frontend\n- SQLite for data storage\n- TailwindCSS for styling",[],[178],{"_102":364,"_95":365,"_155":366,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":367,"_99":32,"_163":190,"_165":368,"_166":22,"_167":-5,"_168":369,"_98":370},"2bfbd3ce-6570-11f0-97e2-0224a6c84d84","entry.client.tsx","a13171f4-b2e5-4536-a658-b15297ad511d",["D",1753019289634],"import { createElement, StrictMode } from \"npm:react\";\nimport { hydrateRoot } from \"npm:react-dom/client\";\nimport { createBrowserRouter } from \"npm:react-router\";\nimport { RouterProvider } from \"npm:react-router/dom\";\nimport routes from \"./routes/index.ts\";\n\nlet router = createBrowserRouter(routes, {\n // @ts-expect-error It's fine\n hydrationData: window.__staticRouterHydrationData,\n});\n\nhydrateRoot(document, createElement(RouterProvider, { router: router }));",[],[365],{"_102":372,"_95":373,"_155":374,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":375,"_99":32,"_163":190,"_165":376,"_166":22,"_167":-5,"_168":377,"_98":378},"2bfbd522-6570-11f0-97e2-0224a6c84d84","entry.server.tsx","89c3e147-0a48-44e9-8064-6d7aa1b19bf6",["D",1753019289634],"/** @jsxImportSource npm:react */\nimport { renderToString } from \"npm:react-dom/server\";\nimport { createStaticHandler, createStaticRouter, StaticRouterProvider } from \"npm:react-router\";\n\nimport routes from \"./routes/index.ts\";\n\nlet { query, dataRoutes } = createStaticHandler(routes);\n\nexport async function handler(request: Request) {\n // 1. run actions/loaders to get the routing context with `query`\n let context = await query(request);\n\n // If `query` returns a Response, send it raw (a route probably a redirected)\n if (context instanceof Response) {\n return context;\n }\n\n // 2. Create a static router for SSR\n let router = createStaticRouter(dataRoutes, context);\n\n // 3. Render everything with StaticRouterProvider\n let html = renderToString(\n ,\n );\n\n // Setup headers from action and loaders from deepest match\n let leaf = context.matches[context.matches.length - 1];\n let actionHeaders = context.actionHeaders[leaf.route.id];\n let loaderHeaders = context.loaderHeaders[leaf.route.id];\n let headers = new Headers(actionHeaders);\n if (loaderHeaders) {\n for (let [key, value] of loaderHeaders.entries()) {\n headers.append(key, value);\n }\n }\n\n headers.set(\"Content-Type\", \"text/html; charset=utf-8\");\n\n // 4. send a response\n return new Response(`${html}`, {\n status: context.statusCode,\n headers,\n });\n}",[],[373],{"_102":380,"_95":381,"_155":382,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":383,"_99":32,"_163":384,"_165":385,"_166":22,"_167":-5,"_168":386,"_98":387},"2bfbd734-6570-11f0-97e2-0224a6c84d84","server.tsx","60b8e67e-e88a-458c-a938-b6da0323a521",["D",1753019289634],"http","import { handler } from \"./entry.server.tsx\";\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { generateShortCode } from \"./shared/utils.ts\";\nimport { \n initializeDatabase, \n createShortUrl, \n getRecentUrls, \n findUrlByShortCode \n} from \"./backend/database/queries.ts\";\n\nexport default async function(request: Request) {\n const url = new URL(request.url);\n const path = url.pathname;\n\n try {\n // Initialize database on each request\n await initializeDatabase(import.meta.url);\n\n // Serve client-side JavaScript\n if (path === \"/js/entry.client.js\") {\n const moduleUrl = new URL(\"./entry.client.tsx\", import.meta.url);\n return fetch(moduleUrl);\n }\n\n // Serve favicon\n if (path === \"/favicon.svg\") {\n return serveFile(\"/frontend/favicon.svg\", import.meta.url);\n }\n\n // API endpoint to shorten a URL\n if (path === \"/api/shorten\" && request.method === \"POST\") {\n try {\n const { longUrl } = await request.json();\n const shortCode = generateShortCode();\n \n const result = await createShortUrl(shortCode, longUrl, import.meta.url);\n \n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error shortening URL:\", error);\n return new Response(JSON.stringify({ error: \"Failed to create short URL\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // API endpoint to get recent URLs\n if (path === \"/api/recent\") {\n try {\n const recentUrls = await getRecentUrls(import.meta.url);\n \n return new Response(JSON.stringify(recentUrls), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error fetching recent URLs:\", error);\n return new Response(JSON.stringify({ error: \"Failed to fetch recent URLs\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // Handle short URL redirects\n if (path.length > 1 && !path.startsWith(\"/api\") && !path.startsWith(\"/js\") && \n !path.includes(\".\") && !path.startsWith(\"/about\") && !path.startsWith(\"/create\")) {\n const shortCode = path.slice(1);\n try {\n const url = await findUrlByShortCode(shortCode, import.meta.url);\n \n if (url) {\n return new Response(null, {\n status: 302,\n headers: { Location: url.longUrl },\n });\n }\n } catch (error) {\n console.error(\"Error redirecting:\", error);\n }\n }\n\n // For all other routes, use the React Router handler\n return handler(request);\n } catch (error) {\n console.error(\"Server error:\", error);\n \n // Return a user-friendly error page\n return new Response(`\n \n \n \n Error - URL Shortener\n \n \n \n

Something went wrong

We're experiencing technical difficulties. Please try again later.

\n ${error instanceof Error ? error.message : String(error)}\n

\n Return to homepage\n

\n \n \n `, {\n status: 500,\n headers: { \"Content-Type\": \"text/html\" }\n });\n }\n}",[],[381],"files",[152,170,176,185,195,202,211,217,223,231,239,248,255,264,270,278,286,294,302,309,317,325,334,340,347,356,363,371,379],"counts",{"_392":32,"_393":135,"_394":32,"_395":32},"pulls","branches","forks","envVars","contents",[398,401,404,407,410,413,416,419],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":399,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":400},["D",1753019289634],[154],{"_102":212,"_95":213,"_155":214,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":402,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":403},["D",1753019289634],[213],{"_102":265,"_95":266,"_155":267,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":405,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":406},["D",1753019289634],[266],{"_102":335,"_95":336,"_155":337,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":408,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":409},["D",1753019289634],[336],{"_102":357,"_95":178,"_155":358,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":411,"_99":32,"_163":181,"_165":360,"_166":22,"_167":-5,"_98":412},["D",1753019289634],[178],{"_102":364,"_95":365,"_155":366,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":414,"_99":32,"_163":190,"_165":368,"_166":22,"_167":-5,"_98":415},["D",1753019289634],[365],{"_102":372,"_95":373,"_155":374,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":417,"_99":32,"_163":190,"_165":376,"_166":22,"_167":-5,"_98":418},["D",1753019289634],[373],{"_102":380,"_95":381,"_155":382,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":420,"_99":32,"_163":384,"_165":385,"_166":22,"_167":-5,"_98":421},["D",1753019289634],[381],"upstreamProject",{"_102":144,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":424},{"_93":425,"_128":426},"loading","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","upstreamBranch",{"_102":139,"_104":429,"_430":431,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_432":433,"_106":-5,"_149":22,"_108":109,"_148":425,"_16":146,"_147":96},["D",1744057861075],"updatedAt",["D",1744059315159],"lockfileKey","1755795230580-esm.town_v_loading_url-project@73-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":440,"_445":32,"_446":32,"_447":448,"_454":22,"_455":444,"_456":457,"_460":-5},{"_102":103,"_95":96,"_104":441,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":442,"_130":443,"_133":444,"_149":22},["D",1753019289634],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead","behind","diff",{"_449":450,"_166":451,"_452":453},"added",[],[],"modified",[],"hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":458,"_430":459,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_432":433,"_106":-5,"_149":22,"_108":109,"_148":425,"_16":146,"_147":96},["D",1744057861075],["D",1744059315159],"pull","actionData","errors"]

ZuriaTahir

url-project

MergeZuriaTahir/mainintoloading/main