[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_170":171,"_172":173},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_127":-5,"_20":128,"_22":129,"_130":131,"_132":133,"_25":134,"_24":-5,"_135":136,"_137":138,"_139":50,"_140":141,"_142":69,"_143":-5,"_144":-5,"_145":146},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","scrxe","name","valentine","branchName","main","version","path","","project",{"_35":84,"_13":14,"_37":85,"_48":-5,"_86":50,"_51":52,"_87":52,"_88":-5,"_89":-5,"_90":91,"_92":62,"_93":69,"_94":-5,"_95":-5,"_96":33,"_55":97,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":103,"_104":103,"_105":106,"_107":106,"_108":106,"_109":103,"_110":103,"_111":112,"_113":114,"_115":116,"_49":50},"tree",[79],"file","contents",[58],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",4,"behind",0,"envVars","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName",{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_37":70,"_17":71,"_72":73,"_74":75,"_76":50,"_77":-5,"_18":78},"637ce6e2-0103-11f1-84fa-42dde27851f2","main.tsx","fileId","019c23a2-0e7e-750d-a0df-1eda3c290995","parentId","branchId","fdd66a58-0101-11f1-924e-42dde27851f2","branchVersion",5,"latest",true,["D",1770124949071],3,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please?\",\n \"We belong in the dark together 🖤\",\n \"Don't leave me in the void\",\n \"My undead heart can't take this\",\n \"You wound me...\",\n \"This is tragic romance\",\n \"Cold… so cold…\",\n \"YES\"\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noStyle, setNoStyle] = useState({});\n const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n\n const yesButtonSize = Math.min((noClicks * 12) + 16, 80);\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n // Mouse light effect\n useEffect(() => {\n const move = (e) => {\n setMousePos({ x: e.clientX, y: e.clientY });\n const dark = document.getElementById(\"darkness\");\n if (dark) {\n dark.style.background = `\n radial-gradient(circle 140px at ${e.clientX}px ${e.clientY}px,\n rgba(120,0,0,0.15),\n rgba(0,0,0,0.9) 70%)\n `;\n }\n };\n window.addEventListener(\"mousemove\", move);\n return () => window.removeEventListener(\"mousemove\", move);\n }, []);\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n const x = Math.random() * 200 - 100;\n const y = Math.random() * 200 - 100;\n setNoStyle({\n transform: `translate(${x}px, ${y}px)`,\n transition: \"transform 0.2s\"\n });\n };\n\n const bloodConfetti = () => {\n for (let i = 0; i < 80; i++) {\n const drop = document.createElement(\"div\");\n drop.style.position = \"fixed\";\n drop.style.left = Math.random() * window.innerWidth + \"px\";\n drop.style.top = \"-10px\";\n drop.style.width = \"6px\";\n drop.style.height = \"12px\";\n drop.style.background = \"crimson\";\n drop.style.opacity = Math.random();\n drop.style.borderRadius = \"2px\";\n drop.style.pointerEvents = \"none\";\n drop.style.animation = `fall ${2 + Math.random()*2}s linear forwards`;\n document.body.appendChild(drop);\n setTimeout(() => drop.remove(), 4000);\n }\n };\n\n const handleYes = () => {\n bloodConfetti();\n setTimeout(() => setIsValentine(true), 600);\n };\n\n const webStyle = (corner) => {\n const base = {\n position: \"absolute\",\n width: \"120px\",\n opacity: 0.35,\n pointerEvents: \"none\",\n };\n return {\n ...base,\n ...(corner === \"top-left\" && { top: 0, left: 0 }),\n ...(corner === \"top-right\" && { top: 0, right: 0, transform: \"scaleX(-1)\" }),\n ...(corner === \"bottom-left\" && { bottom: 0, left: 0, transform: \"scaleY(-1)\" }),\n ...(corner === \"bottom-right\" && { bottom: 0, right: 0, transform: \"scale(-1)\" }),\n };\n };\n\n return (\n

\n

\n\n {/* Heart cursor */}\n

\n ❤️\n

\n\n {/* Cobwebs */}\n

\n

\n

\n

\n\n {!isValentine ? (\n <>\n $\"bear\"$ \n

\n Will you be my Valentine? 🖤\n

\n\n

\n

Code