[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_138":-5,"_20":139,"_22":140,"_141":142,"_143":144,"_25":145,"_24":-5,"_146":147,"_148":149,"_150":52,"_151":152,"_153":72,"_154":-5,"_155":-5,"_156":157},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","deltar","name","askVal","branchName","main","version","path","","project",{"_35":96,"_13":14,"_37":97,"_50":-5,"_98":52,"_53":54,"_99":54,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":72,"_106":-5,"_107":-5,"_108":43,"_56":57,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_51":52},"tree",[87,88],"file","contents",[60,61],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"pull","ahead",13,"behind",0,"envVars","id","98a074a6-0225-11f1-ad46-42dde27851f2","createdAt",["D",1770249592192],"updatedAt",["D",1770249592192],"projectId","989bf1a6-0225-11f1-ad46-42dde27851f2",1,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"lockfileKey","1770249592818-esm.town_v_deltar_valentine@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","019c2b18-3f3e-704e-a124-4254d7788b98","projectName","valentine",{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":84,"_17":33,"_74":24,"_76":85,"_78":52,"_79":-5,"_18":86},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":31,"_74":75,"_76":77,"_78":52,"_79":-5,"_18":80},"a100a87c-03b6-11f1-b4a0-42dde27851f2","main.tsx","fileId","019c2b19-9477-74aa-b72a-2f30acc83b81","parentId","branchId","aab7d4cc-0225-11f1-a80d-42dde27851f2","branchVersion",14,"latest",true,["D",1770421834517],"fileType","http","content","/** @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 \"Pwettyy pweaseeee?🥺🥺🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, jaan?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n \"Nooo me will be sad :(\",\n];\n\n// Customize these puzzles with your own memories!\nconst PUZZLES = [\n {\n question: \"Where did we have our first 'date'?\",\n answer: \"library\", // Change to your answer\n hint1: \"Think about the place that we go often 🤓\",\n hint2: \"It starts with 'L' and has lots of books 📖\",\n type: \"text\",\n },\n {\n question: \"When is our anniversary? (Write it as: month day)\",\n answer: \"june 11\", // Change to your answer\n hint1: \"Think about that special day in the summer ☀️\",\n hint2: \"It's in the sixth month of the year 💕\",\n type: \"text\",\n },\n {\n question: \"What do you love most about us? 💕\",\n answer: \"\", // Open-ended, no specific answer\n hint1: \"\",\n hint2: \"\",\n type: \"open\",\n },\n {\n question: \"What's one thing you want us to do together this year? ✨\",\n answer: \"\", // Open-ended, no specific answer\n hint1: \"\",\n hint2: \"\",\n type: \"open\",\n },\n];\n\nconst MEMORIES = [\n {\n emoji: \"🌟\",\n text: \"Every moment with you feels like a dream come true\",\n },\n {\n emoji: \"💕\",\n text: \"You make my heart skip a beat every single day\",\n },\n {\n emoji: \"🌈\",\n text: \"With you, life is full of color and joy\",\n },\n {\n emoji: \"✨\",\n text: \"You're not just my love, you're my best friend\",\n },\n];\n\nfunction WelcomePage({ onStart }) {\n return (\n \n \n

💝

\n \n Hey Beautiful ✨\n \n \n I've created something special just for you...\n

\n \n Before I ask you something important, let's take a little journey\n through our memories together 💕\n

\n e.target.style.transform = \"scale(1.05)\"}\n onMouseOut={(e) => e.target.style.transform = \"scale(1)\"}\n >\n Let's Begin 💖\n \n \n \n );\n}\n\nfunction PuzzlePage({ puzzle, puzzleNumber, totalPuzzles, onSolve }) {\n const [answer, setAnswer] = useState(\"\");\n const [attempts, setAttempts] = useState(0);\n const [hint, setHint] = useState(\"\");\n const [showOkieee, setShowOkieee] = useState(false);\n\n const handleSubmit = (e) => {\n e.preventDefault();\n\n // For open-ended questions, just show \"okieee\" page\n if (puzzle.type === \"open\") {\n if (answer.trim().length > 0) {\n setShowOkieee(true);\n }\n return;\n }\n\n // For regular questions with answers\n if (answer.toLowerCase().trim() === puzzle.answer.toLowerCase()) {\n onSolve();\n } else {\n setAttempts((prev) => prev + 1);\n if (attempts === 2) {\n setHint(puzzle.hint1);\n } else if (attempts >= 4) {\n setHint(puzzle.hint2);\n }\n }\n };\n\n const progress = (puzzleNumber / totalPuzzles) * 100;\n\n // Show \"okieee\" confirmation page for open-ended questions\n if (showOkieee) {\n return (\n \n \n

🥰

\n \n okieee 💕\n \n e.target.style.transform = \"scale(1.05)\"}\n onMouseOut={(e) => e.target.style.transform = \"scale(1)\"}\n >\n Next ✨\n \n \n \n \n );\n }\n\n return (\n \n \n

\n Question {puzzleNumber} of {totalPuzzles}\n

\n \n \n

\n \n\n \n 💭 Memory Lane\n \n\n \n {puzzle.question}\n \n\n

\n {puzzle.type === \"open\"\n ? (\n setAnswer(e.target.value)}\n placeholder=\"Share your thoughts... 💭\"\n rows={5}\n style={{\n width: \"100%\",\n padding: \"18px\",\n fontSize: \"16px\",\n border: \"2px solid #ddd\",\n borderRadius: \"12px\",\n marginBottom: \"20px\",\n boxSizing: \"border-box\",\n fontFamily: \"Arial, sans-serif\",\n resize: \"vertical\",\n }}\n />\n )\n : (\n setAnswer(e.target.value)}\n placeholder=\"Type your answer here...\"\n style={{\n width: \"100%\",\n padding: \"18px\",\n fontSize: \"16px\",\n border: \"2px solid #ddd\",\n borderRadius: \"12px\",\n marginBottom: \"20px\",\n boxSizing: \"border-box\",\n }}\n />\n )}\n e.target.style.transform = \"scale(1.02)\"}\n onMouseOut={(e) => e.target.style.transform = \"scale(1)\"}\n >\n {puzzle.type === \"open\" ? \"Continue 💕\" : \"Submit Answer 💝\"}\n \n \n\n {hint && puzzle.type !== \"open\" && (\n \n 💡 {hint}\n \n )}\n\n {attempts > 0 && !hint && puzzle.type !== \"open\" && (\n

\n Not quite... but you're doing amazing! 💕\n

\n )}\n \n \n );\n}\n\nfunction MemoryPage({ memory, onNext, memoryNumber, totalMemories }) {\n return (\n \n \n

\n {memory.emoji}\n

\n \n \"{memory.text}\"\n

\n e.target.style.transform = \"scale(1.05)\"}\n onMouseOut={(e) => e.target.style.transform = \"scale(1)\"}\n >\n {memoryNumber < totalMemories ? \"Continue 💕\" : \"Next ✨\"}\n \n \n \n );\n}\n\nfunction TransitionPage({ onContinue }) {\n const [dots, setDots] = useState(\".\");\n\n React.useEffect(() => {\n const interval = setInterval(() => {\n setDots((prev) => prev.length >= 3 ? \".\" : prev + \".\");\n }, 500);\n return () => clearInterval(interval);\n }, []);\n\n return (\n \n \n

💌

\n \n I have a question to ask you{dots}\n \n \n Thank you for going through this journey with me. Every moment we've\n shared has been precious, and I want to make even more beautiful\n memories with you 💕\n

\n e.target.style.transform = \"scale(1.05)\"}\n onMouseOut={(e) => e.target.style.transform = \"scale(1)\"}\n >\n I'm Ready 💖\n \n \n \n \n );\n}\n\nfunction ValentinePage({ onYes, onNo, noClicks, yesButtonSize }) {\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n\n return (\n \n $\"Cute$ \n

\n Will you be my Valentine? 💘\n

\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\nfunction SuccessPage() {\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n return (\n \n $\"Happy$ \n \n Yay!!! 💖🎉\n \n

\n You just made me the happiest person alive! 🥰\n

\n \n );\n}\n\nfunction App() {\n const [stage, setStage] = useState(\"welcome\"); // welcome, puzzle, memory, transition, valentine, success\n const [currentPuzzle, setCurrentPuzzle] = useState(0);\n const [currentMemory, setCurrentMemory] = useState(0);\n const [noClicks, setNoClicks] = useState(0);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const handleStart = () => {\n setStage(\"puzzle\");\n };\n\n const handlePuzzleSolve = () => {\n if (currentPuzzle < PUZZLES.length - 1) {\n setCurrentPuzzle((prev) => prev + 1);\n } else {\n setStage(\"memory\");\n }\n };\n\n const handleMemoryNext = () => {\n if (currentMemory < MEMORIES.length - 1) {\n setCurrentMemory((prev) => prev + 1);\n } else {\n setStage(\"transition\");\n }\n };\n\n const handleTransitionContinue = () => {\n setStage(\"valentine\");\n };\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setStage(\"success\");\n };\n\n if (stage === \"welcome\") {\n return ;\n }\n\n if (stage === \"puzzle\") {\n return (\n \n );\n }\n\n if (stage === \"memory\") {\n return (\n \n );\n }\n\n if (stage === \"transition\") {\n return ;\n }\n\n if (stage === \"valentine\") {\n return (\n \n );\n }\n\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n A Special Question ✨\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[63],"aaba84b0-0225-11f1-a80d-42dde27851f2","README.md","019c2b19-9477-74aa-b72a-2a162860abef",["D",1770249622614],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[82],{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":93,"_17":33,"_74":24,"_76":85,"_78":52,"_79":-5,"_90":94,"_18":95},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":89,"_17":31,"_74":75,"_76":77,"_78":52,"_79":-5,"_90":91,"_18":92},["D",1770421834517],"children",[],[63],["D",1770249622614],[],[82],"aab4c584-0225-11f1-a80d-42dde27851f2",["D",1770249622614],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c2b18-3f3e-704e-a124-3ffa979c47c5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_102":103,"_134":135,"_136":52},"branch",{"_17":70,"_13":16,"_35":68,"_41":96,"_44":36,"_46":43,"_128":54,"_129":42,"_130":57,"_58":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOUU3bHp4Y0s5NkNPQlI3S2tNaTBMM09laFcifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":96,"_13":14,"_37":180,"_50":-5,"_98":52,"_53":54,"_99":54,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":72,"_106":-5,"_107":-5,"_108":43,"_56":57,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":181,"_124":182,"_126":183,"_51":52},[174,175],"files",[174,175],"counts",{"_165":33,"_166":43,"_167":33,"_34":168,"_169":170},[161,162],"upstreamProject",{"_35":42,"_13":59,"_100":-5,"_101":-5,"_53":54,"_122":160},"upstreamBranch",{"_35":36,"_37":158,"_39":159,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770249592192],["D",1770249592192],{"_11":12,"_137":133},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":84,"_17":33,"_74":24,"_76":85,"_78":52,"_79":-5,"_18":164},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":31,"_74":75,"_76":77,"_78":52,"_79":-5,"_18":163},[63],[82],"pulls","branches","forks",{"_171":33,"_173":33},"connections",{"_171":33,"_172":33},"count","unfilledCount","emptyCount",{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":93,"_17":33,"_74":24,"_76":85,"_78":52,"_79":-5,"_90":178,"_18":179},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":89,"_17":31,"_74":75,"_76":77,"_78":52,"_79":-5,"_90":176,"_18":177},[],[63],[],[82],["D",1770249622614],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_102":103,"_134":135,"_136":52},{"_17":70,"_13":16,"_35":68,"_41":96,"_44":36,"_46":43,"_128":54,"_129":42,"_130":57,"_58":14,"_55":12},"ctx",{"_122":-5,"_155":217,"_218":219,"_220":221,"_222":52,"_223":52,"_224":52,"_225":72,"_226":-5,"_227":-7,"_228":-7,"_229":33,"_230":52,"_231":52,"_232":-5,"_233":52,"_234":52,"_235":52,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":16,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"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"]

Code