\n \n {MAZE.map((row, y) =>\n row.map((cell, x) => {\n let content = \"\";\n if (player.x === x && player.y === y) content = \"🧑‍🌾\";\n else if (cell === 1) content = \"🪨\";\n else if (cell === 2) content = \"💖\";\n else content = Math.random() > 0.8 ? \"🌼\" : \"🌱\";\n\n return (\n \n {content}\n

\n );\n })\n )}\n \n\n {/* Mobile Controls */}\n

\n \n

\n \n \n

\n \n

\n\n

\n walk to the heart 💖 (arrows / WASD / tap)\n

\n \n );\n}\n\n/* -------------------- MAIN APP -------------------- */\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [stage, setStage] = useState(\"ask\");\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n\n const yesButtonSize = noClicks * 18 + 16;\n const noButtonSize = Math.max(10, 16 - noClicks * 1.4);\n\n const handleNo = () => {\n setNoClicks((prev) => {\n const next = prev + 1;\n if (next >= 4) {\n setNoPos({\n x: Math.random() * 120 - 60,\n y: Math.random() * 120 - 60,\n });\n }\n return next;\n });\n };\n\n const handleYes = () => {\n setStage(\"valentine\");\n confetti({ particleCount: 120, spread: 90, origin: { y: 0.6 } });\n };\n\n const handleWin = () => {\n setStage(\"win\");\n confetti({ particleCount: 220, spread: 120 });\n };\n\n return (\n \n {stage === \"ask\" && (\n <>\n

itinnn, will you be my Valentine? 💘

\n\n

\n \n Yes\n \n\n = 4\n ? `translate(${noPos.x}px, ${noPos.y}px)`\n : \"none\",\n transition: \"all 0.2s ease\",\n }}\n >\n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )}\n\n {stage === \"valentine\" && (\n <>\n

emg boleh bilang engga???

\n\n setStage(\"game\")}\n style={{ marginTop: \"20px\", padding: \"14px 20px\" }}\n >\n lets play a game to end the day 🎮\n \n \n )}\n\n {stage === \"game\" && }\n\n {stage === \"win\" && (\n

\n \n

\n hore ketemu, see u tggl 14 ya bby 💕\n

\n )}\n \n );\n}\n\n/* -------------------- BOILERPLATE -------------------- */\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 \n Valentine for itinnn 💖\n \n \n \n

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