Will you be my Valentine? 💘

\n \n Yes\n \n \n {noClicks === 0 ? \"No\" : 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",[130],"4e21d1a8-03f2-11f1-b8fb-42dde27851f2","new-file-7003.ts","4e21d25c-03f2-11f1-b8fb-42dde27851f2",10,["D",1770447465288],[141],"fbe8f728-03f0-11f1-aa1d-42dde27851f2","new-file-6897.ts","fbe8f7dc-03f0-11f1-aa1d-42dde27851f2",2,["D",1770446897853],[147],"4ed9d1cc-03f2-11f1-94b2-42dde27851f2","new-file-6795.ts","4ed9d280-03f2-11f1-94b2-42dde27851f2",11,["D",1770447466496],[153],"9bc5f128-03f2-11f1-8e5f-42dde27851f2",["D",1770447595556],[27],"fc0c7f2c-03f0-11f1-8f70-42dde27851f2","new-file-1282.ts","fc0c7ff4-03f0-11f1-8f70-42dde27851f2",3,["D",1770446898083],[162],"f56378d8-03f0-11f1-94f1-42dde27851f2","main.ts","f56379a0-03f0-11f1-94f1-42dde27851f2",["D",1770446886906],[168],"02fe878e-03f2-11f1-8471-42dde27851f2",".ts","fc2bc936-03f0-11f1-b572-42dde27851f2",9,["D",1770447339225],5,"http","/** @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'm fragile\",\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://github.com/tychenogra21-hue/Ask-out-your-Valentine/blob/main/images/image2.gift\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n const thirdImg = \n \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 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}",[173],"pulls","branches","forks","envVars",{"_188":58,"_190":58},"connections",{"_188":58,"_189":58},"count","unfilledCount","emptyCount",{"_41":172,"_31":173,"_29":174,"_132":-5,"_39":40,"_38":175,"_134":116,"_36":221,"_13":177,"_32":178,"_34":179,"_23":24,"_138":-5,"_200":222,"_26":223},{"_41":167,"_31":168,"_29":169,"_132":-5,"_39":40,"_38":136,"_134":116,"_36":218,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":219,"_26":220},{"_41":161,"_31":162,"_29":163,"_132":-5,"_39":40,"_38":164,"_134":116,"_36":215,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":216,"_26":217},{"_41":158,"_31":27,"_29":30,"_132":-5,"_39":40,"_38":14,"_134":116,"_36":212,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":213,"_26":214},{"_41":152,"_31":153,"_29":154,"_132":-5,"_39":40,"_38":155,"_134":116,"_36":209,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":210,"_26":211},{"_41":146,"_31":147,"_29":148,"_132":-5,"_39":40,"_38":149,"_134":116,"_36":206,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":207,"_26":208},{"_41":140,"_31":141,"_29":142,"_132":-5,"_39":40,"_38":143,"_134":116,"_36":203,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_200":204,"_26":205},{"_41":129,"_31":130,"_29":131,"_132":-5,"_39":40,"_38":133,"_134":116,"_36":199,"_13":136,"_32":33,"_34":137,"_23":24,"_138":-5,"_200":201,"_26":202},["D",1770447552534],"children",[],[130],["D",1770447465288],[],[141],["D",1770446897853],[],[147],["D",1770447466496],[],[153],["D",1770447595556],[],[27],["D",1770446898083],[],[162],["D",1770446886906],[],[168],["D",1770447339225],[],[173],["D",1770446886824],{"_91":90,"_98":94},{"_91":90,"_92":-5,"_93":94,"_18":52,"_95":96,"_97":24},{"_13":14,"_31":81,"_41":40,"_82":42,"_83":-5,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":43,"_89":90},"ctx",{"_74":-5,"_118":261,"_262":263,"_264":265,"_266":24,"_267":24,"_268":24,"_269":116,"_270":-5,"_271":-7,"_272":-7,"_273":58,"_274":24,"_275":24,"_276":-5,"_277":24,"_278":24,"_279":24,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":81,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"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 · v14