\n \n

🔗 URL Shortener

Create short links and generate calendar events from web pages

\n\n \n

Create Short Link

\n \n

\n\n \n

Your Short Link

\n \n \n

\n \n 🔗 Visit Link\n \n \n 📊 View Status\n \n \n 📅 Download Calendar\n \n

\n\n \n

🔗 URL Shortening

\n Create short, memorable links for any URL. Perfect for sharing on social media, \n emails, or anywhere space is limited.\n

📅 Smart Calendar Generation

\n Automatically extract events from web pages and generate iCal calendar files \n using AI-powered content analysis.\n

\n\n \n

API Endpoints

\n POST /shorten\n Create a new short link\n

\n GET /{shortCode}\n Redirect to original URL\n

\n GET /{shortCode}/status\n View shortlink status and analytics\n

\n GET /{shortCode}.ics\n Download iCal calendar file\n

\n\n \n

\n Creating short link...\n

\n\n \n

\n \n

\n\n \n\n",[],[105,123],"e1acc94e-58fa-11f0-aa34-f69ea79377d9","e1acca02-58fa-11f0-aa34-f69ea79377d9",41,["D",1751649499954],"# Frontend\n\nThis directory contains the frontend files for the URL Shortener application.\n\n## Files\n\n- `index.html` - Main HTML template with TailwindCSS styling\n- `index.js` - JavaScript for form handling, API calls, and user interactions\n\n## Features\n\n- **Responsive Design**: Works on desktop and mobile devices\n- **Real-time Validation**: URL input validation and error handling\n- **Copy to Clipboard**: One-click copying of generated short links\n- **Loading States**: Visual feedback during API calls\n- **Error Handling**: User-friendly error messages\n- **Accessibility**: Proper labels, focus management, and keyboard navigation\n\n## Styling\n\nThe frontend uses TailwindCSS via CDN for styling, providing:\n- Modern, clean design\n- Responsive grid layouts\n- Hover and focus states\n- Loading animations\n- Color-coded action buttons\n\n## JavaScript Features\n\n- Form submission handling\n- Fetch API for backend communication\n- Clipboard API integration\n- DOM manipulation for dynamic content\n- Error state management\n- Auto-focus and keyboard shortcuts\n\n## API Integration\n\nThe frontend communicates with the backend API endpoints:\n- `POST /shorten` - Create new short links\n- Displays generated short URLs, status links, and calendar download links\n- Handles API errors gracefully with user feedback",[],[105,97],"f21acbd8-5895-11f0-a49d-f69ea79377d9",3,["D",1751606148364],[141,142,143,144],[60],{"_36":184,"_13":185,"_39":186,"_41":79,"_43":44,"_45":137,"_47":48,"_49":187,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":188,"_18":189},{"_36":169,"_13":170,"_39":171,"_41":79,"_43":44,"_45":67,"_47":48,"_49":172,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":173,"_18":174},{"_36":78,"_13":61,"_39":42,"_41":79,"_43":44,"_45":80,"_47":48,"_49":154,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":155,"_18":156},{"_36":145,"_13":146,"_39":147,"_41":79,"_43":44,"_45":148,"_47":48,"_49":149,"_17":73,"_52":150,"_54":151,"_56":57,"_58":-5,"_93":152,"_18":153},"3d4059de-58fa-11f0-a42f-f69ea79377d9","index.ts","27c67d18-5896-11f0-8483-f69ea79377d9",36,["D",1751649224107],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { initializeTable, getShortlink, updateIcalContent } from \"./services/shortener-simple.ts\";\nimport { fetchAndExtractEvents, generateIcal } from \"./services/ical.ts\";\nimport shortenerRoutes from \"./routes/shortener.ts\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait initializeTable();\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve 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 documentation endpoint (for programmatic access)\napp.get(\"/api\", (c) => {\n return c.json({\n name: \"URL Shortener with iCal Generation\",\n version: \"1.0.0\",\n endpoints: {\n \"POST /shorten\": \"Create a new short link\",\n \"GET /{shortCode}\": \"Redirect to original URL\",\n \"GET /{shortCode}/status\": \"Get shortlink status and analytics\",\n \"GET /{shortCode}.ics\": \"Download iCal calendar file with events from the page\"\n },\n example: {\n create: {\n method: \"POST\",\n url: \"/shorten\",\n body: { url: \"https://example.com\" }\n },\n usage: {\n redirect: \"/{shortCode}\",\n status: \"/{shortCode}/status\",\n calendar: \"/{shortCode}.ics\"\n }\n }\n });\n});\n\n// Mount shortener routes\napp.route(\"/\", shortenerRoutes);\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[60,146],["D",1751606172712],[157,158,159],[60,61],{"_36":70,"_13":71,"_39":72,"_41":42,"_43":44,"_45":73,"_47":48,"_49":166,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_93":167,"_18":168},{"_36":62,"_13":63,"_39":64,"_41":42,"_43":44,"_45":65,"_47":48,"_49":163,"_17":67,"_52":53,"_54":68,"_56":57,"_58":-5,"_93":164,"_18":165},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":160,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_93":161,"_18":162},["D",1751606177640],[],[60,61,38],["D",1751606479010],[],[60,61,63],["D",1751606210154],[],[60,61,71],"21fa1eee-5896-11f0-abbd-f69ea79377d9","routes","fa5818fc-a282-4ad3-9ce6-533effbb7366",["D",1751606228680],[175],[60,170],{"_36":176,"_13":38,"_39":177,"_41":171,"_43":44,"_45":178,"_47":48,"_49":179,"_17":180,"_52":53,"_54":181,"_56":57,"_58":-5,"_93":182,"_18":183},"9e593074-58fa-11f0-88c5-f69ea79377d9","21fa13b8-5896-11f0-abbd-f69ea79377d9",39,["D",1751649387011],11,"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createShortlink, getShortlink, incrementAccessCount, updateIcalContent } from \"../services/shortener-simple.ts\";\nimport { fetchAndExtractEvents, generateIcal } from \"../services/ical.ts\";\n\nconst app = new Hono();\n\n// Create a new short link\napp.post(\"/shorten\", async (c) => {\n try {\n const body = await c.req.json();\n const { url } = body;\n\n if (!url) {\n return c.json({ error: \"URL is required\" }, 400);\n }\n\n const shortlink = await createShortlink(url);\n \n return c.json({\n shortCode: shortlink.short_code,\n originalUrl: shortlink.original_url,\n shortUrl: `${new URL(c.req.url).origin}/${shortlink.short_code}`,\n statusUrl: `${new URL(c.req.url).origin}/${shortlink.short_code}/status`,\n icalUrl: `${new URL(c.req.url).origin}/${shortlink.short_code}.ics`,\n createdAt: shortlink.created_at\n });\n } catch (error) {\n console.error(\"Error creating shortlink:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Generate and serve iCal file\napp.get(\"/:shortCode\", async (c) => {\n const shortCode = c.req.param(\"shortCode\");\n \n // Check if this is an .ics request\n if (shortCode.endsWith('.ics')) {\n const actualShortCode = shortCode.slice(0, -4); // Remove .ics extension\n \n try {\n console.log(\"iCal request for shortCode:\", actualShortCode);\n const shortlink = await getShortlink(actualShortCode);\n\n if (!shortlink) {\n return c.json({ error: \"Short link not found\" }, 404);\n }\n\n // Check if we have cached iCal content (less than 24 hours old)\n const now = new Date();\n const cacheExpiry = 24 * 60 * 60 * 1000; // 24 hours in milliseconds\n \n if (shortlink.ical_content && shortlink.ical_generated_at) {\n const icalAge = now.getTime() - new Date(shortlink.ical_generated_at).getTime();\n if (icalAge < cacheExpiry) {\n return new Response(shortlink.ical_content, {\n headers: {\n 'Content-Type': 'text/calendar; charset=utf-8',\n 'Content-Disposition': `attachment; filename=\"${actualShortCode}.ics\"`\n }\n });\n }\n }\n\n // Generate new iCal content\n console.log(\"Generating iCal for URL:\", shortlink.original_url);\n const events = await fetchAndExtractEvents(shortlink.original_url);\n const title = shortlink.title || 'Events';\n const icalContent = generateIcal(events, title);\n\n // Cache the iCal content\n await updateIcalContent(actualShortCode, icalContent);\n\n return new Response(icalContent, {\n headers: {\n 'Content-Type': 'text/calendar; charset=utf-8',\n 'Content-Disposition': `attachment; filename=\"${actualShortCode}.ics\"`\n }\n });\n } catch (error) {\n console.error(\"Error generating iCal:\", error);\n return c.json({ error: `Error generating calendar: ${error.message}` }, 500);\n }\n }\n \n // Regular redirect logic for non-.ics requests\n try {\n const shortlink = await getShortlink(shortCode);\n\n if (!shortlink) {\n return c.json({ error: \"Short link not found\" }, 404);\n }\n\n // Increment access count\n await incrementAccessCount(shortCode);\n\n // Redirect to original URL\n return new Response(null, {\n status: 302,\n headers: {\n Location: shortlink.original_url\n }\n });\n } catch (error) {\n console.error(\"Error redirecting:\", error);\n return c.json({ error: \"Internal server error\" }, 500);\n }\n});\n\n// Get shortlink status\napp.get(\"/:shortCode/status\", async (c) => {\n try {\n const shortCode = c.req.param(\"shortCode\");\n const shortlink = await getShortlink(shortCode);\n\n if (!shortlink) {\n return c.json({ error: \"Short link not found\" }, 404);\n }\n\n return c.json({\n shortCode: shortlink.short_code,\n originalUrl: shortlink.original_url,\n title: shortlink.title,\n createdAt: shortlink.created_at,\n lastAccessed: shortlink.last_accessed,\n accessCount: shortlink.access_count,\n hasIcal: !!shortlink.ical_content,\n icalGeneratedAt: shortlink.ical_generated_at\n });\n } catch (error) {\n console.error(\"Error getting status:\", error);\n return c.json({ error: \"Internal server error\" }, 500);\n }\n});\n\nexport default app;",[],[60,170,38],"f21acdb8-5895-11f0-a49d-f69ea79377d9","database","0b4272c2-f35f-4fad-8c96-8cdc597e0db0",["D",1751606148364],[190,191],[60,185],{"_36":199,"_13":200,"_39":201,"_41":186,"_43":44,"_45":202,"_47":48,"_49":203,"_17":51,"_52":53,"_54":204,"_56":57,"_58":-5,"_93":205,"_18":206},{"_36":192,"_13":193,"_39":194,"_41":186,"_43":44,"_45":137,"_47":48,"_49":195,"_17":75,"_52":53,"_54":196,"_56":57,"_58":-5,"_93":197,"_18":198},"f21ac502-5895-11f0-a49d-f69ea79377d9","schema.ts","f21ac5de-5895-11f0-a49d-f69ea79377d9",["D",1751606148364],"import { sqliteTable, text, integer } from \"https://esm.sh/drizzle-orm@0.29.0/sqlite-core\";\n\nexport const shortlinks = sqliteTable('shortlinks', {\n id: integer('id').primaryKey({ autoIncrement: true }),\n shortCode: text('short_code').notNull().unique(),\n originalUrl: text('original_url').notNull(),\n title: text('title'),\n createdAt: integer('created_at', { mode: 'timestamp' }).notNull(),\n lastAccessed: integer('last_accessed', { mode: 'timestamp' }),\n accessCount: integer('access_count').default(0).notNull(),\n icalContent: text('ical_content'), // Cached iCal content\n icalGeneratedAt: integer('ical_generated_at', { mode: 'timestamp' }),\n pageContent: text('page_content'), // Cached page content for iCal generation\n});\n\nexport type Shortlink = typeof shortlinks.$inferSelect;\nexport type NewShortlink = typeof shortlinks.$inferInsert;",[],[60,185,193],"4da4e790-5896-11f0-ab79-f69ea79377d9","db.ts","f6a36822-5895-11f0-bb83-f69ea79377d9",12,["D",1751606301937],"import { drizzle } from \"https://esm.sh/drizzle-orm@0.29.0/sqlite-proxy\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport * as schema from \"./schema.ts\";\n\n// Create the database connection\nexport const db = drizzle(\n async (sql, params, method) => {\n try {\n const result = await sqlite.execute(sql, params || []);\n \n // Ensure result is always an array\n const rows = Array.isArray(result) ? result : [result];\n \n if (method === \"get\") {\n return { rows: rows.length > 0 ? [rows[0]] : [] };\n }\n return { rows };\n } catch (error) {\n console.error(\"Database error:\", error);\n throw error;\n }\n },\n { schema }\n);\n\n// Initialize database tables\nexport async function initializeDatabase() {\n try {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS shortlinks (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n short_code TEXT NOT NULL UNIQUE,\n original_url TEXT NOT NULL,\n title TEXT,\n created_at INTEGER NOT NULL,\n last_accessed INTEGER,\n access_count INTEGER DEFAULT 0 NOT NULL,\n ical_content TEXT,\n ical_generated_at INTEGER,\n page_content TEXT\n )\n `);\n console.log(\"Database initialized successfully\");\n } catch (error) {\n console.error(\"Failed to initialize database:\", error);\n throw error;\n }\n}",[],[60,185,200],"399475d2-5895-11f0-bac7-f69ea79377d9",["D",1751605838784],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","03d7951b-c940-49ae-a583-c68882582606","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","b8e8b612-b6cb-437f-82a8-e60039566a18","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_259":255},"org",{"_11":12,"_253":-5,"_254":255,"_216":217,"_256":257,"_258":57},"branch",{"_17":131,"_13":16,"_36":44,"_245":207,"_246":-5,"_247":-5,"_248":-5,"_249":-5,"_250":-5,"_251":14,"_252":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2PZ83uNHxUkcYKOv5OpFlBSfGHk.jpeg","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":207,"_13":14,"_49":346,"_209":-5,"_210":57,"_211":212,"_213":212,"_214":-5,"_215":-5,"_216":217,"_218":147,"_219":48,"_220":48,"_221":-5,"_222":75,"_223":224,"_225":-5,"_226":-5,"_227":-5,"_228":-5,"_229":230,"_231":230,"_232":233,"_234":233,"_235":233,"_236":230,"_237":230,"_238":347,"_240":348,"_242":349,"_244":57},[295,306,310,311],"files",[295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311],"counts",{"_286":75,"_287":51,"_288":75,"_32":289,"_290":291},[280,281,282],{"_36":78,"_13":61,"_39":42,"_41":79,"_43":44,"_45":80,"_47":48,"_49":81,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_18":279},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[60,61],{"_36":70,"_13":71,"_39":72,"_41":42,"_43":44,"_45":73,"_47":48,"_49":74,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_18":285},{"_36":62,"_13":63,"_39":64,"_41":42,"_43":44,"_45":65,"_47":48,"_49":66,"_17":67,"_52":53,"_54":68,"_56":57,"_58":-5,"_18":284},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":283},[60,61,38],[60,61,63],[60,61,71],"pulls","branches","forks",{"_292":75,"_294":75},"connections",{"_292":75,"_293":75},"count","unfilledCount","emptyCount",{"_36":136,"_13":60,"_39":79,"_41":-5,"_43":44,"_45":137,"_47":48,"_49":138,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":344,"_18":345},{"_36":184,"_13":185,"_39":186,"_41":79,"_43":44,"_45":137,"_47":48,"_49":187,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":342,"_18":343},{"_36":199,"_13":200,"_39":201,"_41":186,"_43":44,"_45":202,"_47":48,"_49":203,"_17":51,"_52":53,"_54":204,"_56":57,"_58":-5,"_93":340,"_18":341},{"_36":192,"_13":193,"_39":194,"_41":186,"_43":44,"_45":137,"_47":48,"_49":195,"_17":75,"_52":53,"_54":196,"_56":57,"_58":-5,"_93":338,"_18":339},{"_36":169,"_13":170,"_39":171,"_41":79,"_43":44,"_45":67,"_47":48,"_49":172,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":336,"_18":337},{"_36":176,"_13":38,"_39":177,"_41":171,"_43":44,"_45":178,"_47":48,"_49":179,"_17":180,"_52":53,"_54":181,"_56":57,"_58":-5,"_93":334,"_18":335},{"_36":78,"_13":61,"_39":42,"_41":79,"_43":44,"_45":80,"_47":48,"_49":154,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":332,"_18":333},{"_36":70,"_13":71,"_39":72,"_41":42,"_43":44,"_45":73,"_47":48,"_49":166,"_17":75,"_52":53,"_54":76,"_56":57,"_58":-5,"_93":330,"_18":331},{"_36":62,"_13":63,"_39":64,"_41":42,"_43":44,"_45":65,"_47":48,"_49":163,"_17":67,"_52":53,"_54":68,"_56":57,"_58":-5,"_93":328,"_18":329},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":160,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_93":326,"_18":327},{"_36":145,"_13":146,"_39":147,"_41":79,"_43":44,"_45":148,"_47":48,"_49":149,"_17":73,"_52":150,"_54":151,"_56":57,"_58":-5,"_93":324,"_18":325},{"_36":104,"_13":105,"_39":106,"_41":-5,"_43":44,"_45":107,"_47":48,"_49":108,"_17":75,"_52":82,"_54":-5,"_56":57,"_58":-5,"_93":322,"_18":323},{"_36":129,"_13":97,"_39":130,"_41":106,"_43":44,"_45":131,"_47":48,"_49":132,"_17":75,"_52":24,"_54":133,"_56":57,"_58":-5,"_93":320,"_18":321},{"_36":122,"_13":123,"_39":124,"_41":106,"_43":44,"_45":107,"_47":48,"_49":125,"_17":75,"_52":24,"_54":126,"_56":57,"_58":-5,"_93":318,"_18":319},{"_36":114,"_13":115,"_39":116,"_41":106,"_43":44,"_45":117,"_47":48,"_49":118,"_17":75,"_52":53,"_54":119,"_56":57,"_58":-5,"_93":316,"_18":317},{"_36":96,"_13":97,"_39":98,"_41":-5,"_43":44,"_45":99,"_47":48,"_49":100,"_17":51,"_52":24,"_54":101,"_56":57,"_58":-5,"_93":314,"_18":315},{"_36":88,"_13":89,"_39":90,"_41":-5,"_43":44,"_45":51,"_47":48,"_49":91,"_17":75,"_52":53,"_54":92,"_56":57,"_58":-5,"_93":312,"_18":313},[],[89],[],[97],[],[105,115],[],[105,123],[],[105,97],[307,308,309],[105],[],[60,146],[],[60,61,38],[],[60,61,63],[],[60,61,71],[302,303,304],[60,61],[],[60,170,38],[300],[60,170],[],[60,185,193],[],[60,185,200],[297,298],[60,185],[296,299,301,305],[60],["D",1751605838784],{"_11":12,"_259":255},{"_11":12,"_253":-5,"_254":255,"_216":217,"_256":257,"_258":57},{"_17":131,"_13":16,"_36":44,"_245":207,"_246":-5,"_247":-5,"_248":-5,"_249":-5,"_250":-5,"_251":14,"_252":12},"ctx",{"_238":-5,"_276":383,"_384":385,"_386":387,"_388":57,"_389":57,"_390":57,"_391":48,"_392":-5,"_393":-7,"_394":-7,"_395":75,"_396":57,"_397":57,"_398":-5,"_399":57,"_400":57,"_401":57,"_402":-5},"ENV",{"_354":355,"_356":357,"_358":16,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]