\n {Array.from({ length: 30 }).map((_, i) => {\n const size = 12 + Math.random() * 24;\n const duration = 6 + Math.random() * 6;\n const delay = Math.random() * 5;\n const sway = Math.random() * 20 - 10;\n const rotate = Math.random() * 360;\n return (\n \n 💗\n \n );\n })}\n

\n );\n}\n\nfunction Confetti({ show }) {\n if (!show) return null;\n const colors = [\"#ff66cc\", \"#ffb6d5\", \"#ff99aa\", \"#ff80bf\", \"#ff4d94\"];\n return (\n

\n {Array.from({ length: 120 }).map((_, i) => {\n const color = colors[Math.floor(Math.random() * colors.length)];\n const curve = Math.random() * 60 - 30;\n const duration = 1.5 + Math.random();\n const delay = Math.random();\n return (\n \n 🎉\n \n );\n })}\n

\n );\n}\n\nfunction Typewriter({ text, speed = 50 }) {\n const [displayed, setDisplayed] = useState(\"\");\n useEffect(() => {\n let i = 0;\n const interval = setInterval(() => {\n setDisplayed(text.slice(0, i + 1));\n i++;\n if (i >= text.length) clearInterval(interval);\n }, speed);\n return () => clearInterval(interval);\n }, [text, speed]);\n return {displayed};\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n const [showEasterEgg, setShowEasterEgg] = useState(false);\n const [shake, setShake] = useState(false);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/6oVpxIFwAAoAAAAM/cat-kiss.gif\";\n\n // Ref to audio objects so they persist\n const noSoundRef = useRef(new Audio(noSoundUrl));\n const yesSoundRef = useRef(new Audio(yesSoundUrl));\n\n useEffect(() => {\n if (shake) {\n const timer = setTimeout(() => setShake(false), 500);\n return () => clearTimeout(timer);\n }\n }, [shake]);\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n\n // Play No sound\n const noSound = noSoundRef.current;\n noSound.currentTime = 0;\n noSound.play().catch(() => console.log(\"No sound blocked by browser\"));\n\n const fleeAmount = noClicks >= 3 ? 300 : 150;\n setNoPos({\n x: Math.random() * fleeAmount - fleeAmount / 2,\n y: Math.random() * fleeAmount - fleeAmount / 2,\n });\n\n if (noClicks >= 4) setShake(true);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n setShowEasterEgg(true);\n\n // Play Yes sound\n const yesSound = yesSoundRef.current;\n yesSound.currentTime = 0;\n yesSound.play().catch(() => console.log(\"Yes sound blocked by browser\"));\n };\n\n const messageText =\n \"I saw this in your reposts and I wanted to make this for you to make you happy. I love you the most in the world, my sweet princess. Now answer my question 💗\";\n\n return (\n

\n \n \n\n

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

Can I be your valentine baby? 💘

\n\n

\n Mia,{\" \"}\n \n \n \n

\n\n

\n \n Yes\n \n\n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

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

I BOLJE TI JE 🥰

\n {showEasterEgg && (\n

\n Haha I knew you couldn’t resist me gorgeus babygirl 💖\n

\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() {\n return new Response(\n `\n \n Valentine 💘\n \n \n \n

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