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}","children",[],[99],"8a33dc34-6a11-11f0-848c-0224a6c84d84","entry.server.tsx","0198466f-fdf2-776a-8f28-a406961fbdf6",["D",1753528401323],"/** @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}",[],[108],"8a33cfbe-6a11-11f0-848c-0224a6c84d84","entry.client.tsx","0198466f-fdf2-776a-8f28-a3512ba50058",["D",1753528401323],"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 }));",[],[115],"8a33cec4-6a11-11f0-848c-0224a6c84d84","0198466f-fdf2-776a-8f28-9f29b99e342c",["D",1753528401323],"# 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",[],[81],["D",1753528401323],[130,131],[19],{"_35":80,"_13":81,"_62":82,"_64":65,"_66":67,"_68":69,"_70":71,"_37":135,"_17":32,"_73":24,"_75":84,"_77":50,"_78":-5,"_104":136,"_18":137},{"_35":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_37":132,"_17":32,"_73":74,"_75":76,"_77":50,"_78":-5,"_104":133,"_18":134},["D",1753528401323],[],[19,61],["D",1753528401323],[],[19,81],"8a33c6f4-6a11-11f0-848c-0224a6c84d84","routes","0198466f-fdf2-776a-8f28-8eb31b4ee130",["D",1753528401323],[144,145,146,147,148,149,150,151],[139],{"_35":201,"_13":202,"_62":203,"_64":140,"_66":67,"_68":69,"_70":71,"_37":204,"_17":32,"_73":74,"_75":205,"_77":50,"_78":-5,"_104":206,"_18":207},{"_35":194,"_13":195,"_62":196,"_64":140,"_66":67,"_68":69,"_70":71,"_37":197,"_17":32,"_73":74,"_75":198,"_77":50,"_78":-5,"_104":199,"_18":200},{"_35":187,"_13":188,"_62":189,"_64":140,"_66":67,"_68":69,"_70":71,"_37":190,"_17":32,"_73":74,"_75":191,"_77":50,"_78":-5,"_104":192,"_18":193},{"_35":180,"_13":181,"_62":182,"_64":140,"_66":67,"_68":69,"_70":71,"_37":183,"_17":32,"_73":74,"_75":184,"_77":50,"_78":-5,"_104":185,"_18":186},{"_35":173,"_13":174,"_62":175,"_64":140,"_66":67,"_68":69,"_70":71,"_37":176,"_17":32,"_73":74,"_75":177,"_77":50,"_78":-5,"_104":178,"_18":179},{"_35":166,"_13":167,"_62":168,"_64":140,"_66":67,"_68":69,"_70":71,"_37":169,"_17":32,"_73":74,"_75":170,"_77":50,"_78":-5,"_104":171,"_18":172},{"_35":159,"_13":160,"_62":161,"_64":140,"_66":67,"_68":69,"_70":71,"_37":162,"_17":32,"_73":74,"_75":163,"_77":50,"_78":-5,"_104":164,"_18":165},{"_35":152,"_13":153,"_62":154,"_64":140,"_66":67,"_68":69,"_70":71,"_37":155,"_17":32,"_73":74,"_75":156,"_77":50,"_78":-5,"_104":157,"_18":158},"8a33c492-6a11-11f0-848c-0224a6c84d84","layout.tsx","0198466f-fdf2-776a-8f28-8aaa5c9b45fa",["D",1753528401323],"/** @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}",[],[139,153],"8a33c398-6a11-11f0-848c-0224a6c84d84","layout.server.ts","0198466f-fdf2-776a-8f28-8501db373ad6",["D",1753528401323],"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}",[],[139,160],"8a33c276-6a11-11f0-848c-0224a6c84d84","layout.client.ts","0198466f-fdf2-776a-8f28-82d6b2820a8c",["D",1753528401323],"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}",[],[139,167],"8a33c064-6a11-11f0-848c-0224a6c84d84","index.ts","0198466f-fdf2-776a-8f28-7ffb2ab25bd2",["D",1753528401323],"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];",[],[139,174],"8a33be20-6a11-11f0-848c-0224a6c84d84","home.tsx","0198466f-fdf2-776a-8f28-7ab57e6ba467",["D",1753528401323],"/** @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;",[],[139,181],"8a33b9fc-6a11-11f0-848c-0224a6c84d84","create.tsx","0198466f-fdf2-776a-8f28-75c531312f2e",["D",1753528401323],"/** @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;",[],[139,188],"8a33b90c-6a11-11f0-848c-0224a6c84d84","about.tsx","0198466f-fdf2-776a-8f28-71caf50c12df",["D",1753528401323],"/** @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}",[],[139,195],"8a33b79a-6a11-11f0-848c-0224a6c84d84","about.loader.ts","0198466f-fdf2-776a-8f28-6d05e0145b9a",["D",1753528401323],"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}",[],[139,202],"8a33b6a0-6a11-11f0-848c-0224a6c84d84","frontend","0198466f-fdf2-776a-8f28-6be9fca375d5",["D",1753528401323],[214,215,216],[209],{"_35":230,"_13":231,"_62":232,"_64":210,"_66":67,"_68":69,"_70":71,"_37":233,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":234,"_18":235},{"_35":224,"_13":81,"_62":225,"_64":210,"_66":67,"_68":69,"_70":71,"_37":226,"_17":32,"_73":24,"_75":227,"_77":50,"_78":-5,"_104":228,"_18":229},{"_35":217,"_13":218,"_62":219,"_64":210,"_66":67,"_68":69,"_70":71,"_37":220,"_17":32,"_73":24,"_75":221,"_77":50,"_78":-5,"_104":222,"_18":223},"8a33b45c-6a11-11f0-848c-0224a6c84d84","favicon.svg","0198466f-fdf2-776a-8f28-64d71d413658",["D",1753528401323],"",[],[209,218],"8a33af48-6a11-11f0-848c-0224a6c84d84","0198466f-fdf2-776a-8f28-603c20a07c19",["D",1753528401323],"# 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",[],[209,81],"8a33ae58-6a11-11f0-848c-0224a6c84d84","components","0198466f-fdf2-776a-8f28-5eb0a64f39fd",["D",1753528401323],[236,237,238],[209,231],{"_35":253,"_13":254,"_62":255,"_64":232,"_66":67,"_68":69,"_70":71,"_37":256,"_17":32,"_73":74,"_75":257,"_77":50,"_78":-5,"_104":258,"_18":259},{"_35":246,"_13":247,"_62":248,"_64":232,"_66":67,"_68":69,"_70":71,"_37":249,"_17":32,"_73":74,"_75":250,"_77":50,"_78":-5,"_104":251,"_18":252},{"_35":239,"_13":240,"_62":241,"_64":232,"_66":67,"_68":69,"_70":71,"_37":242,"_17":32,"_73":74,"_75":243,"_77":50,"_78":-5,"_104":244,"_18":245},"8a33ac0a-6a11-11f0-848c-0224a6c84d84","Home.tsx","0198466f-fdf2-776a-8f28-593aa9daca84",["D",1753528401323],"/** @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}",[],[209,231,240],"8a33a85e-6a11-11f0-848c-0224a6c84d84","CreateShortUrl.tsx","0198466f-fdf2-776a-8f28-56d4136844f9",["D",1753528401323],"/** @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}",[],[209,231,247],"8a33a62e-6a11-11f0-848c-0224a6c84d84","App.tsx","0198466f-fdf2-776a-8f28-5122b55c6ea1",["D",1753528401323],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Home } from \"./Home.tsx\";\nimport { CreateShortUrl } from \"./CreateShortUrl.tsx\";\n\nexport function App() {\n const [currentRoute, setCurrentRoute] = useState(\"/\");\n\n useEffect(() => {\n const handleHashChange = () => {\n setCurrentRoute(window.location.hash.slice(1) || \"/\");\n };\n window.addEventListener(\"hashchange\", handleHashChange);\n handleHashChange();\n return () => window.removeEventListener(\"hashchange\", handleHashChange);\n }, []);\n\n return (\n

URL Shortener

\n \n

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

\n \n

\n );\n}",[],[209,231,254],"8a33a520-6a11-11f0-848c-0224a6c84d84","backend","0198466f-fdf2-776a-8f28-4fdb478acccd",["D",1753528401323],[266,267,268],[261],{"_35":281,"_13":282,"_62":283,"_64":262,"_66":67,"_68":69,"_70":71,"_37":284,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":285,"_18":286},{"_35":275,"_13":81,"_62":276,"_64":262,"_66":67,"_68":69,"_70":71,"_37":277,"_17":32,"_73":24,"_75":278,"_77":50,"_78":-5,"_104":279,"_18":280},{"_35":269,"_13":174,"_62":270,"_64":262,"_66":67,"_68":69,"_70":71,"_37":271,"_17":32,"_73":74,"_75":272,"_77":50,"_78":-5,"_104":273,"_18":274},"8a33a066-6a11-11f0-848c-0224a6c84d84","0198466f-fdf2-776a-8f28-4892d32059dd",["D",1753528401323],"import { readFile, 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 \"./database/queries.ts\";\n\n/**\n * Main server handler for the URL shortener application\n */\nexport default async function(request: Request): Promise {\n // Initialize database on each request\n await initializeDatabase(import.meta.url);\n\n const url = new URL(request.url);\n const path = url.pathname;\n\n // Serve frontend files\n if (path === \"/index.ts\" || path.startsWith(\"/frontend/\") || path.startsWith(\"/shared/\")) {\n return serveFile(path, import.meta.url);\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(\"/frontend\") && !path.startsWith(\"/shared\")) {\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 // Serve the frontend for all other routes\n try {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n } catch (error) {\n console.error(\"Error serving frontend:\", error);\n return new Response(\"Server error\", { status: 500 });\n }\n}",[],[261,174],"8a339d14-6a11-11f0-848c-0224a6c84d84","0198466f-fdf2-776a-8f28-44c420e3e7fa",["D",1753528401323],"# Backend\n\nThis directory contains the server-side code for the URL shortener application.\n\n- `index.ts` - Main server entry point\n- `database/` - Database operations and queries",[],[261,81],"8a339a8a-6a11-11f0-848c-0224a6c84d84","database","0198466f-fdf2-776a-8f28-426fa681a5ae",["D",1753528401323],[287,288],[261,282],{"_35":296,"_13":81,"_62":297,"_64":283,"_66":67,"_68":69,"_70":71,"_37":298,"_17":32,"_73":24,"_75":299,"_77":50,"_78":-5,"_104":300,"_18":301},{"_35":289,"_13":290,"_62":291,"_64":283,"_66":67,"_68":69,"_70":71,"_37":292,"_17":32,"_73":74,"_75":293,"_77":50,"_78":-5,"_104":294,"_18":295},"8a3394d6-6a11-11f0-848c-0224a6c84d84","queries.ts","0198466f-fdf2-776a-8f28-3eceb9726601",["D",1753528401323],"import { ShortUrl } from \"../../shared/utils.ts\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table name for URL shortener - use a fixed name with version\nconst TABLE_NAME = \"url_shortener_v1\";\n\n/**\n * Initialize the database schema\n */\nexport const initializeDatabase = async (metaUrl: string): Promise => {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n shortCode TEXT UNIQUE NOT NULL,\n longUrl TEXT NOT NULL,\n createdAt DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n};\n\n/**\n * Create a new short URL\n */\nexport const createShortUrl = async (\n shortCode: string, \n longUrl: string, \n metaUrl: string\n): Promise => {\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (shortCode, longUrl) VALUES (?, ?)`, \n [shortCode, longUrl]\n );\n \n return { shortCode, longUrl };\n};\n\n/**\n * Get recent short URLs\n */\nexport const getRecentUrls = async (metaUrl: string, limit = 5): Promise => {\n const result = await sqlite.execute(\n `SELECT shortCode, longUrl FROM ${TABLE_NAME} \n ORDER BY createdAt DESC LIMIT ?`,\n [limit]\n );\n \n return result.rows as ShortUrl[];\n};\n\n/**\n * Find a URL by its short code\n */\nexport const findUrlByShortCode = async (shortCode: string, metaUrl: string): Promise => {\n const result = await sqlite.execute(\n `SELECT shortCode, longUrl FROM ${TABLE_NAME} WHERE shortCode = ?`, \n [shortCode]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n return result.rows[0] as ShortUrl;\n};",[],[261,282,290],"8a338806-6a11-11f0-848c-0224a6c84d84","0198466f-fdf2-776a-8f28-3ab864d78ff3",["D",1753528401323],"# Database\n\nThis directory contains database-related code.\n\n- `queries.ts` - Database operations for the URL shortener",[],[261,282,81],"8a2b7af8-6a11-11f0-848c-0224a6c84d84",["D",1753528401323],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","f2200a7e-17a7-4960-8b5f-db038d939a4a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","65803414-f145-46ee-bb85-fe0888ce30ea","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_344":340},"org",{"_11":12,"_338":-5,"_339":340,"_308":309,"_341":342,"_343":50},"branch",{"_17":69,"_13":16,"_35":67,"_41":302,"_44":36,"_45":43,"_335":52,"_336":42,"_337":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyYzFDNkhQSDFFRVVzZ3Z4b1lNRjZVTzdHVyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":302,"_13":14,"_37":471,"_48":-5,"_304":50,"_51":52,"_305":52,"_306":-5,"_307":-5,"_308":309,"_310":100,"_311":71,"_312":71,"_313":-5,"_314":32,"_55":315,"_316":-5,"_317":-5,"_318":-5,"_319":-5,"_320":321,"_322":321,"_323":324,"_325":324,"_326":324,"_327":321,"_328":321,"_329":472,"_331":473,"_333":474,"_49":50},[384,390,397,406,409,410,411,412],"files",[384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412],"counts",{"_375":32,"_376":69,"_377":32,"_34":378,"_379":380},[371,372],{"_35":86,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":87,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_18":370},"upstreamProject",{"_35":42,"_13":14,"_306":-5,"_307":-5,"_51":52,"_329":368},"upstreamBranch",{"_35":36,"_37":366,"_39":367,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744057861075],["D",1744059315159],{"_11":54,"_344":369},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ",[19],{"_35":80,"_13":81,"_62":82,"_64":65,"_66":67,"_68":69,"_70":71,"_37":83,"_17":32,"_73":24,"_75":84,"_77":50,"_78":-5,"_18":374},{"_35":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_37":72,"_17":32,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":373},[19,61],[19,81],"pulls","branches","forks",{"_381":32,"_383":32},"connections",{"_381":32,"_382":32},"count","unfilledCount","emptyCount",{"_35":260,"_13":261,"_62":262,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":263,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":469,"_18":470},{"_35":281,"_13":282,"_62":283,"_64":262,"_66":67,"_68":69,"_70":71,"_37":284,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":467,"_18":468},{"_35":296,"_13":81,"_62":297,"_64":283,"_66":67,"_68":69,"_70":71,"_37":298,"_17":32,"_73":24,"_75":299,"_77":50,"_78":-5,"_104":465,"_18":466},{"_35":289,"_13":290,"_62":291,"_64":283,"_66":67,"_68":69,"_70":71,"_37":292,"_17":32,"_73":74,"_75":293,"_77":50,"_78":-5,"_104":463,"_18":464},{"_35":275,"_13":81,"_62":276,"_64":262,"_66":67,"_68":69,"_70":71,"_37":277,"_17":32,"_73":24,"_75":278,"_77":50,"_78":-5,"_104":461,"_18":462},{"_35":269,"_13":174,"_62":270,"_64":262,"_66":67,"_68":69,"_70":71,"_37":271,"_17":32,"_73":74,"_75":272,"_77":50,"_78":-5,"_104":459,"_18":460},{"_35":208,"_13":209,"_62":210,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":211,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":457,"_18":458},{"_35":230,"_13":231,"_62":232,"_64":210,"_66":67,"_68":69,"_70":71,"_37":233,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":455,"_18":456},{"_35":253,"_13":254,"_62":255,"_64":232,"_66":67,"_68":69,"_70":71,"_37":256,"_17":32,"_73":74,"_75":257,"_77":50,"_78":-5,"_104":453,"_18":454},{"_35":246,"_13":247,"_62":248,"_64":232,"_66":67,"_68":69,"_70":71,"_37":249,"_17":32,"_73":74,"_75":250,"_77":50,"_78":-5,"_104":451,"_18":452},{"_35":239,"_13":240,"_62":241,"_64":232,"_66":67,"_68":69,"_70":71,"_37":242,"_17":32,"_73":74,"_75":243,"_77":50,"_78":-5,"_104":449,"_18":450},{"_35":224,"_13":81,"_62":225,"_64":210,"_66":67,"_68":69,"_70":71,"_37":226,"_17":32,"_73":24,"_75":227,"_77":50,"_78":-5,"_104":447,"_18":448},{"_35":217,"_13":218,"_62":219,"_64":210,"_66":67,"_68":69,"_70":71,"_37":220,"_17":32,"_73":24,"_75":221,"_77":50,"_78":-5,"_104":445,"_18":446},{"_35":138,"_13":139,"_62":140,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":141,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":443,"_18":444},{"_35":201,"_13":202,"_62":203,"_64":140,"_66":67,"_68":69,"_70":71,"_37":204,"_17":32,"_73":74,"_75":205,"_77":50,"_78":-5,"_104":441,"_18":442},{"_35":194,"_13":195,"_62":196,"_64":140,"_66":67,"_68":69,"_70":71,"_37":197,"_17":32,"_73":74,"_75":198,"_77":50,"_78":-5,"_104":439,"_18":440},{"_35":187,"_13":188,"_62":189,"_64":140,"_66":67,"_68":69,"_70":71,"_37":190,"_17":32,"_73":74,"_75":191,"_77":50,"_78":-5,"_104":437,"_18":438},{"_35":180,"_13":181,"_62":182,"_64":140,"_66":67,"_68":69,"_70":71,"_37":183,"_17":32,"_73":74,"_75":184,"_77":50,"_78":-5,"_104":435,"_18":436},{"_35":173,"_13":174,"_62":175,"_64":140,"_66":67,"_68":69,"_70":71,"_37":176,"_17":32,"_73":74,"_75":177,"_77":50,"_78":-5,"_104":433,"_18":434},{"_35":166,"_13":167,"_62":168,"_64":140,"_66":67,"_68":69,"_70":71,"_37":169,"_17":32,"_73":74,"_75":170,"_77":50,"_78":-5,"_104":431,"_18":432},{"_35":159,"_13":160,"_62":161,"_64":140,"_66":67,"_68":69,"_70":71,"_37":162,"_17":32,"_73":74,"_75":163,"_77":50,"_78":-5,"_104":429,"_18":430},{"_35":152,"_13":153,"_62":154,"_64":140,"_66":67,"_68":69,"_70":71,"_37":155,"_17":32,"_73":74,"_75":156,"_77":50,"_78":-5,"_104":427,"_18":428},{"_35":86,"_13":19,"_62":65,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":127,"_17":32,"_73":88,"_75":-5,"_77":50,"_78":-5,"_104":425,"_18":426},{"_35":80,"_13":81,"_62":82,"_64":65,"_66":67,"_68":69,"_70":71,"_37":135,"_17":32,"_73":24,"_75":84,"_77":50,"_78":-5,"_104":423,"_18":424},{"_35":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_37":132,"_17":32,"_73":74,"_75":76,"_77":50,"_78":-5,"_104":421,"_18":422},{"_35":121,"_13":81,"_62":122,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":123,"_17":32,"_73":24,"_75":124,"_77":50,"_78":-5,"_104":419,"_18":420},{"_35":114,"_13":115,"_62":116,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":117,"_17":32,"_73":74,"_75":118,"_77":50,"_78":-5,"_104":417,"_18":418},{"_35":107,"_13":108,"_62":109,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":110,"_17":32,"_73":74,"_75":111,"_77":50,"_78":-5,"_104":415,"_18":416},{"_35":98,"_13":99,"_62":100,"_64":-5,"_66":67,"_68":69,"_70":71,"_37":101,"_17":32,"_73":102,"_75":103,"_77":50,"_78":-5,"_104":413,"_18":414},[],[99],[],[108],[],[115],[],[81],[],[19,61],[],[19,81],[407,408],[19],[],[139,153],[],[139,160],[],[139,167],[],[139,174],[],[139,181],[],[139,188],[],[139,195],[],[139,202],[398,399,400,401,402,403,404,405],[139],[],[209,218],[],[209,81],[],[209,231,240],[],[209,231,247],[],[209,231,254],[392,393,394],[209,231],[391,395,396],[209],[],[261,174],[],[261,81],[],[261,282,290],[],[261,282,81],[386,387],[261,282],[385,388,389],[261],["D",1753528401323],{"_11":12,"_344":340},{"_11":12,"_338":-5,"_339":340,"_308":309,"_341":342,"_343":50},{"_17":69,"_13":16,"_35":67,"_41":302,"_44":36,"_45":43,"_335":52,"_336":42,"_337":56,"_57":14,"_53":12},"ctx",{"_329":-5,"_363":508,"_509":510,"_511":512,"_513":50,"_514":50,"_515":50,"_516":71,"_517":-5,"_518":-7,"_519":-7,"_520":32,"_521":50,"_522":50,"_523":-5,"_524":50,"_525":50,"_526":50,"_527":-5},"ENV",{"_479":480,"_481":482,"_483":16,"_484":485,"_486":487,"_488":489,"_490":491,"_492":493,"_494":495,"_496":497,"_498":499,"_500":501,"_502":503,"_504":505,"_506":507},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]