\n );\n}\n\nfunction BirthdayBanner({ name }: { name: string }) {\n return (\n

\n 🎂 Happy birthday {name}!\n

\n );\n}\n\nfunction launchConfetti() {\n const defaults = { startVelocity: 45, spread: 90, ticks: 100, zIndex: 1000 };\n\n // Left side confetti\n confetti(Object.assign({}, defaults, {\n particleCount: 150,\n origin: { x: 0, y: 0.5 },\n angle: 45,\n }));\n\n // Right side confetti\n confetti(Object.assign({}, defaults, {\n particleCount: 150,\n origin: { x: 1, y: 0.5 },\n angle: 135,\n }));\n}\n\nfunction App({ initialAccountId }: { initialAccountId: string }) {\n const [profile, setProfile] = useState(null);\n const [loading, setLoading] = useState(true);\n const [showBirthdayBanner, setShowBirthdayBanner] = useState(false);\n const [accountId, setAccountId] = useState(initialAccountId);\n\n useEffect(() => {\n getProfile(accountId).then(data => {\n setProfile(data);\n setLoading(false);\n });\n }, [accountId]);\n\n useEffect(() => {\n if (showBirthdayBanner && !loading) {\n launchConfetti();\n }\n }, [showBirthdayBanner, loading]);\n\n if (!profile && !loading) {\n return

Profile not found

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

\n {loading ? : (\n

\n {showBirthdayBanner && }\n \n

{profile?.name}

@{accountId}

\n {profile?.description || \"\"}\n

\n {Object.entries(profile?.linktree || {}).map(([platform, username]) => (\n \n {getSocialIcon(platform)}\n \n ))}\n

\n )}\n

\n \n \n \n \n \n );\n}\n\nfunction getSocialLink(platform: string, username: string) {\n const links: Record = {\n github: `https://github.com/${username}`,\n telegram: `https://t.me/${username}`,\n linkedin: `https://linkedin.com/in/${username}`,\n twitter: `https://twitter.com/${username}`,\n website: username,\n };\n return links[platform] || \"#\";\n}\n\nfunction getSocialIcon(platform: string) {\n const icons: Record = {\n github: \"📂\",\n telegram: \"📞\",\n linkedin: \"💼\",\n twitter: \"🐦\",\n website: \"🌐\",\n };\n return icons[platform] || \"🔗\";\n}\n\nexport function client(accountId: string) {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const accountId = url.pathname.split(\"/\").pop() || \"efiz.near\"; // Default to 'efiz.near' if no accountId is provided\n\n return new Response(\n `\n \n \n ${accountId}'s Profile\n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/elliotbraem/getProfileProfilePage/code/main.tsx","extension","actionData","errors"]