[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_427":428,"_429":430},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":59,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",46,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","ba000b62-13f0-11f0-ac2f-569c3dd06744","name","index.ts","fileType","script","content","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 server(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 // 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 // Serve frontend files\n if (path.startsWith(\"/frontend/\") && path.endsWith(\".tsx\")) {\n return serveFile(path, import.meta.url);\n }\n\n // Handle short URL redirects\n if (path.length > 1 && !path.startsWith(\"/api\") && !path.startsWith(\"/frontend\")) {\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 let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Replace the script src to use the correct import.meta.url\n html = html.replace(\n '',\n ``\n );\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}","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 server(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 // 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\")) {\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 // Read the HTML template\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get the base URL for the application\n const baseUrl = new URL(import.meta.url).origin;\n \n // Replace the script src to use the correct URL\n html = html.replace(\n '',\n ``\n );\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}","createdAt",["D",1744058720547],"branchVersion","branchId","38474c6c-13ef-11f0-bfb0-569c3dd06744","id","3846fd0c-13ef-11f0-bfb0-569c3dd06744","url-project",["D",1744057861075],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","c7d91915-4070-4350-8e28-6c792ff73b1c","pinnedFileId","48e28ffa-13ef-11f0-8bb9-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",66,"likeCount",3,"orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",73,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","loading","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":423,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":424,"_82":425,"_84":426,"_86":25},"tree",[212,218,226,234,237,238,239,240,241],"files",[212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241],"counts",{"_201":152,"_202":143,"_203":204,"_205":206,"_207":208},"contents",[128,129,130,131,132,133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":195,"_32":196,"_30":197,"_139":-5,"_42":43,"_41":198,"_141":59,"_39":199,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_27":200},{"_44":189,"_32":190,"_30":191,"_139":-5,"_42":43,"_41":192,"_141":59,"_39":193,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_27":194},{"_44":183,"_32":184,"_30":185,"_139":-5,"_42":43,"_41":186,"_141":59,"_39":187,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_27":188},{"_44":176,"_32":177,"_30":178,"_139":-5,"_42":43,"_41":179,"_141":59,"_39":180,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_27":182},{"_44":169,"_32":170,"_30":171,"_139":-5,"_42":43,"_41":172,"_141":59,"_39":173,"_13":152,"_34":20,"_36":174,"_24":25,"_146":-5,"_27":175},{"_44":162,"_32":163,"_30":164,"_139":-5,"_42":43,"_41":165,"_141":59,"_39":166,"_13":140,"_34":35,"_36":167,"_24":25,"_146":-5,"_27":168},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":59,"_39":159,"_13":143,"_34":35,"_36":160,"_24":25,"_146":-5,"_27":161},{"_44":148,"_32":33,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":25,"_39":151,"_13":152,"_34":35,"_36":153,"_24":25,"_146":-5,"_27":154},{"_44":137,"_32":138,"_30":57,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":142,"_13":143,"_34":144,"_36":145,"_24":25,"_146":-5,"_27":147},"4aafca5a-13ef-11f0-820a-569c3dd06744","server.tsx","parentId",2,"latest",["D",1744057891955],1,"http","import { handler } from \"./entry.server.tsx\";\n\nexport default async function(request: Request) {\n const url = new URL(request.url);\n if (url.pathname == \"/js/entry.client.js\") {\n const moduleUrl = new URL(\"./entry.client.tsx\", import.meta.url);\n return fetch(moduleUrl);\n }\n return handler(request);\n}","label",[138],"2a0af7aa-13f1-11f0-8c8e-569c3dd06744","2a0af868-13f1-11f0-8c8e-569c3dd06744",45,["D",1744058696183],0,"/**\n * Main entry point for the URL Shortener application\n * \n * This file re-exports the server handler from the frontend/index.tsx file,\n * which in turn re-exports the server handler from backend/index.ts.\n * \n * This structure allows us to have a single entry point for the application\n * while maintaining a clean separation between frontend and backend code.\n */\n\nexport { default } from \"./frontend/index.tsx\";",[33],"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}",[156],"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 }));",[163],"ab628cb0-13f0-11f0-a41a-569c3dd06744","README.md","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",[170],"adc7632c-13f0-11f0-a145-569c3dd06744","shared","87ff1306-5163-42a1-8b25-91bf861c9ca1",32,["D",1744058487699],"directory",[177],"7cb25536-13ef-11f0-8ae5-569c3dd06744","routes","7cb2561c-13ef-11f0-8ae5-569c3dd06744",6,["D",1744057975860],[184],"c02e83ec-13f0-11f0-ab97-569c3dd06744","frontend","e982ed55-985b-4f41-99b8-1fe4ebf462ba",35,["D",1744058518575],[190],"b39d13b4-13f0-11f0-a1c3-569c3dd06744","backend","51dc5c24-ea6f-4bc1-98eb-f4920f288364",33,["D",1744058497486],[196],"pulls","branches","forks",4,"envVars",{"_209":152,"_211":152},"connections",{"_209":152,"_210":152},"count","unfilledCount","emptyCount",{"_44":195,"_32":196,"_30":197,"_139":-5,"_42":43,"_41":198,"_141":59,"_39":420,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":421,"_27":422},{"_44":416,"_32":408,"_30":403,"_139":197,"_42":43,"_41":198,"_141":59,"_39":417,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":418,"_27":419},{"_44":409,"_32":170,"_30":410,"_139":403,"_42":43,"_41":411,"_141":59,"_39":412,"_13":152,"_34":20,"_36":413,"_24":25,"_146":-5,"_243":414,"_27":415},{"_44":400,"_32":401,"_30":402,"_139":403,"_42":43,"_41":198,"_141":25,"_39":404,"_13":152,"_34":35,"_36":405,"_24":25,"_146":-5,"_243":406,"_27":407},{"_44":393,"_32":170,"_30":394,"_139":197,"_42":43,"_41":395,"_141":59,"_39":396,"_13":152,"_34":20,"_36":397,"_24":25,"_146":-5,"_243":398,"_27":399},{"_44":389,"_32":33,"_30":31,"_139":197,"_42":43,"_41":14,"_141":25,"_39":390,"_13":140,"_34":35,"_36":38,"_24":25,"_146":-5,"_243":391,"_27":392},{"_44":189,"_32":190,"_30":191,"_139":-5,"_42":43,"_41":192,"_141":59,"_39":386,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":387,"_27":388},{"_44":382,"_32":366,"_30":360,"_139":191,"_42":43,"_41":192,"_141":59,"_39":383,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":384,"_27":385},{"_44":375,"_32":376,"_30":377,"_139":360,"_42":43,"_41":192,"_141":59,"_39":378,"_13":152,"_34":35,"_36":379,"_24":25,"_146":-5,"_243":380,"_27":381},{"_44":367,"_32":368,"_30":369,"_139":360,"_42":43,"_41":370,"_141":59,"_39":371,"_13":152,"_34":35,"_36":372,"_24":25,"_146":-5,"_243":373,"_27":374},{"_44":357,"_32":358,"_30":359,"_139":360,"_42":43,"_41":361,"_141":59,"_39":362,"_13":152,"_34":35,"_36":363,"_24":25,"_146":-5,"_243":364,"_27":365},{"_44":350,"_32":170,"_30":351,"_139":191,"_42":43,"_41":352,"_141":59,"_39":353,"_13":152,"_34":20,"_36":354,"_24":25,"_146":-5,"_243":355,"_27":356},{"_44":342,"_32":343,"_30":344,"_139":191,"_42":43,"_41":345,"_141":25,"_39":346,"_13":152,"_34":20,"_36":347,"_24":25,"_146":-5,"_243":348,"_27":349},{"_44":334,"_32":335,"_30":336,"_139":191,"_42":43,"_41":337,"_141":25,"_39":338,"_13":152,"_34":35,"_36":339,"_24":25,"_146":-5,"_243":340,"_27":341},{"_44":183,"_32":184,"_30":185,"_139":-5,"_42":43,"_41":186,"_141":59,"_39":331,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":332,"_27":333},{"_44":323,"_32":324,"_30":325,"_139":185,"_42":43,"_41":326,"_141":59,"_39":327,"_13":143,"_34":35,"_36":328,"_24":25,"_146":-5,"_243":329,"_27":330},{"_44":315,"_32":316,"_30":317,"_139":185,"_42":43,"_41":318,"_141":25,"_39":319,"_13":143,"_34":35,"_36":320,"_24":25,"_146":-5,"_243":321,"_27":322},{"_44":307,"_32":308,"_30":309,"_139":185,"_42":43,"_41":310,"_141":25,"_39":311,"_13":143,"_34":35,"_36":312,"_24":25,"_146":-5,"_243":313,"_27":314},{"_44":299,"_32":33,"_30":300,"_139":185,"_42":43,"_41":301,"_141":25,"_39":302,"_13":303,"_34":35,"_36":304,"_24":25,"_146":-5,"_243":305,"_27":306},{"_44":291,"_32":292,"_30":293,"_139":185,"_42":43,"_41":294,"_141":59,"_39":295,"_13":204,"_34":35,"_36":296,"_24":25,"_146":-5,"_243":297,"_27":298},{"_44":283,"_32":284,"_30":285,"_139":185,"_42":43,"_41":286,"_141":59,"_39":287,"_13":140,"_34":35,"_36":288,"_24":25,"_146":-5,"_243":289,"_27":290},{"_44":275,"_32":276,"_30":277,"_139":185,"_42":43,"_41":278,"_141":25,"_39":279,"_13":143,"_34":35,"_36":280,"_24":25,"_146":-5,"_243":281,"_27":282},{"_44":176,"_32":177,"_30":178,"_139":-5,"_42":43,"_41":179,"_141":59,"_39":272,"_13":152,"_34":181,"_36":-5,"_24":25,"_146":-5,"_243":273,"_27":274},{"_44":265,"_32":170,"_30":266,"_139":178,"_42":43,"_41":267,"_141":59,"_39":268,"_13":152,"_34":20,"_36":269,"_24":25,"_146":-5,"_243":270,"_27":271},{"_44":258,"_32":259,"_30":260,"_139":178,"_42":43,"_41":179,"_141":59,"_39":261,"_13":152,"_34":35,"_36":262,"_24":25,"_146":-5,"_243":263,"_27":264},{"_44":169,"_32":170,"_30":171,"_139":-5,"_42":43,"_41":172,"_141":59,"_39":255,"_13":152,"_34":20,"_36":174,"_24":25,"_146":-5,"_243":256,"_27":257},{"_44":162,"_32":163,"_30":164,"_139":-5,"_42":43,"_41":165,"_141":59,"_39":252,"_13":140,"_34":35,"_36":167,"_24":25,"_146":-5,"_243":253,"_27":254},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":59,"_39":249,"_13":143,"_34":35,"_36":160,"_24":25,"_146":-5,"_243":250,"_27":251},{"_44":148,"_32":33,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":25,"_39":246,"_13":152,"_34":35,"_36":153,"_24":25,"_146":-5,"_243":247,"_27":248},{"_44":137,"_32":138,"_30":57,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":242,"_13":143,"_34":144,"_36":145,"_24":25,"_146":-5,"_243":244,"_27":245},["D",1744057891955],"children",[],[138],["D",1744058696183],[],[33],["D",1744058238050],[],[156],["D",1744058230001],[],[163],["D",1744058483684],[],[170],"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}",[],[177,259],"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",[],[177,170],["D",1744058487699],[235,236],[177],"af6c4dd8-13ef-11f0-befd-569c3dd06744","layout.tsx","ad875850-13ef-11f0-aaff-569c3dd06744",10,["D",1744058060961],"/** @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 return (\n \n \n React Router Custom Framework\n \n \n

React Router Custom Framework

\n\n \n\n

\n Home | About\n

\n\n

\n\n \n

\n\n \n \n \n );\n}",[],[184,276],"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}",[],[184,284],"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}",[],[184,292],"542e5df2-13f0-11f0-8650-569c3dd06744","7f420d0a-13ef-11f0-ac6f-569c3dd06744",30,["D",1744058337381],5,"import { ActionFunctionArgs, LoaderFunctionArgs } from \"npm:react-router\";\nimport Layout from \"./layout.tsx\";\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 },\n];",[],[184,33],"f7d4e2ce-13ef-11f0-aaff-569c3dd06744","home.tsx","f674faf4-13ef-11f0-9a50-569c3dd06744",21,["D",1744058182443],"/** @jsxImportSource npm:react */\n\nexport default function Home() {\n return

Home

;\n}",[],[184,308],"00ba7822-13f0-11f0-9d7c-569c3dd06744","about.tsx","ff60d7e6-13ef-11f0-b525-569c3dd06744",23,["D",1744058197363],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { useLoaderData } from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type loader from \"./about.loader.js\";\n\nexport default function About() {\n let data = useLoaderData();\n return

{data.message}

;\n}",[],[184,316],"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}",[],[184,324],["D",1744057975860],[227,228,229,230,231,232,233],[184],"d265bfa8-13f0-11f0-803c-569c3dd06744","index.tsx","d265c084-13f0-11f0-803c-569c3dd06744",39,["D",1744058549136],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { App } from \"./components/App.tsx\";\n\n// Client-side rendering\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n createRoot(rootElement).render();\n }\n}\n\n// Only run client-side code in browser environment\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// Re-export the server handler from backend\nexport { default } from \"../backend/index.ts\";",[],[190,335],"cf76325a-13f0-11f0-82a2-569c3dd06744","index.html","cf763304-13f0-11f0-82a2-569c3dd06744",38,["D",1744058544212],"\n\n \n \n \n URL Shortener\n \n \n \n

\n \n \n \n",[],[190,343],"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",[],[190,170],"c56ff6f6-13f0-11f0-a439-569c3dd06744","Home.tsx","c56ff7a0-13f0-11f0-a439-569c3dd06744","090d1353-aaa7-4229-be8c-ef5b2efad21d",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}",[],[190,366,358],"components","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}",[],[190,366,368],"c02e72a8-13f0-11f0-ab97-569c3dd06744","App.tsx","c02e7384-13f0-11f0-ab97-569c3dd06744",["D",1744058518575],"/** @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}",[],[190,366,376],"c02e866c-13f0-11f0-ab97-569c3dd06744",["D",1744058518575],[220,221,222],[190,366],["D",1744058518575],[219,223,224,225],[190],"3890f0b8-13f1-11f0-94f0-569c3dd06744",["D",1744058720547],[],[196,33],"d7c05ed6-13f0-11f0-a972-569c3dd06744","d7c05f9e-13f0-11f0-a972-569c3dd06744",42,["D",1744058558120],"# 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",[],[196,170],"b39d0b12-13f0-11f0-a1c3-569c3dd06744","queries.ts","b39d0bc6-13f0-11f0-a1c3-569c3dd06744","e9820e6e-9be8-42bc-bc94-1b2b38a609d6",["D",1744058497486],"import { ShortUrl } from \"../../shared/utils.ts\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Get the unique key for this val to use in table names\nconst getKey = (url: string): string => {\n return new URL(url).pathname.split(\"/\").at(-1) || \"url_shortener\";\n};\n\n// Current schema version - increment when changing schema\nconst SCHEMA_VERSION = 1;\n\n/**\n * Initialize the database schema\n */\nexport const initializeDatabase = async (metaUrl: string): Promise => {\n const KEY = getKey(metaUrl);\n \n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_urls_${SCHEMA_VERSION} (\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 const KEY = getKey(metaUrl);\n \n await sqlite.execute(\n `INSERT INTO ${KEY}_urls_${SCHEMA_VERSION} (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 KEY = getKey(metaUrl);\n \n const result = await sqlite.execute(\n `SELECT shortCode, longUrl FROM ${KEY}_urls_${SCHEMA_VERSION} \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 KEY = getKey(metaUrl);\n \n const result = await sqlite.execute(\n `SELECT longUrl FROM ${KEY}_urls_${SCHEMA_VERSION} 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};",[],[196,408,401],"database","d96e4dce-13f0-11f0-8775-569c3dd06744","d96e4e82-13f0-11f0-8775-569c3dd06744",43,["D",1744058560939],"# Database\n\nThis directory contains database-related code.\n\n- `queries.ts` - Database operations for the URL shortener",[],[196,408,170],"b39d1530-13f0-11f0-a1c3-569c3dd06744",["D",1744058497486],[214,215],[196,408],["D",1744058497486],[213,216,217],[196],["D",1744057861075],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_125":460,"_461":462,"_463":464,"_465":25,"_466":25,"_467":25,"_468":59,"_469":-5,"_470":-7,"_471":-7,"_472":152,"_473":25,"_474":25,"_475":-5,"_476":25,"_477":25,"_478":25,"_479":-5},"ENV",{"_431":432,"_433":434,"_435":88,"_436":437,"_438":439,"_440":441,"_442":443,"_444":445,"_446":447,"_448":449,"_450":451,"_452":453,"_454":455,"_456":457,"_458":459},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v46