[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_139":-5,"_20":140,"_22":141,"_142":143,"_144":145,"_25":146,"_24":-5,"_147":148,"_149":150,"_151":50,"_152":153,"_154":71,"_155":-5,"_156":-5,"_157":158},"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","kenshin","name","HAPPY_VALENTINES_DAY","branchName","main","version","path","","project",{"_35":96,"_13":14,"_37":97,"_48":-5,"_98":50,"_51":52,"_99":52,"_100":-5,"_101":-5,"_102":103,"_104":64,"_105":71,"_106":-5,"_107":-5,"_108":33,"_55":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":124,"_125":126,"_127":128,"_49":50},"tree",[87,88],"file","contents",[59,60],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","ahead",40,"behind",0,"envVars","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","valentine",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":84,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_18":86},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":79},"5fd2f74a-08f4-11f1-a746-42dde27851f2","main.tsx","fileId","019c574c-f59f-71bf-ab9a-641d982da23e","parentId","branchId","41bb033e-08e4-11f1-9012-42dde27851f2","branchVersion",41,"latest",true,["D",1770998109774],"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 \"Baby please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, Mahal?\",\n \"Iloveyouuu\",\n];\n\nconst DATE_SCENES = [\n \"https://i.pinimg.com/736x/bd/9b/b9/bd9bb97db87585917c1fca918dc0e067.jpg\",\n];\n\nfunction App() {\n const [step, setStep] = useState(0); // 0: Valentine question, 1: Valentine message, 2: Date/GIF, 3: Forever choices, 4: Final\n const [noClicks, setNoClicks] = useState(0);\n const [selectedScene, setSelectedScene] = useState(\"\");\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://c.tenor.com/7CYcjkfbhP4AAAAC/rose-bouquet.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setStep(1);\n const handleDate = () => {\n const randomIndex = Math.floor(Math.random() * DATE_SCENES.length);\n setSelectedScene(DATE_SCENES[randomIndex]);\n setStep(2);\n };\n const handleForeverQuestion = () => setStep(3);\n const handleFinalAnswer = () => setStep(4);\n\n const buttonStyle = {\n margin: \"10px\",\n fontSize: \"20px\",\n padding: \"10px 20px\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n color: \"white\",\n };\n\n return (\n \n {/* Step 0: Valentine question */}\n {step === 0 && (\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 {/* Step 1: Valentine message */}\n {step === 1 && (\n <>\n

\n \n Yaaaayyy!!! 💖🎉 at dahil dyannn ayyyyy HAPPY VALENTINES DAY\n Mahallllll this is the first Valentines that we are not together so\n its very unusual, cant even give you flowers or treat you somewhere,\n its kinda sad but i want you to know that kahit gaano tayo kalayo sa\n isat isa ikaw lang at ikaw ang mahal ko okayyy???\n iloveyouuusooomuchhhhh\n \n \n Let's date 💕\n \n \n )}\n\n {/* Step 2: Date GIF */}\n {step === 2 && (\n <>\n \n Yay! tara kainnnn💖🥰\n \n \n \n Will you stay with me forever? 💍\n \n \n )}\n\n {/* Step 3: Forever choices */}\n {step === 3 && (\n <>\n

\n Will you stay with me forever mahal? 💖\n

\n \n Syempre Naman\n \n \n Ayaw\n \n

\n \n )}\n\n {/* Step 4: Final answer with GIF */}\n {step === 4 && (\n \n

\n Well, you don't have a choice 💖😉 hehehe sa hirap at ginhawa sa\n kahit anong away nating dalawa tayo at tayo paren hamggamg dulo\n haaa? mahal na amahll kita sobra mahal ko, sooner or later\n magkakasama na tayo ulit at magtatanan at magpapakasal naaa, konting\n tiis lang mahalll i know pagod na ikaw but sabe nga life is full of\n sacrifices, basta tayong dalawa hanggang dulooo kahit walang dulooo\n iloveyouuuuu. mwaaaahugsss 💖😉 pag pasensyahan monaa haa di me\n marunong mag gantooo HAHAHHAHA mwaaaaa\n

\n\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport async function server(request) {\n return new Response(\n `\n \n \n Happy Valentine's Day\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[62],"41be8e50-08e4-11f1-9012-42dde27851f2","README.md","019c574c-f59f-71bf-ab9a-62170d42cb44",1,["D",1770991187262],"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.",[81],{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":93,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_90":94,"_18":95},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":89,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_90":91,"_18":92},["D",1770998109774],"children",[],[62],["D",1770991187262],[],[81],"41b67742-08e4-11f1-9012-42dde27851f2",["D",1770991187262],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c5744-6dec-715c-8161-92aea8590406","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c5744-6dec-715c-8161-94871989bdbe","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":50},"branch",{"_17":69,"_13":16,"_35":67,"_41":96,"_44":36,"_45":43,"_129":52,"_130":42,"_131":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Y0xxeUdKTFNkR25taUhHRHAwVjR3b05JSCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":96,"_13":14,"_37":182,"_48":-5,"_98":50,"_51":52,"_99":52,"_100":-5,"_101":-5,"_102":103,"_104":64,"_105":71,"_106":-5,"_107":-5,"_108":33,"_55":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":183,"_125":184,"_127":185,"_49":50},[176,177],"files",[176,177],"counts",{"_167":33,"_168":83,"_169":33,"_34":170,"_171":172},[163,164],"upstreamProject",{"_35":42,"_13":58,"_100":-5,"_101":-5,"_51":52,"_123":161},"upstreamBranch",{"_35":36,"_37":159,"_39":160,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_138":162},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":84,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_18":166},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":165},[62],[81],"pulls","branches","forks",{"_173":33,"_175":33},"connections",{"_173":33,"_174":33},"count","unfilledCount","emptyCount",{"_35":80,"_13":81,"_63":82,"_65":-5,"_66":67,"_68":83,"_70":71,"_37":93,"_17":33,"_73":24,"_75":85,"_77":50,"_78":-5,"_90":180,"_18":181},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":89,"_17":31,"_73":74,"_75":76,"_77":50,"_78":-5,"_90":178,"_18":179},[],[62],[],[81],["D",1770991187262],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":50},{"_17":69,"_13":16,"_35":67,"_41":96,"_44":36,"_45":43,"_129":52,"_130":42,"_131":56,"_57":14,"_53":12},"ctx",{"_123":-5,"_156":219,"_220":221,"_222":223,"_224":50,"_225":50,"_226":50,"_227":71,"_228":-5,"_229":-7,"_230":-7,"_231":33,"_232":50,"_233":50,"_234":-5,"_235":50,"_236":50,"_237":50,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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