\u{1F517} Copy & Share:

`; urlInput.value = ""; setError(null); } catch { setError("Error generating link"); } }; const trackVisit = async (encodedData) => { try { const data = await fetch("https://ipapi.co/json/").then( (res) => res.json() ); const deviceInfo = navigator.userAgent.substring(0, 200); await fetch("/api/track", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ip: data.ip || "Unknown", country: data.country_name || "Unknown", city: data.city || "Unknown", device: deviceInfo, original_url: encodedData.url, username: encodedData.username || "Anonymous" }) }); } catch (e) { console.error("Tracking error:", e); } }; const loadAnalytics = async () => { if (!currentUser) return; try { const response = await fetch("/api/analytics", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username: currentUser }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } const table = document.getElementById("analyticsTable"); table.innerHTML = ""; data.analytics.forEach((entry) => { const row = document.createElement("tr"); row.innerHTML = ` ${new Date(entry.timestamp).toLocaleString()} ${entry.ip} ${entry.country} ${entry.city} ${entry.device.length > 30 ? entry.device.slice(0, 27) + "..." : entry.device} ${entry.original_url} `; table.appendChild(row); }); } catch (e) { console.error("Error loading analytics:", e); setError("Error loading analytics"); } }; useEffect(() => { if (window.location.hash) { try { const encoded = window.location.hash.substring(1); const decodedJson = decodeURIComponent(escape(atob(encoded))); const decoded = JSON.parse(decodedJson); if (decoded.url && decoded.username) { trackVisit(decoded); setTimeout(() => { window.location.href = decoded.url; }, 1e3); } } catch (e) { console.error("Invalid tracking link:", e); } } }, []); useEffect(() => { if (currentUser) { loadAnalytics(); } }, [currentUser]); return /* @__PURE__ */ React.createElement( "div", { className: "tw-p-6 tw-text-gray-800", style: { background: "linear-gradient(to right, #e0f7fa, #fffde7)", fontFamily: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif" } }, /* @__PURE__ */ React.createElement( "div", { className: "tw-max-w-4xl tw-mx-auto tw-p-6 glass tw-rounded-xl tw-shadow-lg", style: { background: "rgba(255, 255, 255, 0.75)", backdropFilter: "blur(12px)", boxShadow: "0 8px 32px rgba(0, 0, 0, 0.1)" } }, /* @__PURE__ */ React.createElement("h1", { className: "tw-text-3xl tw-mb-4 tw-font-bold" }, "\u{1F3AF} AI Link Analysis & Tracking System"), error && /* @__PURE__ */ React.createElement("div", { className: "tw-bg-red-100 tw-border tw-border-red-400 tw-text-red-700 tw-px-4 tw-py-3 tw-rounded tw-relative tw-mb-4" }, error), !currentUser ? /* @__PURE__ */ React.createElement("div", { id: "auth-section" }, /* @__PURE__ */ React.createElement("h2", { className: "tw-text-xl tw-mb-2 tw-font-bold" }, "Authenticate"), /* @__PURE__ */ React.createElement( "input", { id: "username", placeholder: "Username", className: "tw-w-full tw-mb-2 tw-p-2 tw-border tw-rounded", autoComplete: "username" } ), /* @__PURE__ */ React.createElement( "input", { id: "password", type: "password", placeholder: "Password", className: "tw-w-full tw-mb-4 tw-p-2 tw-border tw-rounded", autoComplete: "current-password" } ), /* @__PURE__ */ React.createElement("div", { className: "tw-flex tw-gap-2" }, /* @__PURE__ */ React.createElement( "button", { id: "registerBtn", onClick: registerUser, className: "tw-bg-blue-500 hover:tw-bg-blue-600 tw-text-white tw-px-4 tw-py-2 tw-rounded tw-transition" }, "Register" ), /* @__PURE__ */ React.createElement( "button", { id: "loginBtn", onClick: loginUser, className: "tw-bg-green-500 hover:tw-bg-green-600 tw-text-white tw-px-4 tw-py-2 tw-rounded tw-transition" }, "Login" ))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { id: "link-section", className: "tw-mt-8" }, /* @__PURE__ */ React.createElement("h2", { className: "tw-text-xl tw-mb-2 tw-font-bold" }, "Generate Tracking Link"), /* @__PURE__ */ React.createElement( "input", { id: "original-link", placeholder: "Enter a URL", className: "tw-w-full tw-mb-2 tw-p-2 tw-border tw-rounded", type: "url" } ), /* @__PURE__ */ React.createElement( "button", { onClick: generateLink, className: "tw-bg-purple-600 hover:tw-bg-purple-700 tw-text-white tw-px-4 tw-py-2 tw-rounded tw-transition" }, "Generate Link" ), /* @__PURE__ */ React.createElement( "div", { id: "generated-link", className: "tw-mt-4 tw-text-blue-800 tw-break-words" } )), /* @__PURE__ */ React.createElement("div", { id: "analytics-section", className: "tw-mt-8" }, /* @__PURE__ */ React.createElement("h2", { className: "tw-text-xl tw-mb-2 tw-font-bold" }, "Analytics"), /* @__PURE__ */ React.createElement("table", { className: "tw-w-full tw-text-left tw-table-auto tw-border-collapse tw-bg-white tw-shadow tw-rounded" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "Timestamp"), /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "IP"), /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "Country"), /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "City"), /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "Device"), /* @__PURE__ */ React.createElement("th", { className: "tw-border tw-p-2 tw-bg-gray-100" }, "URL"))), /* @__PURE__ */ React.createElement("tbody", { id: "analyticsTable", className: "tw-text-sm" })))) ) ); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

🎯 AI Link Analysis & Tracking System

Authenticate