[{"_1":2,"_176":-5,"_177":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","807fcf9310514ac3300af510441b05f48071d6f0","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_153":154,"_173":174,"_175":-5},"handle","lolol","name","untitled-5155","path","main.ts","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_139":140,"_152":20},"id","aa87075a-f8c7-11f0-bf69-42dde27851f2","createdAt",["D",1769219689160],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019bed8d-14cd-7172-820c-10b9308db38e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019bed8d-14cd-7172-820c-14e21eaa2b1b","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4Z012RDJocUFtczNyVEdGZ1gzdW5XUjQzWiJ9","org",{"_95":96,"_136":133,"_12":113,"_137":138},"avatar","tier","free","branch",{"_141":142,"_97":45,"_103":143,"_144":104,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":98,"_151":96},"version",3,"aa875890-f8c7-11f0-bf69-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":155,"_97":100,"_156":157,"_158":-5,"_159":143,"_160":161,"_162":163,"_105":164,"_141":165,"_166":167,"_168":169,"_170":20,"_171":-5,"_99":172},"c362b166-f8c7-11f0-8bc5-42dde27851f2","fileId","aa897328-f8c7-11f0-bf69-42dde27851f2","parentId","branchId","branchVersion",2,"latest",true,["D",1769219730854],1,"fileType","script","content","import { useEffect, useState } from \"react\";\n\nexport default function Valentine() {\n const hearts = [\"💖\", \"💘\", \"💝\", \"💞\", \"❤️\"];\n const colors = [\"red\", \"magenta\", \"hotpink\", \"deeppink\", \"orange\", \"yellow\"];\n const [sparkles, setSparkles] = useState([]);\n const [started, setStarted] = useState(false);\n\n // Animate floating hearts continuously\n useEffect(() => {\n if (!started) return;\n\n const animation = setInterval(() => {\n setSparkles((prev) =>\n prev\n .map((s) => ({ ...s, y: s.y - s.speed, x: s.x + s.dx }))\n .filter((s) => s.y + s.size > 0)\n );\n }, 50);\n\n // Add new hearts continuously\n const interval = setInterval(() => {\n const newHeart = {\n id: Math.random(),\n x: Math.random() * window.innerWidth,\n y: window.innerHeight + 50,\n size: Math.random() * 25 + 20,\n color: colors[Math.floor(Math.random() * colors.length)],\n emoji: hearts[Math.floor(Math.random() * hearts.length)],\n speed: Math.random() * 2 + 1,\n dx: (Math.random() - 0.5) * 2, // slight horizontal drift\n };\n setSparkles((prev) => [...prev, newHeart]);\n }, 200);\n\n return () => {\n clearInterval(animation);\n clearInterval(interval);\n };\n }, [started]);\n\n // Handle button click: start animation + sparkle explosion\n const handleClick = () => {\n if (!started) setStarted(true);\n\n const newSparkles = [];\n for (let i = 0; i < 150; i++) {\n newSparkles.push({\n id: Math.random(),\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n size: Math.random() * 35 + 15,\n color: colors[Math.floor(Math.random() * colors.length)],\n emoji: hearts[Math.floor(Math.random() * hearts.length)],\n speed: Math.random() * 4 + 1,\n dx: (Math.random() - 0.5) * 3,\n });\n }\n setSparkles((prev) => [...prev, ...newSparkles]);\n alert(\"🥰 YAY! I’m so happy, Starlette! ❤️\");\n };\n\n return (\n \n \n Hey Starlette! 🌟
Will you be my Valentine? 💌\n \n\n \n Click Here 💖\n \n\n {/* Render floating hearts */}\n {sparkles.map((s) => (\n \n {s.emoji}\n \n ))}\n \n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/lolol/untitled-5155/code/main.ts","extension","actionData","errors"]