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}",[18,76],"pulls","branches","forks","envVars",{"_260":26,"_262":26},"connections",{"_260":26,"_261":26},"count","unfilledCount","emptyCount",{"_45":238,"_13":18,"_74":168,"_55":-5,"_47":48,"_239":240,"_241":24,"_49":287,"_51":243,"_77":169,"_244":-5,"_79":30,"_245":-5,"_272":288,"_17":289},{"_45":248,"_13":76,"_74":75,"_55":168,"_47":48,"_239":163,"_241":24,"_49":284,"_51":250,"_77":90,"_244":251,"_79":30,"_245":-5,"_272":285,"_17":286},{"_45":275,"_13":276,"_74":277,"_55":-5,"_47":48,"_239":278,"_241":24,"_49":279,"_51":280,"_77":90,"_244":281,"_79":30,"_245":-5,"_272":282,"_17":283},{"_45":267,"_13":268,"_74":269,"_55":-5,"_47":48,"_239":243,"_241":24,"_49":270,"_51":26,"_77":21,"_244":271,"_79":30,"_245":-5,"_272":273,"_17":274},"7b5a4062-07dd-11f1-bca9-42dde27851f2","README.md","7b5a413e-07dd-11f1-bca9-42dde27851f2",["D",1770878326381],"# Welcome to Your First Val! 👋\n\nExplore our examples on the left:\n* **01_script.tsx**: A simple script that returns a fun fact.\n* **02_http.tsx**: An HTTP endpoint that greets you.\n* **03_cron.tsx**: A cron that logs the time based on a schedule.\n* **04_email.tsx**: An email handler that processes incoming email details.\n\nFeel free to edit these examples or add new files to your project.\n\nFor inspiration, check out our [Docs](https://docs.val.town/), [Templates](https://www.val.town/explore/use-cases), [Showcase](https://www.val.town/explore/community-showcase) and [Discord](https://discord.val.town/)!\n\nStay as long as you'd like in this project, or head to your main [dashboard](/dashboard) to keep exploring the rest of Val Town.","children",[],[268],"973895b8-07e2-11f1-b904-42dde27851f2","01_script.ts","7b5d80f6-07dd-11f1-bca9-42dde27851f2",13,["D",1770880520611],3,"/** @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 \"Não 💔\",\n \"Amor por favor? 🥺\",\n \"Imagina o quão cute seriamos! 💕\",\n \"Mais uma chance, Bae?\",\n \"Não quebres meu coração :(\",\n \"E que tal um talvez?\",\n \"Já estou a chorar 🥺\",\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-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-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}",[],[276],["D",1770881161479],[],[18,76],["D",1770880715464],[264],[18],["D",1770878326371],{"_11":12,"_216":82},{"_11":12,"_212":-5,"_81":82,"_31":80,"_213":214,"_215":30},{"_51":163,"_13":16,"_45":48,"_204":171,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":-5,"_210":14,"_211":12},"ctx",{"_64":-5,"_235":327,"_328":329,"_330":331,"_332":30,"_333":30,"_334":30,"_335":24,"_336":-5,"_337":-7,"_338":-7,"_339":26,"_340":30,"_341":30,"_342":-5,"_343":30,"_344":30,"_345":30,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":16,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"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"]

History · maincode