$el.querySelector(q);\n\n const loadScript=(src,c)=>new Promise((res,rej)=>{if(window[c])return res();const s=document.createElement('script');s.src=src;s.async=s.defer=!0;s.onload=res;s.onerror=()=>rej(`Failed to load ${src}`);document.head.appendChild(s)});\n\n const f = $('#shorten-form'), i = $('#url-input'), sb = $('#submit-button');\n const m = $('#message-area'), rb = $('#result-container'), ro = $('#result-output');\n const cb = $('#copy-button'), ob = $('#open-link-button');\n\n const norm = s => { try { return new URL((s=s.trim()).includes('://') ? s : 'https://' + s).href } catch { return '' } };\n\n const RC_KEY = '6LeXhdYrAAAAALW6DdgxNeHU0kwBncdicLnVYvXT';\n const rcEl = $('#recaptcha-container');\n loadScript('https://www.google.com/recaptcha/api.js', 'grecaptcha')\n .then(() => {\n grecaptcha.ready(() => {\n try { grecaptcha.render(rcEl, { sitekey: RC_KEY }) }\n catch (e) { m.textContent = 'Could not render CAPTCHA.' }\n });\n })\n .catch(() => m.textContent = 'Could not load CAPTCHA. Check connection or ad-blocker.');\n\n f.onsubmit = async e => {\n e.preventDefault();\n m.textContent = '';\n const u = norm(i.value);\n if (!u) return m.textContent = 'Please enter a valid URL.';\n\n if (typeof grecaptcha === 'undefined') return m.textContent = 'CAPTCHA not ready. Please try again.';\n const token = grecaptcha.getResponse();\n if (!token) return m.textContent = 'Please complete the CAPTCHA.';\n\n sb.disabled = true;\n sb.innerHTML = '…';\n\n try {\n const r = await fetch('https://4ev.link/api/create', {\n method: 'POST',\n headers: {'Content-Type': 'application/json'},\n body: JSON.stringify({url: u, token})\n });\n if (!r.ok) throw new Error(await r.text() || `Request failed: ${r.status}`);\n const d = await r.json();\n rb.hidden = false;\n ro.value = d.shortUrl;\n ob.href = d.shortUrl;\n } catch (err) {\n rb.hidden = true;\n m.textContent = err.message || 'An unknown error occurred.';\n } finally {\n grecaptcha.reset();\n sb.disabled = false;\n sb.innerHTML = 'Shorten';\n }\n };\n\n const setButtonIcon = (btn, iconName, colorClass = '') => {\n btn.innerHTML = `
`;\n lucide.createIcons();\n };\n\n cb.onclick = async () => {\n ro.select();\n try {\n await navigator.clipboard.writeText(ro.value);\n setButtonIcon(cb, 'check', 'text-green-500');\n setTimeout(() => setButtonIcon(cb, 'copy'), 1200);\n } catch {}\n };\n\n ro.onclick = () => ro.select();\n i.oninput = () => {\n rb.hidden = true;\n m.textContent = '';\n };\n\" class=\"relative bg-gray-50 dark:bg-neutral-950 text-gray-800 dark:text-gray-300 antialiased w-full max-w-2xl mx-auto rounded-2xl border border-gray-200 dark:border-neutral-800 overflow-hidden\">\n
\n \n \n 4ev.link \n \n
v1.0.6 \n \n
\n \n Links that last forever .\n \n \n A simple, fast, and reliable URL shortener.\n
\n\n \n\n \n\n
\n \n