/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useState } from "https://esm.sh/react@18.2.0"; const NO_PHRASES = [ "Are you sure? 💔", "Pretty please? 🥺", "I'm gonna cry 😢", "But we'd be so cute together! 💕", "You're breaking my heart 😭", "Just think about it! 😊", "Please please please 🥹", "I am going to be sad tho 🥲", "Like really really sad 😫", "PLEASE PLEASE PLEASE ❤️", "You know you want to click it 😉", "PLEASE PLEASE PLEASE PLEASE PLEASE 😍", ]; function App() { const [noClicks, setNoClicks] = useState(0); const [isValentine, setIsValentine] = useState(false); const yesButtonSize = (noClicks * 40) + 16; const firstImg = "https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif"; const secondImg = "https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif"; const handleNo = () => { setNoClicks(prev => prev + 1); }; const handleYes = () => { setIsValentine(true); }; return (

{!isValentine ? ( <>

Will you be my Valentine? 💘

) : ( <>

Yay!!! 💖🎉

)}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response( ` Valentine's Day Invitation

`, { headers: { "content-type": "text/html" }, }, ); }

printerman