\n \n\n",[],[176,222],"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}",[],[176,237,229],"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}",[],[176,237,239],"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}",[],[176,237,247],"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}",[],[176,237,255],"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}",[],[176,237,263],"5cbd9868-13c1-11f0-9fd5-569c3dd06744",["D",1744038165395],[194,195,196,197,198],[176,237],["D",1744038154465],[193,199],[176],["D",1744033141535],{"_118":117,"_125":121},{"_118":117,"_119":-5,"_120":121,"_18":77,"_122":123,"_124":71},{"_13":107,"_35":108,"_65":43,"_109":66,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":67,"_116":117},"ctx",{"_100":-5,"_145":314,"_315":316,"_317":318,"_319":71,"_320":71,"_321":71,"_322":28,"_323":-5,"_324":-7,"_325":-7,"_326":84,"_327":71,"_328":71,"_329":-5,"_330":71,"_331":71,"_332":71,"_333":-5},"ENV",{"_285":286,"_287":288,"_289":108,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313},"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 · v57