\n \n\n",[],[113,132],"44f6b78e-13c4-11f0-a419-569c3dd06744","favicon.svg","44f6b860-13c4-11f0-a419-569c3dd06744",["D",1744039413996],"",[],[113,139],"4ed588de-13c4-11f0-b944-569c3dd06744","components","03b7444d-30e6-482b-8b3e-dd6be0702b1b",8,["D",1744039430553],[152,153,154,155],[113,146],{"_35":179,"_13":180,"_38":181,"_40":147,"_42":43,"_44":182,"_46":47,"_48":183,"_17":50,"_51":52,"_53":184,"_55":56,"_57":-5,"_86":185,"_18":186},{"_35":172,"_13":173,"_38":174,"_40":147,"_42":43,"_44":148,"_46":47,"_48":175,"_17":50,"_51":52,"_53":176,"_55":56,"_57":-5,"_86":177,"_18":178},{"_35":164,"_13":165,"_38":166,"_40":147,"_42":43,"_44":167,"_46":47,"_48":168,"_17":50,"_51":52,"_53":169,"_55":56,"_57":-5,"_86":170,"_18":171},{"_35":156,"_13":157,"_38":158,"_40":147,"_42":43,"_44":159,"_46":47,"_48":160,"_17":50,"_51":52,"_53":161,"_55":56,"_57":-5,"_86":162,"_18":163},"5c2f0578-13c4-11f0-b944-569c3dd06744","NotFound.tsx","5c2f0622-13c4-11f0-b944-569c3dd06744",10,["D",1744039452949],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { Link } from \"https://esm.sh/react-router-dom@7.0.0-rc.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function NotFound() {\n return (\n

Link Not Found

\n The short link you're looking for doesn't exist or has been removed.\n

\n \n Go to Homepage\n \n

\n );\n}",[],[113,146,157],"57b8d442-13c4-11f0-856e-569c3dd06744","LinkList.tsx","57b8d532-13c4-11f0-856e-569c3dd06744",9,["D",1744039445464],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"../../shared/types.ts\";\n\ninterface LinkListProps {\n links: Link[];\n}\n\nexport function LinkList({ links }: LinkListProps) {\n const [copiedId, setCopiedId] = useState(null);\n \n if (links.length === 0) {\n return (\n

No links created yet. Create your first link above!

\n );\n }\n\n const copyToClipboard = async (shortId: string) => {\n const shortUrl = `${window.location.origin}/${shortId}`;\n \n try {\n await navigator.clipboard.writeText(shortUrl);\n setCopiedId(shortId);\n \n // Reset the copied state after 2 seconds\n setTimeout(() => {\n setCopiedId(null);\n }, 2000);\n } catch (err) {\n console.error(\"Failed to copy:\", err);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleString();\n };\n\n return (\n

Your Links

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n {links.map((link) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Short URL\n	\n Original URL\n	\n Created\n	\n Clicks\n	\n Actions\n
\n \n {window.location.origin}/{link.shortId}\n \n	\n \n \n {link.originalUrl}\n \n \n	\n {formatDate(link.createdAt)}\n	\n {link.clickCount}\n	\n copyToClipboard(link.shortId)}\n className=\"text-blue-600 hover:text-blue-800\"\n >\n {copiedId === link.shortId ? \"Copied!\" : \"Copy\"}\n \n

\n );\n}",[],[113,146,165],"4ed57a6a-13c4-11f0-b944-569c3dd06744","CreateLink.tsx","4ed57b50-13c4-11f0-b944-569c3dd06744",["D",1744039430553],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"../../shared/types.ts\";\n\ninterface CreateLinkProps {\n onLinkCreated: (link: Link) => void;\n}\n\nexport function CreateLink({ onLinkCreated }: CreateLinkProps) {\n const [url, setUrl] = useState(\"\");\n const [customShortId, setCustomShortId] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const [showAdvanced, setShowAdvanced] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n \n if (!url) {\n setError(\"Please enter a URL\");\n return;\n }\n \n setIsLoading(true);\n \n try {\n const response = await fetch(\"/api/links\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n originalUrl: url,\n customShortId: customShortId || undefined,\n }),\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to create short link\");\n }\n \n if (data.success && data.link) {\n onLinkCreated(data.link);\n setUrl(\"\");\n setCustomShortId(\"\");\n setShowAdvanced(false);\n } else {\n throw new Error(\"Something went wrong\");\n }\n } catch (err) {\n setError(err.message);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Shorten a URL

\n \n

\n \n URL to shorten\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com/very/long/url\"\n className=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n />\n

\n \n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-sm text-blue-600 hover:text-blue-800\"\n >\n {showAdvanced ? \"Hide advanced options\" : \"Show advanced options\"}\n \n

\n \n {showAdvanced && (\n

\n \n Custom short ID (optional)\n \n setCustomShortId(e.target.value)}\n placeholder=\"custom-name\"\n className=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n Leave empty to generate a random ID\n

\n )}\n \n {error && (\n

\n {error}\n

\n )}\n \n \n {isLoading ? \"Creating...\" : \"Create Short Link\"}\n \n \n

\n );\n}",[],[113,146,173],"6a8bb918-13c4-11f0-886f-569c3dd06744","App.tsx","6a8bb9c2-13c4-11f0-886f-569c3dd06744",11,["D",1744039477049],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { \n createBrowserRouter, \n RouterProvider, \n Route, \n createRoutesFromElements,\n Outlet,\n Link as RouterLink,\n useParams,\n useNavigate\n} from \"https://esm.sh/react-router-dom@7.0.0-rc.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { CreateLink } from \"./CreateLink.tsx\";\nimport { LinkList } from \"./LinkList.tsx\";\nimport { NotFound } from \"./NotFound.tsx\";\nimport { Link } from \"../../shared/types.ts\";\n\n// Layout component with header and footer\nfunction Layout() {\n return (\n

\n \n \n Link Shortener\n \n \n

\n \n

\n \n \n

\n );\n}\n\n// Home page component\nfunction HomePage() {\n const [links, setLinks] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(\"\");\n\n const fetchLinks = async () => {\n try {\n setIsLoading(true);\n const response = await fetch(\"/api/links\");\n \n if (!response.ok) {\n throw new Error(\"Failed to fetch links\");\n }\n \n const data = await response.json();\n setLinks(data.links || []);\n } catch (err) {\n setError(\"Failed to load links. Please try again later.\");\n console.error(err);\n } finally {\n setIsLoading(false);\n }\n };\n\n useEffect(() => {\n fetchLinks();\n }, []);\n\n const handleLinkCreated = (newLink: Link) => {\n setLinks([newLink, ...links]);\n };\n\n return (\n

\n \n \n {isLoading ? (\n

Loading links...

\n ) : error ? (\n

\n {error}\n

\n ) : (\n \n )}\n

\n );\n}\n\n// Redirect component\nfunction RedirectPage() {\n const { shortId } = useParams<{ shortId: string }>();\n const navigate = useNavigate();\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n const checkLink = async () => {\n try {\n if (!shortId) {\n navigate(\"/not-found\");\n return;\n }\n\n const response = await fetch(`/api/links/${shortId}`);\n \n if (!response.ok) {\n navigate(\"/not-found\");\n return;\n }\n \n // If we get here, the backend should have already redirected us\n // This is just a fallback\n setError(\"Redirect failed. Please try again.\");\n } catch (err) {\n setError(\"Something went wrong. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n checkLink();\n }, [shortId, navigate]);\n\n if (isLoading) {\n return (\n

Redirecting...

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

\n {error}\n

\n \n Go to Homepage\n \n

\n );\n }\n\n return null;\n}\n\n// Create the router\nconst router = createBrowserRouter(\n createRoutesFromElements(\n }>\n } />\n } />\n } />\n } />\n \n )\n);\n\n// Main App component\nexport function App() {\n return ;\n}",[],[113,146,180],"2cd51dbc-13c4-11f0-a750-569c3dd06744",["D",1744039373508],[191,192],[59],{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":64,"_46":47,"_48":200,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":201,"_18":202},{"_35":193,"_13":79,"_38":194,"_40":69,"_42":43,"_44":195,"_46":47,"_48":196,"_17":50,"_51":52,"_53":197,"_55":56,"_57":-5,"_86":198,"_18":199},"3ea4ecd4-13c4-11f0-bc34-569c3dd06744","3ea4ed92-13c4-11f0-bc34-569c3dd06744",5,["D",1744039403395],"import { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { cors } from \"https://esm.sh/hono@3.12.0/cors\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { setupDatabase } from \"./database/migrations.ts\";\nimport { \n createLink, \n getLinkByShortId, \n incrementClickCount, \n getAllLinks \n} from \"./database/queries.ts\";\nimport { CreateLinkRequest } from \"../shared/types.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error:\", err);\n throw err;\n});\n\n// Add CORS middleware\napp.use(\"/*\", cors());\n\n// Setup the database on startup\napp.use(\"*\", async (c, next) => {\n try {\n await setupDatabase();\n } catch (error) {\n console.error(\"Database setup error:\", error);\n }\n return next();\n});\n\n// API routes\napp.post(\"/api/links\", async (c) => {\n try {\n const body = await c.req.json() as CreateLinkRequest;\n \n if (!body.originalUrl) {\n return c.json({ success: false, error: \"Original URL is required\" }, 400);\n }\n \n // Validate URL format\n try {\n new URL(body.originalUrl);\n } catch (error) {\n return c.json({ success: false, error: \"Invalid URL format\" }, 400);\n }\n \n const link = await createLink(body.originalUrl, body.customShortId);\n return c.json({ success: true, link });\n } catch (error) {\n return c.json({ success: false, error: error.message }, 400);\n }\n});\n\napp.get(\"/api/links\", async (c) => {\n try {\n const links = await getAllLinks();\n return c.json({ links });\n } catch (error) {\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\n// Redirect route\napp.get(\"/:shortId\", async (c) => {\n const shortId = c.req.param(\"shortId\");\n \n // Skip API routes and static files\n if (shortId.startsWith(\"api\") || shortId.startsWith(\"public\")) {\n return c.next();\n }\n \n try {\n const link = await getLinkByShortId(shortId);\n \n if (!link) {\n // If no link found, serve the frontend with the 404 state\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n }\n \n // Increment click count asynchronously\n incrementClickCount(shortId).catch(console.error);\n \n // Redirect to the original URL\n return new Response(null, {\n status: 302,\n headers: { Location: link.originalUrl }\n });\n } catch (error) {\n console.error(\"Redirect error:\", error);\n return c.text(\"Server error\", 500);\n }\n});\n\n// Serve static files\napp.get(\"/public/*\", (c) => {\n return serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url);\n});\n\n// Serve the frontend for all other routes\napp.get(\"*\", async (c) => {\n try {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving frontend:\", error);\n return c.text(\"Server error\", 500);\n }\n});\n\n// Export the app for Val Town\nexport default app.fetch;",[],[59,79],["D",1744039373508],[203,204],[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":208,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_86":209,"_18":210},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":205,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":206,"_18":207},["D",1744039383966],[],[59,60,37],["D",1744039373508],[],[59,60,62],"deeb460e-13c2-11f0-a341-569c3dd06744",["D",1744038813299],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","c7d91915-4070-4350-8e28-6c792ff73b1c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_263":259},"org",{"_11":12,"_257":-5,"_258":259,"_220":221,"_260":261,"_262":56},"branch",{"_17":81,"_13":16,"_35":43,"_249":211,"_250":-5,"_251":-5,"_252":-5,"_253":-5,"_254":-5,"_255":14,"_256":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":211,"_13":14,"_48":352,"_213":-5,"_214":56,"_215":216,"_217":216,"_218":-5,"_219":-5,"_220":221,"_222":80,"_223":47,"_224":-5,"_225":81,"_226":50,"_227":228,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":234,"_235":234,"_236":237,"_238":237,"_239":237,"_240":234,"_241":234,"_242":353,"_244":354,"_246":355,"_248":56},[298,303,312,314,315],"files",[298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315],"counts",{"_288":50,"_289":290,"_291":50,"_32":292,"_293":294},[284,285],{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":64,"_46":47,"_48":70,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":283},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_18":287},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":286},[59,60,37],[59,60,62],"pulls","branches",1,"forks",{"_295":50,"_297":50},"connections",{"_295":50,"_296":50},"count","unfilledCount","emptyCount",{"_35":187,"_13":59,"_38":69,"_40":-5,"_42":43,"_44":64,"_46":47,"_48":188,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":350,"_18":351},{"_35":68,"_13":60,"_38":41,"_40":69,"_42":43,"_44":64,"_46":47,"_48":200,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":348,"_18":349},{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":208,"_17":50,"_51":52,"_53":66,"_55":56,"_57":-5,"_86":346,"_18":347},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":205,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":344,"_18":345},{"_35":193,"_13":79,"_38":194,"_40":69,"_42":43,"_44":195,"_46":47,"_48":196,"_17":50,"_51":52,"_53":197,"_55":56,"_57":-5,"_86":342,"_18":343},{"_35":112,"_13":113,"_38":114,"_40":-5,"_42":43,"_44":115,"_46":47,"_48":116,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":340,"_18":341},{"_35":145,"_13":146,"_38":147,"_40":114,"_42":43,"_44":148,"_46":47,"_48":149,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":338,"_18":339},{"_35":179,"_13":180,"_38":181,"_40":147,"_42":43,"_44":182,"_46":47,"_48":183,"_17":50,"_51":52,"_53":184,"_55":56,"_57":-5,"_86":336,"_18":337},{"_35":172,"_13":173,"_38":174,"_40":147,"_42":43,"_44":148,"_46":47,"_48":175,"_17":50,"_51":52,"_53":176,"_55":56,"_57":-5,"_86":334,"_18":335},{"_35":164,"_13":165,"_38":166,"_40":147,"_42":43,"_44":167,"_46":47,"_48":168,"_17":50,"_51":52,"_53":169,"_55":56,"_57":-5,"_86":332,"_18":333},{"_35":156,"_13":157,"_38":158,"_40":147,"_42":43,"_44":159,"_46":47,"_48":160,"_17":50,"_51":52,"_53":161,"_55":56,"_57":-5,"_86":330,"_18":331},{"_35":138,"_13":139,"_38":140,"_40":114,"_42":43,"_44":83,"_46":47,"_48":141,"_17":50,"_51":24,"_53":142,"_55":56,"_57":-5,"_86":328,"_18":329},{"_35":131,"_13":132,"_38":133,"_40":114,"_42":43,"_44":115,"_46":47,"_48":134,"_17":50,"_51":24,"_53":135,"_55":56,"_57":-5,"_86":326,"_18":327},{"_35":123,"_13":124,"_38":125,"_40":114,"_42":43,"_44":126,"_46":47,"_48":127,"_17":50,"_51":52,"_53":128,"_55":56,"_57":-5,"_86":324,"_18":325},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":71,"_53":-5,"_55":56,"_57":-5,"_86":322,"_18":323},{"_35":105,"_13":106,"_38":107,"_40":99,"_42":43,"_44":100,"_46":47,"_48":108,"_17":50,"_51":52,"_53":109,"_55":56,"_57":-5,"_86":320,"_18":321},{"_35":89,"_13":90,"_38":91,"_40":-5,"_42":43,"_44":92,"_46":47,"_48":93,"_17":50,"_51":24,"_53":94,"_55":56,"_57":-5,"_86":318,"_18":319},{"_35":78,"_13":79,"_38":80,"_40":-5,"_42":43,"_44":81,"_46":47,"_48":82,"_17":83,"_51":84,"_53":85,"_55":56,"_57":-5,"_86":316,"_18":317},[],[79],[],[90],[],[98,106],[313],[98],[],[113,124],[],[113,132],[],[113,139],[],[113,146,157],[],[113,146,165],[],[113,146,173],[],[113,146,180],[305,306,307,308],[113,146],[304,309,310,311],[113],[],[59,79],[],[59,60,37],[],[59,60,62],[300,301],[59,60],[299,302],[59],["D",1744038813299],{"_11":12,"_263":259},{"_11":12,"_257":-5,"_258":259,"_220":221,"_260":261,"_262":56},{"_17":81,"_13":16,"_35":43,"_249":211,"_250":-5,"_251":-5,"_252":-5,"_253":-5,"_254":-5,"_255":14,"_256":12},"ctx",{"_242":-5,"_280":389,"_390":391,"_392":393,"_394":56,"_395":56,"_396":56,"_397":47,"_398":-5,"_399":-7,"_400":-7,"_401":50,"_402":56,"_403":56,"_404":-5,"_405":56,"_406":56,"_407":56,"_408":-5},"ENV",{"_360":361,"_362":363,"_364":16,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388},"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"]