[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_242":243,"_244":245},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_119":-5,"_19":120,"_121":122,"_123":124,"_125":126,"_127":128,"_21":129,"_130":-5,"_131":-5,"_132":24,"_133":134,"_135":24,"_136":-5,"_137":-5,"_138":139},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","loading","name","test-project","branchName","main","path","frontend/index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":81,"_82":-5,"_83":84,"_85":26,"_40":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_51":99,"_100":101,"_102":103,"_104":24},"file",{"_61":62,"_13":63,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","571d27b8-13c9-11f0-bbdb-569c3dd06744","branchId","aa4912da-13b5-11f0-85ee-569c3dd06744","createdAt",["D",1744041591916],"version",66,"orgId","9ee5b56c-6e87-47cb-98e4-c31219468b31","parentId","4d3f73b8-13c9-11f0-ad4e-569c3dd06744","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_61":62,"_13":63,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","571b53fc-13c9-11f0-bbdb-569c3dd06744","index.html","fileType","deleted","c7d91915-4070-4350-8e28-6c792ff73b1c","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","deletedAtVersion","aa487f32-13b5-11f0-85ee-569c3dd06744",["D",1744033141535],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion",61,"likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_118":68},"org",{"_11":12,"_114":-5,"_67":68,"_30":66,"_115":116,"_117":24},"branch",{"_38":105,"_13":16,"_32":35,"_106":70,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":14,"_113":12},"isOwned",67,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":238,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":81,"_82":-5,"_83":84,"_85":26,"_40":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_51":239,"_100":240,"_102":241,"_104":24},"tree",[161,165,168,170],"files",[161,162,163,164,165,166,167,168,169,170],"counts",{"_150":26,"_151":152,"_153":26,"_154":155,"_156":157},"contents",[],{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":81,"_36":144,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_17":148},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"571b5334-13c9-11f0-bbdb-569c3dd06744","ff25c656-9409-4a2b-ae5c-28b6f529f947","branchVersion","latest",["D",1744041591916],"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","label",[149,63],"frontend","pulls","branches",1,"forks","envVars",{"_158":26,"_160":26},"connections",{"_158":26,"_159":26},"count","unfilledCount","emptyCount",{"_32":234,"_13":219,"_61":213,"_42":-5,"_34":35,"_142":214,"_143":81,"_36":235,"_38":26,"_64":193,"_145":-5,"_65":24,"_147":-5,"_177":236,"_17":237},{"_32":230,"_13":229,"_61":223,"_42":213,"_34":35,"_142":224,"_143":81,"_36":231,"_38":26,"_64":193,"_145":-5,"_65":24,"_147":-5,"_177":232,"_17":233},{"_32":220,"_13":221,"_61":222,"_42":223,"_34":35,"_142":224,"_143":81,"_36":225,"_38":26,"_64":186,"_145":226,"_65":24,"_147":-5,"_177":227,"_17":228},{"_32":210,"_13":211,"_61":212,"_42":213,"_34":35,"_142":214,"_143":81,"_36":215,"_38":26,"_64":186,"_145":216,"_65":24,"_147":-5,"_177":217,"_17":218},{"_32":206,"_13":149,"_61":141,"_42":-5,"_34":35,"_142":39,"_143":81,"_36":207,"_38":26,"_64":193,"_145":-5,"_65":24,"_147":-5,"_177":208,"_17":209},{"_32":140,"_13":63,"_61":62,"_42":141,"_34":35,"_142":39,"_143":81,"_36":203,"_38":26,"_64":21,"_145":146,"_65":24,"_147":-5,"_177":204,"_17":205},{"_32":196,"_13":197,"_61":198,"_42":141,"_34":35,"_142":105,"_143":81,"_36":199,"_38":26,"_64":21,"_145":200,"_65":24,"_147":-5,"_177":201,"_17":202},{"_32":191,"_13":190,"_61":183,"_42":-5,"_34":35,"_142":184,"_143":81,"_36":192,"_38":26,"_64":193,"_145":-5,"_65":24,"_147":-5,"_177":194,"_17":195},{"_32":180,"_13":181,"_61":182,"_42":183,"_34":35,"_142":184,"_143":81,"_36":185,"_38":26,"_64":186,"_145":187,"_65":24,"_147":-5,"_177":188,"_17":189},{"_32":171,"_13":172,"_61":173,"_42":-5,"_34":35,"_142":174,"_143":81,"_36":175,"_38":26,"_64":21,"_145":176,"_65":24,"_147":-5,"_177":178,"_17":179},"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",[],[172],"4d3d804e-13c9-11f0-ad4e-569c3dd06744","utils.ts","4d3d812a-13c9-11f0-ad4e-569c3dd06744","954f4723-1415-4e0d-819a-dafbdd047eb6",65,["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}",[],[190,181],"shared","4d3d876a-13c9-11f0-ad4e-569c3dd06744",["D",1744041575362],"directory",[169],[190],"5aeec446-13c9-11f0-abf5-569c3dd06744","not-found.html","5aeec504-13c9-11f0-abf5-569c3dd06744",["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",[],[149,197],["D",1744041591916],[],[149,63],"571b5e74-13c9-11f0-bbdb-569c3dd06744",["D",1744041591916],[166,167],[149],"3b965848-13c9-11f0-ac44-569c3dd06744","index.ts","3b96592e-13c9-11f0-ac44-569c3dd06744","8d27cbd3-fbf8-4a9c-8819-d93c02266abf",63,["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;",[],[219,211],"backend","478cbff2-13c9-11f0-8b5b-569c3dd06744","queries.ts","478cc1c8-13c9-11f0-8b5b-569c3dd06744","6416c97a-bccf-480c-829b-7d21bea84784",64,["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}",[],[219,229,221],"database","478cce70-13c9-11f0-8b5b-569c3dd06744",["D",1744041565818],[163],[219,229],"3b96664e-13c9-11f0-ac44-569c3dd06744",["D",1744041545741],[162,164],[219],["D",1744033141535],{"_11":12,"_118":68},{"_11":12,"_114":-5,"_67":68,"_30":66,"_115":116,"_117":24},{"_38":105,"_13":16,"_32":35,"_106":70,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":14,"_113":12},"ctx",{"_51":-5,"_137":275,"_276":277,"_278":279,"_280":24,"_281":24,"_282":24,"_283":81,"_284":-5,"_285":-7,"_286":-7,"_287":26,"_288":24,"_289":24,"_290":-5,"_291":24,"_292":24,"_293":24,"_294":-5},"ENV",{"_246":247,"_248":249,"_250":16,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"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"]

History · index.html