\n {hearts.map((h) => (\n \n ❤️\n \n ))}\n

Bună, Nicole 💖

Te iubesc

Un colțișor din internet doar pentru tine.

{reason}

\n \n {count > 0 &&

Motive împărtășite: {count}

}\n\n

\n {answer === \"da\"\n ?

Da!!! 🎉 Abia aștept, Nicole! 💞

\n : (\n <>\n

\n Vrei să ieși la o întâlnire cu mine mâine? 🌹\n

\n \n \n Nu\n \n

\n \n )}\n

\n\n

făcut cu drag, doar pentru tine

\n );\n}\n\nconst html = `\n\n\n\n\nPentru Nicole 💖\n\n\n\n

__APP__

\n\n\n`;\n\nexport default function (req: Request): Response {\n const appHtml = renderToString();\n return new Response(html.replace(\"__APP__\", appHtml), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","label",[137],"0e87561e-3714-4c5e-be8c-8f5e9e4a3e16","main.tsx","019eb6c4-c51d-72ed-86f3-e2f0931bca42",["D",1781182809380],"/** @jsxImportSource https://esm.sh/react@18 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18\";\nimport { renderToString } from \"https://esm.sh/react-dom@18/server\";\n\n// Întrebările chestionarului. Marcăm răspunsul „corect\" doar de glumă 😊\nconst questions = [\n {\n q: \"În ce zi ne-am cunoscut prima dată? 🗓️\",\n options: [\n \"Habar n-a 😅\",\n \"Cea mai frumoasă zi din viața mea 💖\",\n \"Marți, parcă?\",\n ],\n correct: 1,\n },\n {\n q: \"Care e lucrul meu preferat la tine? 💭\",\n options: [\"Zâmbetul tău 😊\", \"Felul în care râzi 😄\", \"Absolut totul 💕\"],\n correct: 2,\n },\n {\n q: \"Cât de mult te iubesc? ❤️\",\n options: [\"Mult\", \"Foarte mult\", \"Mai mult decât pot să spun 🥹\"],\n correct: 2,\n },\n {\n q: \"Ce facem la următoarea întâlnire? 🌹\",\n options: [\n \"Film și popcorn 🍿\",\n \"O plimbare la apus 🌅\",\n \"Orice, atâta timp cât suntem împreună 💞\",\n ],\n correct: 2,\n },\n];\n\nfunction App() {\n // step: -1 = intro, 0..n-1 = întrebări, n = galerie, n+1 = întrebarea finală\n const [step, setStep] = useState(-1);\n const [score, setScore] = useState(0);\n const [picked, setPicked] = useState(null);\n const [answer, setAnswer] = useState(\"\");\n const [noPos, setNoPos] = useState(null);\n const [hearts, setHearts] = useState([]);\n\n useEffect(() => {\n const id = setInterval(() => {\n setHearts((h) => [\n ...h.slice(-20),\n {\n id: Date.now(),\n left: Math.random() * 100,\n size: 14 + Math.random() * 22,\n dur: 4 + Math.random() * 4,\n },\n ]);\n }, 600);\n return () => clearInterval(id);\n }, []);\n\n const total = questions.length;\n const galleryStep = total;\n const finalStep = total + 1;\n\n const pick = (i) => {\n if (picked !== null) return;\n setPicked(i);\n if (i === questions[step].correct) setScore((s) => s + 1);\n };\n\n const next = () => {\n setPicked(null);\n setStep((s) => s + 1);\n };\n\n const dodgeNo = () => {\n setNoPos({ top: Math.random() * 80 - 40, left: Math.random() * 240 - 120 });\n };\n\n return (\n

\n {hearts.map((h) => (\n \n ❤️\n \n ))}\n

\n\n

\n {step === -1 && (\n <>\n

Bună, Nicole 💖

Te iubesc

\n Ți-am pregătit un mic chestionar despre noi doi. Ești gata? 🥰\n

\n \n \n )}\n\n {step >= 0 && step < total && (\n <>\n

Întrebarea {step + 1} din {total}

{questions[step].q}

\n {questions[step].options.map((opt, i) => {\n let cls = \"opt\";\n if (picked !== null) {\n if (i === questions[step].correct) cls += \" right\";\n else if (i === picked) cls += \" wrong\";\n }\n return (\n pick(i)}\n disabled={picked !== null}\n >\n {opt}\n \n );\n })}\n

\n {picked !== null && (\n \n )}\n \n )}\n\n {step === galleryStep && (\n <>\n

Amintirile noastre 📸

\n Ai răspuns corect la {score} din {total}{\" \"}\n — dar pentru mine ești mereu 10/10 💯\n

\n {photos.map((p, i) => (\n

\n ))}\n

\n \n \n )}\n\n {step === finalStep && (\n

\n {answer === \"da\"\n ?

Da!!! 🎉 Abia aștept, Nicole! 💞

\n : (\n <>\n

\n Vrei să ieși la o întâlnire cu mine mâine? 🌹\n

\n \n \n Nu\n \n

\n \n )}\n

\n )}\n\n

făcut cu drag, doar pentru tine

\n );\n}\n\nconst html = `\n\n\n\n\nPentru Nicole 💖\n\n\n\n

__APP__

\n\n\n`;\n\nexport default function (req: Request): Response {\n const appHtml = renderToString();\n return new Response(html.replace(\"__APP__\", appHtml), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}",[152],"pulls","branches",2,"forks","envVars",{"_165":20,"_167":20},"connections",{"_165":20,"_166":20},"count","unfilledCount","emptyCount",{"_32":151,"_13":152,"_138":153,"_140":-5,"_141":56,"_142":55,"_143":78,"_34":174,"_41":20,"_145":146,"_147":155,"_63":26,"_149":-5,"_171":175,"_108":176},{"_32":136,"_13":137,"_138":139,"_140":-5,"_141":56,"_142":55,"_143":78,"_34":170,"_41":20,"_145":146,"_147":148,"_63":26,"_149":-5,"_171":172,"_108":173},["D",1781182809380],"children",[],[137],["D",1781182809380],[],[152],["D",1781176828660],{"_11":12,"_107":103},{"_11":12,"_100":101,"_102":103,"_73":74,"_104":105,"_106":26},{"_41":55,"_13":16,"_32":56,"_39":40,"_43":33,"_44":57,"_58":50,"_59":40,"_60":53,"_54":14,"_51":12},"ctx",{"_95":-5,"_129":214,"_215":216,"_217":218,"_219":26,"_220":26,"_221":26,"_222":78,"_223":-5,"_224":-7,"_225":-7,"_226":20,"_227":26,"_228":26,"_229":-5,"_230":26,"_231":26,"_232":26,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":38,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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"]

Compare

Mergenicoleintomain