\n \n\n",[],[152,209],"a5883c1a-13c1-11f0-bfd3-569c3dd06744","UrlResult.tsx","a5883cce-13c1-11f0-bfd3-569c3dd06744","f8fe3b9c-aece-41ec-b6ed-ebe9e8e7b6a4",28,["D",1744038287519],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { UrlRecord } from \"../../shared/types\";\n\ninterface UrlResultProps {\n url: UrlRecord;\n}\n\nexport function UrlResult({ url }: UrlResultProps) {\n const [copied, setCopied] = useState(false);\n \n // Construct the full shortened URL\n const fullShortUrl = `${window.location.origin}/${url.short_code}`;\n \n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(fullShortUrl);\n setCopied(true);\n \n // Reset the copied state after 2 seconds\n setTimeout(() => setCopied(false), 2000);\n } catch (err) {\n console.error(\"Failed to copy:\", err);\n }\n };\n \n return (\n

URL Shortened Successfully!

\n \n

Original URL:

{url.original_url}

\n \n

Shortened URL:

\n \n {fullShortUrl}\n \n

\n \n \n {copied ? 'Copied!' : 'Copy to Clipboard'}\n \n

\n );\n}",[],[152,224,216],"components","6e243418-13c1-11f0-bfdb-569c3dd06744","UrlForm.tsx","6e2434cc-13c1-11f0-bfdb-569c3dd06744",27,["D",1744038194591],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface UrlFormProps {\n onSubmit: (url: string) => void;\n isLoading: boolean;\n}\n\nexport function UrlForm({ onSubmit, isLoading }: UrlFormProps) {\n const [url, setUrl] = useState(\"\");\n \n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (url.trim()) {\n onSubmit(url.trim());\n }\n };\n \n return (\n

\n \n Enter a long URL to shorten\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com/very/long/url/that/needs/shortening\"\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 {isLoading ? 'Shortening...' : 'Shorten URL'}\n \n \n );\n}",[],[152,224,226],"6648a2ce-13c1-11f0-8922-569c3dd06744","HomePage.tsx","6648a396-13c1-11f0-8922-569c3dd06744",26,["D",1744038181408],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useNavigate, useSearchParams } from \"https://esm.sh/react-router-dom@7.0.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { UrlForm } from \"./UrlForm\";\nimport { UrlResult } from \"./UrlResult\";\nimport { UrlRecord } from \"../../shared/types\";\n\nexport function HomePage() {\n const [searchParams] = useSearchParams();\n const navigate = useNavigate();\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(\n searchParams.get(\"error\") === \"not-found\" \n ? `Short URL with code \"${searchParams.get(\"code\")}\" not found` \n : searchParams.get(\"error\") === \"server-error\"\n ? \"Server error occurred\"\n : null\n );\n const [shortenedUrl, setShortenedUrl] = useState(null);\n\n // Clear error from URL if present\n if (searchParams.has(\"error\")) {\n navigate(\"/\", { replace: true });\n }\n\n const handleSubmit = async (url: string) => {\n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(\"/api/urls\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ url }),\n });\n \n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to shorten URL\");\n return;\n }\n \n setShortenedUrl(data.url);\n } catch (err) {\n setError(\"Network error. Please try again.\");\n console.error(err);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

Shorten Your URLs

\n Create short, easy-to-share links with our URL shortener\n

\n \n {error && (\n

{error}

\n )}\n \n \n \n {shortenedUrl && }\n \n

How It Works

📝

1. Paste your URL

Enter the long URL you want to shorten

\n \n

✂️

2. Get a short link

Our system generates a short, unique URL

\n \n

🚀

3. Share anywhere

Share your shortened URL on social media, emails, or messages

\n );\n}",[],[152,224,234],"b2ebeafa-13c1-11f0-96ad-569c3dd06744","HistoryPage.tsx","b2ebebcc-13c1-11f0-96ad-569c3dd06744",29,["D",1744038309985],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { UrlRecord } from \"../../shared/types\";\n\nexport function HistoryPage() {\n const [urls, setUrls] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n \n // Use initial data if available\n useEffect(() => {\n const initialData = (window as any).__INITIAL_DATA__;\n if (initialData?.urls) {\n setUrls(initialData.urls);\n setIsLoading(false);\n return;\n }\n \n // Otherwise fetch the data\n fetchUrls();\n }, []);\n \n const fetchUrls = async () => {\n try {\n const response = await fetch(\"/api/urls\");\n const data = await response.json();\n \n if (!data.success) {\n setError(data.error || \"Failed to load URL history\");\n return;\n }\n \n setUrls(data.urls);\n } catch (err) {\n setError(\"Network error. Please try again.\");\n console.error(err);\n } finally {\n setIsLoading(false);\n }\n };\n \n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();\n };\n \n if (isLoading) {\n return (\n

Loading URL history...

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

{error}

\n \n

\n );\n }\n \n if (urls.length === 0) {\n return (\n

📭

No URLs Yet

You haven't shortened any URLs yet.

\n );\n }\n \n return (\n

Your Shortened URLs

\n \n

\n \n \n \n \n \n \n \n \n \n \n {urls.map((url) => (\n \n \n \n \n \n \n ))}\n \n

\n Original URL\n	\n Short URL\n	\n Created\n	\n Visits\n
\n \n {url.original_url}\n \n	\n \n {window.location.origin}/{url.short_code}\n \n	\n {formatDate(url.created_at)}\n	\n {url.visits}\n

\n );\n}",[],[152,224,242],"5cbd9228-13c1-11f0-9fd5-569c3dd06744","App.tsx","5cbd930e-13c1-11f0-9fd5-569c3dd06744",25,["D",1744038165395],"// @jsxImportSource https://esm.sh/react@18.2.0\nimport { Outlet } from \"https://esm.sh/react-router-dom@7.0.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@7.0.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function App() {\n return (\n

\n \n

\n \n \n

\n );\n}",[],[152,224,250],"5cbd9868-13c1-11f0-9fd5-569c3dd06744",["D",1744038165395],[180,181,182,183,184],[152,224],["D",1744038154465],[179,185],[152],"26b75cfc-13c3-11f0-9b80-569c3dd06744","503453e8-13c1-11f0-bc93-569c3dd06744",47,["D",1744038933746],4,"import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { cors } from \"https://esm.sh/hono@3.11.12/cors\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport { CreateUrlRequest, CreateUrlResponse, GetUrlResponse, ListUrlsResponse } from \"../shared/types.ts\";\nimport { createShortUrl, getUrlByShortCode, incrementVisits, initDatabase, listUrls } from \"./database/queries.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Enable CORS\napp.use(\"/*\", cors());\n\n// Initialize the database on startup\ninitDatabase().catch(console.error);\n\n// API routes\napp.post(\"/api/urls\", async (c) => {\n try {\n const body = await c.req.json() as CreateUrlRequest;\n\n if (!body.url) {\n return c.json({\n success: false,\n error: \"URL is required\",\n } as CreateUrlResponse, 400);\n }\n\n // Validate URL format\n try {\n new URL(body.url);\n } catch (e) {\n return c.json({\n success: false,\n error: \"Invalid URL format\",\n } as CreateUrlResponse, 400);\n }\n\n const url = await createShortUrl(body.url);\n\n return c.json({\n success: true,\n url,\n } as CreateUrlResponse);\n } catch (error) {\n console.error(\"Error creating short URL:\", error);\n return c.json({\n success: false,\n error: \"Failed to create short URL\",\n } as CreateUrlResponse, 500);\n }\n});\n\napp.get(\"/api/urls\", async (c) => {\n try {\n const urls = await listUrls();\n\n return c.json({\n success: true,\n urls,\n } as ListUrlsResponse);\n } catch (error) {\n console.error(\"Error listing URLs:\", error);\n return c.json({\n success: false,\n urls: [],\n error: \"Failed to list URLs\",\n } as ListUrlsResponse, 500);\n }\n});\n\napp.get(\"/api/urls/:shortCode\", async (c) => {\n try {\n const shortCode = c.req.param(\"shortCode\");\n const url = await getUrlByShortCode(shortCode);\n\n if (!url) {\n return c.json({\n success: false,\n error: \"URL not found\",\n } as GetUrlResponse, 404);\n }\n\n return c.json({\n success: true,\n url,\n } as GetUrlResponse);\n } catch (error) {\n console.error(\"Error getting URL:\", error);\n return c.json({\n success: false,\n error: \"Failed to get URL\",\n } as GetUrlResponse, 500);\n }\n});\n\n// Redirect route for shortened URLs\napp.get(\"/:shortCode\", async (c) => {\n const shortCode = c.req.param(\"shortCode\");\n\n // Skip redirection for API routes and static files\n if (shortCode.startsWith(\"api\") || shortCode.startsWith(\"public\")) {\n return c.next();\n }\n\n try {\n const url = await getUrlByShortCode(shortCode);\n\n if (!url) {\n // If URL not found, redirect to home page with error\n return new Response(null, {\n status: 302,\n headers: {\n Location: `/?error=not-found&code=${shortCode}`,\n },\n });\n }\n\n // Increment visit count asynchronously\n incrementVisits(shortCode).catch(console.error);\n\n // Redirect to the original URL\n return new Response(null, {\n status: 302,\n headers: {\n Location: url.original_url,\n },\n });\n } catch (error) {\n console.error(\"Error redirecting:\", error);\n return new Response(null, {\n status: 302,\n headers: {\n Location: \"/?error=server-error\",\n },\n });\n }\n});\n\n// Serve static files\napp.get(\"/public/*\", c => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\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\n // Get initial data for the frontend\n const urls = await listUrls();\n\n // Inject initial data\n const dataScript = ``;\n\n const modifiedHtml = html.replace(\"\", `${dataScript}`);\n\n return c.html(modifiedHtml);\n } catch (error) {\n console.error(\"Error serving frontend:\", error);\n return c.text(\"Server error\", 500);\n }\n});\n\n// Error handler\napp.onError((err, c) => {\n console.error(\"Unhandled error:\", err);\n return c.text(\"Server error\", 500);\n});\n\n// Export the app\nexport default app.fetch;",[],[158,29],"2f6ec088-13c3-11f0-bbb0-569c3dd06744","queries.ts","3e5a9b64-13c1-11f0-812c-569c3dd06744","38d510c7-915c-4594-9698-072a09df8ae6",48,["D",1744038948374],"import { nanoid } from \"https://esm.sh/nanoid@4.0.2\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { UrlRecord } from \"../../shared/types.ts\";\n\n// Use import.meta.url to create a unique table name for this project\nconst projectId = import.meta.url.split(\"/\").slice(-3, -1).join(\"_\");\nconst TABLE_NAME = `url_shortener_${projectId}`;\n\n// Initialize the database\nexport async function initDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n original_url TEXT NOT NULL,\n short_code TEXT NOT NULL UNIQUE,\n created_at TEXT NOT NULL,\n visits INTEGER DEFAULT 0\n )\n `);\n}\n\n// Create a new shortened URL\nexport async function createShortUrl(originalUrl: string): Promise {\n // Generate a short code (6 characters)\n const shortCode = nanoid(6);\n const now = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (original_url, short_code, created_at, visits)\n VALUES (?, ?, ?, 0)`,\n [originalUrl, shortCode, now],\n );\n\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE short_code = ?`,\n [shortCode],\n );\n\n return result.rows[0] as UrlRecord;\n}\n\n// Get a URL by its short code\nexport async function getUrlByShortCode(shortCode: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} 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// Increment the visit count for a URL\nexport async function incrementVisits(shortCode: string): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET visits = visits + 1 WHERE short_code = ?`,\n [shortCode],\n );\n}\n\n// List all URLs, ordered by creation date (newest first)\nexport async function listUrls(limit = 10): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} ORDER BY created_at DESC LIMIT ?`,\n [limit],\n );\n\n return result.rows as UrlRecord[];\n}",[],[158,281,273],"database","3e5aa99c-13c1-11f0-812c-569c3dd06744",["D",1744038114415],[176],[158,281],["D",1744038114415],[175,177],[158],["D",1744033141535],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":27},{"_13":85,"_33":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_123":326,"_327":328,"_329":330,"_331":27,"_332":27,"_333":27,"_334":25,"_335":-5,"_336":-7,"_337":-7,"_338":62,"_339":27,"_340":27,"_341":-5,"_342":27,"_343":27,"_344":27,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":86,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"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 · v56