\n {\n // “soft” refresh via state toggle:\n const e = new KeyboardEvent(\"keydown\", { key: \"r\" });\n window.dispatchEvent(e);\n }}\n style={btnStyle}\n title=\"R\"\n >\n Restart ↻\n \n \n \n Controls: Space/↑ = jump, R = restart, P = pause\n \n

\n \n );\n}\n\nconst btnStyle = {\n padding: \"10px 16px\",\n borderRadius: 8,\n border: \"none\",\n background: \"black\",\n color: \"white\",\n cursor: \"pointer\",\n};\n\nfunction App() {\n const [view, setView] = useState(\"prompt\"); // 'prompt' | 'letter' | 'game'\n\n const bearImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const loveImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n return (\n \n {view === \"prompt\" && (\n <>\n

Hi, can you click Yes?

\n setView(\"letter\")}\n style={{\n fontSize: \"24px\",\n marginTop: \"20px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Yes ❤️\n \n \n )}\n\n {view === \"letter\" && (\n <>\n

\n \n 💌 :\n
\n Hi!! I love you soooo much!! I wish that you weren't sick, this is\n really bad, but you will slowly recover and then you will have a\n better day tomorrow! I hope you are resting right now and maybe\n drinking tea for your throat. Beso. Te queiro mucho! Mwa❤️\n \n\n {/* New Surprise button */}\n setView(\"game\")}\n style={{\n marginTop: 24,\n padding: \"12px 20px\",\n borderRadius: 10,\n border: \"none\",\n background: \"hotpink\",\n color: \"white\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n boxShadow: \"0 4px 10px rgba(255,105,180,0.5)\",\n }}\n >\n Surprise 🎁\n \n \n )}\n\n {view === \"game\" && (\n <>\n

Tiny Dino Run 🦖

\n setView(\"letter\")} />\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 Letter 💌\n \n \n \n \n

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