\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",[129],"4fd85684-42a7-4d17-9ff6-4b887ff5fdb3","main.tsx",11,["D",1781179488751],9,"/** @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}",[141],"964b1624-e6d3-4a9e-9b73-822213278ac1",["D",1781182827816],[27],"pulls","branches","forks","envVars",{"_157":60,"_159":60},"connections",{"_157":60,"_158":60},"count","unfilledCount","emptyCount",{"_40":147,"_31":27,"_29":30,"_131":-5,"_38":39,"_37":14,"_133":56,"_35":170,"_13":60,"_32":33,"_34":-5,"_23":24,"_138":-5,"_164":171,"_26":172},{"_40":140,"_31":141,"_29":54,"_131":-5,"_38":39,"_37":142,"_133":56,"_35":167,"_13":144,"_32":136,"_34":145,"_23":24,"_138":-5,"_164":168,"_26":169},{"_40":128,"_31":129,"_29":130,"_131":-5,"_38":39,"_37":132,"_133":24,"_35":163,"_13":135,"_32":136,"_34":137,"_23":24,"_138":-5,"_164":165,"_26":166},["D",1781179847552],"children",[],[129],["D",1781179488751],[],[141],["D",1781182827816],[],[27],["D",1781176828660],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":52,"_99":100,"_101":24},{"_13":83,"_31":84,"_40":39,"_85":41,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":42,"_92":93},"ctx",{"_76":-5,"_122":210,"_211":212,"_213":214,"_215":24,"_216":24,"_217":24,"_218":56,"_219":-5,"_220":-7,"_221":-7,"_222":60,"_223":24,"_224":24,"_225":-5,"_226":24,"_227":24,"_228":24,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":84,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"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