\n {Array.from({ length: 18 }).map((_, i) => (\n \n ❤\n \n ))}\n

\n );\n}\n\nfunction App() {\n const herName = \"Honey Bee\";\n const fromName = \"Tesoro\";\n\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n // ✅ No button shows phrases, then runs away AFTER the last phrase\n // noClicks: 0 -> \"No 💔\"\n // noClicks: 1 -> \"Pretty please? 🥺\"\n // ...\n // noClicks: 7 -> \"Okay… last try 😭\"\n // noClicks: 8 -> button disappears (runs away)\n const RUN_AWAY_AFTER = NO_PHRASES.length; // 8\n const noHasRunAway = noClicks >= RUN_AWAY_AFTER;\n\n const yesButtonSize = Math.min(noClicks * 10 + 18, 44);\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 // No jumps ONLY inside the btnRow box\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n const btnBoxRef = useRef(null);\n\n const handleNo = () => {\n // If it already ran away, ignore clicks\n if (noHasRunAway) return;\n\n setNoClicks((prev) => prev + 1);\n\n const box = btnBoxRef.current;\n if (!box) return;\n\n const btnW = 170;\n const btnH = 56;\n\n const maxX = Math.max(0, box.clientWidth - btnW);\n const maxY = Math.max(0, box.clientHeight - btnH);\n\n const x = Math.floor(Math.random() * (maxX + 1));\n const y = Math.floor(Math.random() * (maxY + 1));\n\n setNoPos({ x, y });\n };\n\n const handleYes = () => setIsValentine(true);\n\n const finalMsg = useMemo(\n () =>\n `Honey Bee 💛🐝\\n\\nYou’re the calm in my noise.\\nNo background demons, — nothing matters more than us.\\nEven when I speak out of madness, lol we both do sometimes, my love doesn’t change.\\nI choose you. Always.\\n\\nIT note from your Tesoro:\\nYou’re my forever feature — no bugs allowed in our love story.\\n\\nHappy Valentine’s Day, Honey Bee.\\n— Tesoro 🖤`,\n [],\n );\n\n const typed = useTypewriter(finalMsg, 22, isValentine);\n\n // ✅ Text shown on the No button\n // When noClicks === 0 -> first phrase\n // When noClicks === 7 -> last phrase\n const noText = NO_PHRASES[Math.min(noClicks, NO_PHRASES.length - 1)];\n\n return (\n

\n \n\n

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

{herName}, will you be my Valentine? 💘

\n\n

\n \n Yes ✅\n \n\n {/* ✅ Runs away only after the LAST phrase */}\n {!noHasRunAway\n ? (\n \n {noText}\n \n )\n :

No ran away 😈🐝

}\n

\n\n

Try pressing “No”… if you can 😈🐝

\n \n )\n : (\n <>\n $\"Bears$ \n

Yay Honey Bee!!! 💖🎉

{typed}

\n\n {\n setIsValentine(false);\n setNoClicks(0);\n setNoPos({ x: 0, y: 0 });\n }}\n >\n Replay 🔁\n \n \n )}\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(_request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n

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