URL Shortener

\n \n

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

\n \n

\n );\n}",[],[218,225,231],{"_106":238,"_98":239,"_155":240,"_157":226,"_158":141,"_159":241,"_161":120,"_108":242,"_103":29,"_163":192,"_165":243,"_166":25,"_167":-5,"_168":244,"_101":245},"cd19049c-13f0-11f0-824b-569c3dd06744","CreateShortUrl.tsx","cd190596-13f0-11f0-824b-569c3dd06744",37,["D",1744058540230],"/** @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}",[],[218,225,239],{"_106":247,"_98":248,"_155":249,"_157":226,"_158":141,"_159":250,"_161":120,"_108":251,"_103":29,"_163":192,"_165":252,"_166":25,"_167":-5,"_168":253,"_101":254},"c56ff6f6-13f0-11f0-a439-569c3dd06744","Home.tsx","c56ff7a0-13f0-11f0-a439-569c3dd06744",36,["D",1744058527393],"/** @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}",[],[218,225,248],[218,225],{"_106":257,"_98":178,"_155":258,"_157":219,"_158":141,"_159":259,"_161":120,"_108":260,"_103":29,"_163":182,"_165":261,"_166":25,"_167":-5,"_168":262,"_101":263},"d598800c-13f0-11f0-bbb9-569c3dd06744","d59880c0-13f0-11f0-bbb9-569c3dd06744",41,["D",1744058554503],"# 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",[],[218,178],{"_106":265,"_98":266,"_155":267,"_157":219,"_158":141,"_159":268,"_161":120,"_108":269,"_103":29,"_163":182,"_165":270,"_166":25,"_167":-5,"_168":271,"_101":272},"3b11a76a-13f1-11f0-9a33-569c3dd06744","favicon.svg","3b11a81e-13f1-11f0-9a33-569c3dd06744",47,["D",1744058724746],"",[],[218,266],[218],{"_106":275,"_98":102,"_155":276,"_157":-5,"_158":141,"_159":277,"_161":120,"_108":278,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":279,"_101":354},"7cb25536-13ef-11f0-8ae5-569c3dd06744","7cb2561c-13ef-11f0-8ae5-569c3dd06744",6,["D",1744057975860],[280,289,299,308,318,327,336,345],{"_106":281,"_98":282,"_155":283,"_157":276,"_158":141,"_159":284,"_161":120,"_108":285,"_103":124,"_163":192,"_165":286,"_166":25,"_167":-5,"_168":287,"_101":288},"0bdbe420-13f0-11f0-b91e-569c3dd06744","about.loader.ts","09aa151e-13f0-11f0-a218-569c3dd06744",25,["D",1744058216043],"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}",[],[102,282],{"_106":290,"_98":291,"_155":292,"_157":276,"_158":141,"_159":293,"_161":120,"_108":294,"_103":295,"_163":192,"_165":296,"_166":25,"_167":-5,"_168":297,"_101":298},"ec2d3802-13f1-11f0-87d8-569c3dd06744","about.tsx","ff60d7e6-13ef-11f0-b525-569c3dd06744",61,["D",1744059021880],2,"/** @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}",[],[102,291],{"_106":300,"_98":301,"_155":302,"_157":276,"_158":141,"_159":303,"_161":120,"_108":304,"_103":295,"_163":192,"_165":305,"_166":25,"_167":-5,"_168":306,"_101":307},"844f7dd4-13f2-11f0-96fc-569c3dd06744","create.tsx","e715b9b6-13f1-11f0-939c-569c3dd06744",71,["D",1744059277118],"/** @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;",[],[102,301],{"_106":309,"_98":310,"_155":311,"_157":276,"_158":141,"_159":312,"_161":120,"_108":313,"_103":314,"_163":192,"_165":315,"_166":25,"_167":-5,"_168":316,"_101":317},"8e5fdd1e-13f2-11f0-a7ca-569c3dd06744","home.tsx","f674faf4-13ef-11f0-9a50-569c3dd06744",72,["D",1744059294002],4,"/** @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;",[],[102,310],{"_106":319,"_98":207,"_155":320,"_157":276,"_158":141,"_159":321,"_161":120,"_108":322,"_103":323,"_163":192,"_165":324,"_166":25,"_167":-5,"_168":325,"_101":326},"56790858-13f2-11f0-a522-569c3dd06744","7f420d0a-13ef-11f0-ac6f-569c3dd06744",70,["D",1744059200210],8,"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];",[],[102,207],{"_106":328,"_98":329,"_155":330,"_157":276,"_158":141,"_159":331,"_161":120,"_108":332,"_103":314,"_163":192,"_165":333,"_166":25,"_167":-5,"_168":334,"_101":335},"e7538cfc-13ef-11f0-bfb0-569c3dd06744","layout.client.ts","beba5f00-13ef-11f0-a220-569c3dd06744",18,["D",1744058154751],"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}",[],[102,329],{"_106":337,"_98":338,"_155":339,"_157":276,"_158":141,"_159":340,"_161":120,"_108":341,"_103":295,"_163":192,"_165":342,"_166":25,"_167":-5,"_168":343,"_101":344},"e9780792-13ef-11f0-a18c-569c3dd06744","layout.server.ts","bac1e01c-13ef-11f0-8aea-569c3dd06744",19,["D",1744058158345],"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}",[],[102,338],{"_106":346,"_98":347,"_155":348,"_157":276,"_158":141,"_159":140,"_161":120,"_108":349,"_103":350,"_163":192,"_165":351,"_166":25,"_167":-5,"_168":352,"_101":353},"9afc2a00-13f2-11f0-9f50-569c3dd06744","layout.tsx","ad875850-13ef-11f0-aaff-569c3dd06744",["D",1744059315159],3,"/** @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}",[],[102,347],[102],{"_106":356,"_98":357,"_155":358,"_157":-5,"_158":141,"_159":359,"_161":120,"_108":360,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":361,"_101":378},"adc7632c-13f0-11f0-a145-569c3dd06744","shared","87ff1306-5163-42a1-8b25-91bf861c9ca1",32,["D",1744058487699],[362,370],{"_106":363,"_98":178,"_155":364,"_157":358,"_158":141,"_159":365,"_161":120,"_108":366,"_103":29,"_163":182,"_165":367,"_166":25,"_167":-5,"_168":368,"_101":369},"d4292f46-13f0-11f0-803c-569c3dd06744","d4292ffa-13f0-11f0-803c-569c3dd06744",40,["D",1744058552096],"# Shared\n\nThis directory contains code that is shared between the frontend and backend.\n\n- `utils.ts` - Utility functions and shared types",[],[357,178],{"_106":371,"_98":372,"_155":373,"_157":358,"_158":141,"_159":359,"_161":120,"_108":374,"_103":29,"_163":192,"_165":375,"_166":25,"_167":-5,"_168":376,"_101":377},"adc75dbe-13f0-11f0-a145-569c3dd06744","utils.ts","adc75e9a-13f0-11f0-a145-569c3dd06744",["D",1744058487699],"/**\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}",[],[357,372],[357],{"_106":380,"_98":178,"_155":381,"_157":-5,"_158":141,"_159":382,"_161":120,"_108":383,"_103":29,"_163":182,"_165":384,"_166":25,"_167":-5,"_168":385,"_101":386},"ab628cb0-13f0-11f0-a41a-569c3dd06744","ab628d46-13f0-11f0-a41a-569c3dd06744",31,["D",1744058483684],"# 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],{"_106":388,"_98":389,"_155":390,"_157":-5,"_158":141,"_159":391,"_161":120,"_108":392,"_103":295,"_163":192,"_165":393,"_166":25,"_167":-5,"_168":394,"_101":395},"142db0ea-13f0-11f0-9e72-569c3dd06744","entry.client.tsx","52fd858a-13ef-11f0-aa91-569c3dd06744",26,["D",1744058230001],"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 }));",[],[389],{"_106":397,"_98":398,"_155":399,"_157":-5,"_158":141,"_159":400,"_161":120,"_108":401,"_103":124,"_163":192,"_165":402,"_166":25,"_167":-5,"_168":403,"_101":404},"18f9c5c8-13f0-11f0-ab6b-569c3dd06744","entry.server.tsx","5c2615dc-13ef-11f0-b44b-569c3dd06744",27,["D",1744058238050],"/** @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}",[],[398],{"_106":406,"_98":407,"_155":118,"_157":-5,"_158":141,"_159":122,"_161":120,"_108":408,"_103":350,"_163":409,"_165":410,"_166":25,"_167":-5,"_168":411,"_101":412},"2c1d569a-13f2-11f0-bd83-569c3dd06744","server.tsx",["D",1744059129152],"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}",[],[407],"files",[152,170,176,186,197,205,216,223,229,237,246,256,264,274,280,289,299,308,318,327,336,345,355,362,370,379,387,396,405],"counts",{"_417":29,"_418":124,"_419":295,"_420":29},"pulls","branches","forks","envVars","contents",[423,426,429,432,435,438,441,444],{"_106":281,"_98":282,"_155":283,"_157":276,"_158":141,"_159":284,"_161":120,"_108":424,"_103":124,"_163":192,"_165":286,"_166":25,"_167":-5,"_101":425},["D",1744058216043],[102,282],{"_106":290,"_98":291,"_155":292,"_157":276,"_158":141,"_159":293,"_161":120,"_108":427,"_103":295,"_163":192,"_165":296,"_166":25,"_167":-5,"_101":428},["D",1744059021880],[102,291],{"_106":300,"_98":301,"_155":302,"_157":276,"_158":141,"_159":303,"_161":120,"_108":430,"_103":295,"_163":192,"_165":305,"_166":25,"_167":-5,"_101":431},["D",1744059277118],[102,301],{"_106":309,"_98":310,"_155":311,"_157":276,"_158":141,"_159":312,"_161":120,"_108":433,"_103":314,"_163":192,"_165":315,"_166":25,"_167":-5,"_101":434},["D",1744059294002],[102,310],{"_106":319,"_98":207,"_155":320,"_157":276,"_158":141,"_159":321,"_161":120,"_108":436,"_103":323,"_163":192,"_165":324,"_166":25,"_167":-5,"_101":437},["D",1744059200210],[102,207],{"_106":328,"_98":329,"_155":330,"_157":276,"_158":141,"_159":331,"_161":120,"_108":439,"_103":314,"_163":192,"_165":333,"_166":25,"_167":-5,"_101":440},["D",1744058154751],[102,329],{"_106":337,"_98":338,"_155":339,"_157":276,"_158":141,"_159":340,"_161":120,"_108":442,"_103":295,"_163":192,"_165":342,"_166":25,"_167":-5,"_101":443},["D",1744058158345],[102,338],{"_106":346,"_98":347,"_155":348,"_157":276,"_158":141,"_159":140,"_161":120,"_108":445,"_103":350,"_163":192,"_165":351,"_166":25,"_167":-5,"_101":446},["D",1744059315159],[102,347],{"_106":275,"_158":141,"_155":276,"_98":102,"_165":-5,"_163":164,"_103":29,"_157":-5,"_108":448,"_159":277,"_167":-5,"_101":449},["D",1744057975860],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":40,"_103":-7,"_101":102,"_104":456,"_150":460,"_413":548,"_182":549,"_421":552,"_569":-5,"_570":25,"_571":-5,"_572":-5,"_573":-5,"_574":575},{"_106":107,"_98":99,"_108":457,"_110":-5,"_111":25,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":118,"_119":120,"_121":122,"_123":124,"_14":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_19":458,"_138":459,"_149":25},["D",1744057861075],{"_96":97,"_136":137},{"_103":140,"_98":40,"_106":141,"_142":107,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":99,"_148":97},[461,479,500,527,536,539,542,545],{"_106":153,"_98":154,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":120,"_108":162,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":462,"_101":478},[463,472,475],{"_106":171,"_98":172,"_155":173,"_157":156,"_158":141,"_159":160,"_161":120,"_108":174,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":464,"_101":471},[465,468],{"_106":177,"_98":178,"_155":179,"_157":173,"_158":141,"_159":180,"_161":120,"_108":181,"_103":29,"_163":182,"_165":183,"_166":25,"_167":-5,"_168":466,"_101":467},[],[154,172,178],{"_106":187,"_98":188,"_155":189,"_157":173,"_158":141,"_159":190,"_161":120,"_108":191,"_103":124,"_163":192,"_165":193,"_166":25,"_167":-5,"_168":469,"_101":470},[],[154,172,188],[154,172],{"_106":198,"_98":178,"_155":199,"_157":156,"_158":141,"_159":200,"_161":120,"_108":201,"_103":29,"_163":182,"_165":202,"_166":25,"_167":-5,"_168":473,"_101":474},[],[154,178],{"_106":206,"_98":207,"_155":208,"_157":156,"_158":141,"_159":209,"_161":120,"_108":210,"_103":211,"_163":192,"_165":212,"_166":25,"_167":-5,"_168":476,"_101":477},[],[154,207],[154],{"_106":217,"_98":218,"_155":219,"_157":-5,"_158":141,"_159":220,"_161":120,"_108":221,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":480,"_101":499},[481,493,496],{"_106":224,"_98":225,"_155":226,"_157":219,"_158":141,"_159":220,"_161":120,"_108":227,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":482,"_101":492},[483,486,489],{"_106":230,"_98":231,"_155":232,"_157":226,"_158":141,"_159":220,"_161":120,"_108":233,"_103":29,"_163":192,"_165":234,"_166":25,"_167":-5,"_168":484,"_101":485},[],[218,225,231],{"_106":238,"_98":239,"_155":240,"_157":226,"_158":141,"_159":241,"_161":120,"_108":242,"_103":29,"_163":192,"_165":243,"_166":25,"_167":-5,"_168":487,"_101":488},[],[218,225,239],{"_106":247,"_98":248,"_155":249,"_157":226,"_158":141,"_159":250,"_161":120,"_108":251,"_103":29,"_163":192,"_165":252,"_166":25,"_167":-5,"_168":490,"_101":491},[],[218,225,248],[218,225],{"_106":257,"_98":178,"_155":258,"_157":219,"_158":141,"_159":259,"_161":120,"_108":260,"_103":29,"_163":182,"_165":261,"_166":25,"_167":-5,"_168":494,"_101":495},[],[218,178],{"_106":265,"_98":266,"_155":267,"_157":219,"_158":141,"_159":268,"_161":120,"_108":269,"_103":29,"_163":182,"_165":270,"_166":25,"_167":-5,"_168":497,"_101":498},[],[218,266],[218],{"_106":275,"_98":102,"_155":276,"_157":-5,"_158":141,"_159":277,"_161":120,"_108":278,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":501,"_101":526},[502,505,508,511,514,517,520,523],{"_106":281,"_98":282,"_155":283,"_157":276,"_158":141,"_159":284,"_161":120,"_108":285,"_103":124,"_163":192,"_165":286,"_166":25,"_167":-5,"_168":503,"_101":504},[],[102,282],{"_106":290,"_98":291,"_155":292,"_157":276,"_158":141,"_159":293,"_161":120,"_108":294,"_103":295,"_163":192,"_165":296,"_166":25,"_167":-5,"_168":506,"_101":507},[],[102,291],{"_106":300,"_98":301,"_155":302,"_157":276,"_158":141,"_159":303,"_161":120,"_108":304,"_103":295,"_163":192,"_165":305,"_166":25,"_167":-5,"_168":509,"_101":510},[],[102,301],{"_106":309,"_98":310,"_155":311,"_157":276,"_158":141,"_159":312,"_161":120,"_108":313,"_103":314,"_163":192,"_165":315,"_166":25,"_167":-5,"_168":512,"_101":513},[],[102,310],{"_106":319,"_98":207,"_155":320,"_157":276,"_158":141,"_159":321,"_161":120,"_108":322,"_103":323,"_163":192,"_165":324,"_166":25,"_167":-5,"_168":515,"_101":516},[],[102,207],{"_106":328,"_98":329,"_155":330,"_157":276,"_158":141,"_159":331,"_161":120,"_108":332,"_103":314,"_163":192,"_165":333,"_166":25,"_167":-5,"_168":518,"_101":519},[],[102,329],{"_106":337,"_98":338,"_155":339,"_157":276,"_158":141,"_159":340,"_161":120,"_108":341,"_103":295,"_163":192,"_165":342,"_166":25,"_167":-5,"_168":521,"_101":522},[],[102,338],{"_106":346,"_98":347,"_155":348,"_157":276,"_158":141,"_159":140,"_161":120,"_108":349,"_103":350,"_163":192,"_165":351,"_166":25,"_167":-5,"_168":524,"_101":525},[],[102,347],[102],{"_106":356,"_98":357,"_155":358,"_157":-5,"_158":141,"_159":359,"_161":120,"_108":360,"_103":29,"_163":164,"_165":-5,"_166":25,"_167":-5,"_168":528,"_101":535},[529,532],{"_106":363,"_98":178,"_155":364,"_157":358,"_158":141,"_159":365,"_161":120,"_108":366,"_103":29,"_163":182,"_165":367,"_166":25,"_167":-5,"_168":530,"_101":531},[],[357,178],{"_106":371,"_98":372,"_155":373,"_157":358,"_158":141,"_159":359,"_161":120,"_108":374,"_103":29,"_163":192,"_165":375,"_166":25,"_167":-5,"_168":533,"_101":534},[],[357,372],[357],{"_106":380,"_98":178,"_155":381,"_157":-5,"_158":141,"_159":382,"_161":120,"_108":383,"_103":29,"_163":182,"_165":384,"_166":25,"_167":-5,"_168":537,"_101":538},[],[178],{"_106":388,"_98":389,"_155":390,"_157":-5,"_158":141,"_159":391,"_161":120,"_108":392,"_103":295,"_163":192,"_165":393,"_166":25,"_167":-5,"_168":540,"_101":541},[],[389],{"_106":397,"_98":398,"_155":399,"_157":-5,"_158":141,"_159":400,"_161":120,"_108":401,"_103":124,"_163":192,"_165":402,"_166":25,"_167":-5,"_168":543,"_101":544},[],[398],{"_106":406,"_98":407,"_155":118,"_157":-5,"_158":141,"_159":122,"_161":120,"_108":408,"_103":350,"_163":409,"_165":410,"_166":25,"_167":-5,"_168":546,"_101":547},[],[407],[461,463,465,468,472,475,479,481,483,486,489,493,496,500,502,505,508,511,514,517,520,523,527,529,532,536,539,542,545],{"_106":275,"_158":141,"_155":276,"_98":102,"_165":-5,"_163":164,"_103":29,"_157":-5,"_108":550,"_159":277,"_167":-5,"_101":551},["D",1744057975860],[102],[553,555,557,559,561,563,565,567],{"_106":281,"_98":282,"_155":283,"_157":276,"_158":141,"_159":284,"_161":120,"_108":424,"_103":124,"_163":192,"_165":286,"_166":25,"_167":-5,"_101":554},[102,282],{"_106":290,"_98":291,"_155":292,"_157":276,"_158":141,"_159":293,"_161":120,"_108":427,"_103":295,"_163":192,"_165":296,"_166":25,"_167":-5,"_101":556},[102,291],{"_106":300,"_98":301,"_155":302,"_157":276,"_158":141,"_159":303,"_161":120,"_108":430,"_103":295,"_163":192,"_165":305,"_166":25,"_167":-5,"_101":558},[102,301],{"_106":309,"_98":310,"_155":311,"_157":276,"_158":141,"_159":312,"_161":120,"_108":433,"_103":314,"_163":192,"_165":315,"_166":25,"_167":-5,"_101":560},[102,310],{"_106":319,"_98":207,"_155":320,"_157":276,"_158":141,"_159":321,"_161":120,"_108":436,"_103":323,"_163":192,"_165":324,"_166":25,"_167":-5,"_101":562},[102,207],{"_106":328,"_98":329,"_155":330,"_157":276,"_158":141,"_159":331,"_161":120,"_108":439,"_103":314,"_163":192,"_165":333,"_166":25,"_167":-5,"_101":564},[102,329],{"_106":337,"_98":338,"_155":339,"_157":276,"_158":141,"_159":340,"_161":120,"_108":442,"_103":295,"_163":192,"_165":342,"_166":25,"_167":-5,"_101":566},[102,338],{"_106":346,"_98":347,"_155":348,"_157":276,"_158":141,"_159":140,"_161":120,"_108":445,"_103":350,"_163":192,"_165":351,"_166":25,"_167":-5,"_101":568},[102,347],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]