[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_253":254,"_255":256},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_189":-5,"_20":190,"_22":191,"_192":193,"_194":195,"_26":196,"_24":197,"_198":-5,"_199":-5,"_200":53,"_201":202,"_203":53,"_204":-5,"_205":-5,"_206":207},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","loading","name","test-project","branchName","main","version","path","frontend/index.html","project",{"_33":135,"_13":14,"_46":136,"_137":-5,"_138":53,"_139":140,"_141":140,"_142":-5,"_143":-5,"_144":145,"_146":-5,"_147":45,"_148":-5,"_149":150,"_151":48,"_152":153,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":168,"_169":170,"_171":172,"_173":53},"tree",[57,58,59,60],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","571b5334-13c9-11f0-bbdb-569c3dd06744","index.html","fileId","571b53fc-13c9-11f0-bbdb-569c3dd06744","parentId","ff25c656-9409-4a2b-ae5c-28b6f529f947","branchId","aa4912da-13b5-11f0-85ee-569c3dd06744","branchVersion",66,"latest",true,"createdAt",["D",1744041591916],0,"fileType","content","\n\n\n \n \n Link Shortener\n \n \n \n \n\n\n

Link Shortener

Create short, memorable links for your long URLs

\n\n

\n \n

\n \n\n \n

Your shortened URL:

\n \n \n

\n\n \n

Recent Links

Loading recent links...

\n \n

\n\n \n

\n\n","deleted",false,"label",[56,35],"frontend",{"_33":104,"_13":105,"_36":106,"_38":-5,"_40":41,"_42":107,"_44":45,"_46":108,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":109,"_18":110},{"_33":87,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":88,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":89,"_18":90},{"_33":70,"_13":71,"_36":72,"_38":-5,"_40":41,"_42":73,"_44":45,"_46":74,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":76,"_18":77},{"_33":61,"_13":62,"_36":63,"_38":-5,"_40":41,"_42":64,"_44":45,"_46":65,"_17":48,"_49":24,"_50":66,"_52":53,"_54":-5,"_67":68,"_18":69},"2b5086f2-13c9-11f0-bda7-569c3dd06744","README.md","2b50879c-13c9-11f0-bda7-569c3dd06744",62,["D",1744041518447],"# Link Shortener\n\nA simple URL shortener built on Val Town.\n\n## Features\n\n- Shorten long URLs to compact, shareable links\n- Redirect from shortened URLs to original destinations\n- View statistics for your shortened links\n- Simple, clean interface\n\n## Project Structure\n\n- `/backend` - Hono API for URL shortening and redirects\n- `/frontend` - User interface for the link shortener\n- `/shared` - Shared types and utilities\n\n## How to Use\n\n1. Enter a URL in the input field\n2. Click \"Shorten\"\n3. Copy and share your shortened URL\n\n## Technologies\n\n- TypeScript\n- Hono (API framework)\n- SQLite (for storage)\n- Tailwind CSS (for styling)","children",[],[62],"4d3d876a-13c9-11f0-ad4e-569c3dd06744","shared","954f4723-1415-4e0d-819a-dafbdd047eb6",65,["D",1744041575362],"directory",[78],[71],{"_33":79,"_13":80,"_36":81,"_38":72,"_40":41,"_42":73,"_44":45,"_46":82,"_17":48,"_49":83,"_50":84,"_52":53,"_54":-5,"_67":85,"_18":86},"4d3d804e-13c9-11f0-ad4e-569c3dd06744","utils.ts","4d3d812a-13c9-11f0-ad4e-569c3dd06744",["D",1744041575362],"script","/**\n * Generates a random short code for URLs\n * @param length The length of the short code (default: 6)\n * @returns A random alphanumeric string\n */\nexport function generateShortCode(length: number = 6): string {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n let result = '';\n \n // Create a Uint8Array with the required number of random bytes\n const randomValues = new Uint8Array(length);\n \n // Fill with cryptographically strong random values if available\n if (typeof crypto !== 'undefined') {\n crypto.getRandomValues(randomValues);\n } else {\n // Fallback to Math.random() if crypto is not available\n for (let i = 0; i < length; i++) {\n randomValues[i] = Math.floor(Math.random() * 256);\n }\n }\n \n // Convert random bytes to characters\n for (let i = 0; i < length; i++) {\n result += characters.charAt(randomValues[i] % characters.length);\n }\n \n return result;\n}\n\n/**\n * Format a date string to a more readable format\n * @param dateString ISO date string\n * @returns Formatted date string\n */\nexport function formatDate(dateString: string | null): string {\n if (!dateString) return 'Never';\n \n const date = new Date(dateString);\n \n // Check if the date is valid\n if (isNaN(date.getTime())) {\n return 'Invalid date';\n }\n \n // Format the date\n return date.toLocaleString(undefined, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n}\n\n/**\n * Truncate a string if it's too long\n * @param str String to truncate\n * @param maxLength Maximum length before truncation\n * @returns Truncated string with ellipsis if needed\n */\nexport function truncate(str: string, maxLength: number = 50): string {\n if (str.length <= maxLength) return str;\n return str.substring(0, maxLength - 3) + '...';\n}",[],[71,80],"571b5e74-13c9-11f0-bbdb-569c3dd06744",["D",1744041591916],[91,92],[56],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":101,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":102,"_18":103},{"_33":93,"_13":94,"_36":95,"_38":39,"_40":41,"_42":96,"_44":45,"_46":97,"_17":48,"_49":24,"_50":98,"_52":53,"_54":-5,"_67":99,"_18":100},"5aeec446-13c9-11f0-abf5-569c3dd06744","not-found.html","5aeec504-13c9-11f0-abf5-569c3dd06744",67,["D",1744041598338],"\n\n\n \n \n Link Not Found\n \n \n\n\n

404

Link Not Found

The shortened URL you're looking for doesn't exist or has been removed.

\n \n Go to Homepage\n \n

\n\n",[],[56,94],["D",1744041591916],[],[56,35],"3b96664e-13c9-11f0-ac44-569c3dd06744","backend","8d27cbd3-fbf8-4a9c-8819-d93c02266abf",63,["D",1744041545741],[111,112],[105],{"_33":120,"_13":121,"_36":122,"_38":106,"_40":41,"_42":123,"_44":45,"_46":124,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":125,"_18":126},{"_33":113,"_13":114,"_36":115,"_38":106,"_40":41,"_42":107,"_44":45,"_46":116,"_17":48,"_49":83,"_50":117,"_52":53,"_54":-5,"_67":118,"_18":119},"3b965848-13c9-11f0-ac44-569c3dd06744","index.ts","3b96592e-13c9-11f0-ac44-569c3dd06744",["D",1744041545741],"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/cors\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport { createTable, saveUrl, getOriginalUrl, getUrlStats, listUrls } from \"./database/queries.ts\";\nimport { generateShortCode } from \"../shared/utils.ts\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Enable CORS\napp.use(\"/*\", cors());\n\n// Initialize database on startup\ncreateTable().catch(console.error);\n\n// Serve static files from frontend directory\napp.get(\"/public/*\", (c) => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\n\n// Main page\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API to create a short URL\napp.post(\"/api/shorten\", async (c) => {\n try {\n const { url } = await c.req.json();\n \n if (!url) {\n return c.json({ error: \"URL is required\" }, 400);\n }\n \n // Validate URL\n try {\n new URL(url);\n } catch (e) {\n return c.json({ error: \"Invalid URL format\" }, 400);\n }\n \n // Generate a short code\n const shortCode = generateShortCode();\n \n // Save to database\n await saveUrl(shortCode, url);\n \n // Construct the short URL\n const shortUrl = new URL(c.req.url).origin + \"/\" + shortCode;\n \n return c.json({ shortUrl, shortCode });\n } catch (error) {\n console.error(\"Error shortening URL:\", error);\n return c.json({ error: \"Failed to shorten URL\" }, 500);\n }\n});\n\n// API to get stats for a short URL\napp.get(\"/api/stats/:code\", async (c) => {\n try {\n const code = c.req.param(\"code\");\n const stats = await getUrlStats(code);\n \n if (!stats) {\n return c.json({ error: \"Short URL not found\" }, 404);\n }\n \n return c.json(stats);\n } catch (error) {\n console.error(\"Error getting stats:\", error);\n return c.json({ error: \"Failed to get stats\" }, 500);\n }\n});\n\n// API to list all URLs (with pagination)\napp.get(\"/api/urls\", async (c) => {\n try {\n const limit = Number(c.req.query(\"limit\") || \"10\");\n const offset = Number(c.req.query(\"offset\") || \"0\");\n \n const urls = await listUrls(limit, offset);\n return c.json(urls);\n } catch (error) {\n console.error(\"Error listing URLs:\", error);\n return c.json({ error: \"Failed to list URLs\" }, 500);\n }\n});\n\n// Handle redirects for short URLs\napp.get(\"/:code\", async (c) => {\n try {\n const code = c.req.param(\"code\");\n \n // Get the original URL from the database\n const originalUrl = await getOriginalUrl(code);\n \n if (!originalUrl) {\n // If not found, redirect to the main page\n return c.html(await readFile(\"/frontend/not-found.html\", import.meta.url));\n }\n \n // Redirect to the original URL\n return new Response(null, {\n status: 302,\n headers: { Location: originalUrl }\n });\n } catch (error) {\n console.error(\"Error redirecting:\", error);\n return c.text(\"Server error\", 500);\n }\n});\n\n// Error handler to expose full error details\napp.onError((err, c) => {\n console.error(\"Application error:\", err);\n throw err; // Re-throw to see full stack trace\n});\n\n// Export the Hono app for Val Town\nexport default app.fetch;",[],[105,114],"478cce70-13c9-11f0-8b5b-569c3dd06744","database","6416c97a-bccf-480c-829b-7d21bea84784",64,["D",1744041565818],[127],[105,121],{"_33":128,"_13":129,"_36":130,"_38":122,"_40":41,"_42":123,"_44":45,"_46":131,"_17":48,"_49":83,"_50":132,"_52":53,"_54":-5,"_67":133,"_18":134},"478cbff2-13c9-11f0-8b5b-569c3dd06744","queries.ts","478cc1c8-13c9-11f0-8b5b-569c3dd06744",["D",1744041565818],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { parseProject } from \"https://esm.town/v/std/utils@71-main/index.ts\";\n\n// Get project info to create a unique table name\nconst projectInfo = parseProject(import.meta.url);\nconst TABLE_NAME = `url_shortener_${projectInfo.username}_${projectInfo.name}`.replace(/[^a-zA-Z0-9_]/g, \"_\");\n\n// URL record type\nexport interface UrlRecord {\n id: number;\n shortCode: string;\n originalUrl: string;\n createdAt: string;\n visits: number;\n lastVisit: string | null;\n}\n\n// Create the database table\nexport async function createTable(): Promise {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n short_code TEXT NOT NULL UNIQUE,\n original_url TEXT NOT NULL,\n created_at TEXT NOT NULL,\n visits INTEGER DEFAULT 0,\n last_visit TEXT\n )\n `);\n \n // Create an index on short_code for faster lookups\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${TABLE_NAME}_short_code \n ON ${TABLE_NAME} (short_code)\n `);\n}\n\n// Save a new URL\nexport async function saveUrl(shortCode: string, originalUrl: string): Promise {\n const now = new Date().toISOString();\n \n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (short_code, original_url, created_at) \n VALUES (?, ?, ?)`,\n [shortCode, originalUrl, now]\n );\n}\n\n// Get the original URL for a short code and increment visit count\nexport async function getOriginalUrl(shortCode: string): Promise {\n // First, get the original URL\n const result = await sqlite.execute(\n `SELECT original_url FROM ${TABLE_NAME} WHERE short_code = ?`,\n [shortCode]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n // Update visit count and last visit timestamp\n const now = new Date().toISOString();\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} \n SET visits = visits + 1, last_visit = ? \n WHERE short_code = ?`,\n [now, shortCode]\n );\n \n return result.rows[0].original_url;\n}\n\n// Get stats for a URL\nexport async function getUrlStats(shortCode: string): Promise {\n const result = await sqlite.execute(\n `SELECT \n id,\n short_code as shortCode,\n original_url as originalUrl,\n created_at as createdAt,\n visits,\n last_visit as lastVisit\n FROM ${TABLE_NAME} \n WHERE short_code = ?`,\n [shortCode]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n return result.rows[0] as UrlRecord;\n}\n\n// List all URLs with pagination\nexport async function listUrls(limit: number = 10, offset: number = 0): Promise {\n const result = await sqlite.execute(\n `SELECT \n id,\n short_code as shortCode,\n original_url as originalUrl,\n created_at as createdAt,\n visits,\n last_visit as lastVisit\n FROM ${TABLE_NAME} \n ORDER BY created_at DESC\n LIMIT ? OFFSET ?`,\n [limit, offset]\n );\n \n return result.rows as UrlRecord[];\n}",[],[105,121,129],"aa487f32-13b5-11f0-85ee-569c3dd06744",["D",1744033141535],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","c7d91915-4070-4350-8e28-6c792ff73b1c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",61,"likeCount","orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_188":184},"org",{"_11":12,"_182":-5,"_183":184,"_144":145,"_185":186,"_187":53},"branch",{"_17":96,"_13":16,"_33":41,"_174":135,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":135,"_13":14,"_46":249,"_137":-5,"_138":53,"_139":140,"_141":140,"_142":-5,"_143":-5,"_144":145,"_146":-5,"_147":45,"_148":-5,"_149":150,"_151":48,"_152":153,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":159,"_160":159,"_161":162,"_163":162,"_164":162,"_165":159,"_166":159,"_167":250,"_169":251,"_171":252,"_173":53},[219,223,226,228],"files",[219,220,221,222,223,224,225,226,227,228],"counts",{"_209":48,"_210":211,"_212":48,"_32":213,"_214":215},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":208},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches",1,"forks",{"_216":48,"_218":48},"connections",{"_216":48,"_217":48},"count","unfilledCount","emptyCount",{"_33":104,"_13":105,"_36":106,"_38":-5,"_40":41,"_42":107,"_44":45,"_46":108,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":247,"_18":248},{"_33":120,"_13":121,"_36":122,"_38":106,"_40":41,"_42":123,"_44":45,"_46":124,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":245,"_18":246},{"_33":128,"_13":129,"_36":130,"_38":122,"_40":41,"_42":123,"_44":45,"_46":131,"_17":48,"_49":83,"_50":132,"_52":53,"_54":-5,"_67":243,"_18":244},{"_33":113,"_13":114,"_36":115,"_38":106,"_40":41,"_42":107,"_44":45,"_46":116,"_17":48,"_49":83,"_50":117,"_52":53,"_54":-5,"_67":241,"_18":242},{"_33":87,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":43,"_44":45,"_46":88,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":239,"_18":240},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":101,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":237,"_18":238},{"_33":93,"_13":94,"_36":95,"_38":39,"_40":41,"_42":96,"_44":45,"_46":97,"_17":48,"_49":24,"_50":98,"_52":53,"_54":-5,"_67":235,"_18":236},{"_33":70,"_13":71,"_36":72,"_38":-5,"_40":41,"_42":73,"_44":45,"_46":74,"_17":48,"_49":75,"_50":-5,"_52":53,"_54":-5,"_67":233,"_18":234},{"_33":79,"_13":80,"_36":81,"_38":72,"_40":41,"_42":73,"_44":45,"_46":82,"_17":48,"_49":83,"_50":84,"_52":53,"_54":-5,"_67":231,"_18":232},{"_33":61,"_13":62,"_36":63,"_38":-5,"_40":41,"_42":64,"_44":45,"_46":65,"_17":48,"_49":24,"_50":66,"_52":53,"_54":-5,"_67":229,"_18":230},[],[62],[],[71,80],[227],[71],[],[56,94],[],[56,35],[224,225],[56],[],[105,114],[],[105,121,129],[221],[105,121],[220,222],[105],["D",1744033141535],{"_11":12,"_188":184},{"_11":12,"_182":-5,"_183":184,"_144":145,"_185":186,"_187":53},{"_17":96,"_13":16,"_33":41,"_174":135,"_175":-5,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":14,"_181":12},"ctx",{"_167":-5,"_205":286,"_287":288,"_289":290,"_291":53,"_292":53,"_293":53,"_294":45,"_295":-5,"_296":-7,"_297":-7,"_298":48,"_299":53,"_300":53,"_301":-5,"_302":53,"_303":53,"_304":53,"_305":-5},"ENV",{"_257":258,"_259":260,"_261":16,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285},"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"]