Will you be my Valentine? 💘

\n \n Yes\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

\n \n Yay!!! 💖🎉\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 `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","label",[128],"037038cc-0058-11f1-ab48-42dde27851f2","main.ts","badeb37c-0057-11f1-8646-42dde27851f2",["D",1770051343986],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I really like u ❣️💘you\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-panda-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/panda-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

\n \n Yes\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

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[140],"443e7584-0059-11f1-973e-42dde27851f2","untitled-folder-7832","43237dc0-0059-11f1-a240-42dde27851f2",10,["D",1770051882151],1,[147],"pulls","branches","forks","envVars",{"_160":58,"_162":58},"connections",{"_160":58,"_161":58},"count","unfilledCount","emptyCount",{"_41":146,"_31":147,"_29":148,"_130":-5,"_39":40,"_38":149,"_132":119,"_36":186,"_13":151,"_33":34,"_35":-5,"_23":24,"_137":-5,"_169":187,"_26":188},{"_41":179,"_31":180,"_29":181,"_130":148,"_39":40,"_38":182,"_132":119,"_36":183,"_13":58,"_33":34,"_35":-5,"_23":24,"_137":-5,"_169":184,"_26":185},{"_41":175,"_31":32,"_29":30,"_130":148,"_39":40,"_38":14,"_132":119,"_36":176,"_13":58,"_33":34,"_35":-5,"_23":24,"_137":-5,"_169":177,"_26":178},{"_41":139,"_31":140,"_29":141,"_130":-5,"_39":40,"_38":134,"_132":119,"_36":172,"_13":143,"_33":135,"_35":144,"_23":24,"_137":-5,"_169":173,"_26":174},{"_41":127,"_31":128,"_29":129,"_130":-5,"_39":40,"_38":131,"_132":119,"_36":168,"_13":134,"_33":135,"_35":136,"_23":24,"_137":-5,"_169":170,"_26":171},["D",1770051656383],"children",[],[128],["D",1770051343986],[],[140],"44930388-0059-11f1-a557-42dde27851f2",["D",1770051882767],[],[147,32],"44361c68-0059-11f1-aeda-42dde27851f2","untitled-folder-1222","44361d30-0059-11f1-aeda-42dde27851f2",9,["D",1770051882144],[],[147,180],["D",1770051882151],[164,165],[147],["D",1770051222218],{"_92":91,"_100":96},{"_92":91,"_93":94,"_95":96,"_18":52,"_97":98,"_99":24},{"_13":81,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"ctx",{"_74":-5,"_121":226,"_227":228,"_229":230,"_231":24,"_232":24,"_233":24,"_234":119,"_235":-5,"_236":-7,"_237":-7,"_238":58,"_239":24,"_240":24,"_241":-5,"_242":24,"_243":24,"_244":24,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":82,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v11