[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"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":50,"_151":152,"_153":70,"_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","zenithu_s","name","valentine","branchName","main","version","path","","project",{"_35":95,"_13":14,"_37":96,"_48":-5,"_97":50,"_51":52,"_98":52,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":70,"_105":-5,"_106":-5,"_107":33,"_55":108,"_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,"_49":50},"tree",[86,87],"file","contents",[58,59],"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":14},"pull","ahead",73,"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",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":83,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_18":85},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_18":78},"53ceba46-07f6-11f1-a93b-42dde27851f2","main.tsx","fileId","019c5070-d126-720a-b337-e11f47eed4e3","parentId","branchId","4a6a2792-07d8-11f1-9e84-42dde27851f2","branchVersion",74,"latest",true,["D",1770888997447],"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\nfunction QuestionBox({ children }) {\n return (\n \n {/* Top left heart */}\n \n 💖\n \n {/* Top right heart */}\n \n 💖\n \n {/* Bottom left heart */}\n \n 💘\n \n {/* Bottom right heart */}\n \n 💘\n \n {/* Gradient border overlay */}\n \n

\n {children}\n

\n \n );\n}\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"Be serious rn\",\n \"You sure?\",\n \"You playing hard to get?\",\n \"This is emotional damage\",\n \"I told my imaginary mom about you\",\n \"Stop acting mysterious\",\n \"Last chance before I cry\",\n \"Villain origin story loading...\",\n \"You really choosing chaos huh\",\n \"Okay now you're just mean\",\n \"Stop acting mysterious\",\n \"Villain arc loading...\",\n \"You really choosing chaos huh\",\n \"Last chance before I cry\",\n];\n\nconst btnStyle = {\n fontSize: \"24px\",\n padding: \"12px 30px\",\n margin: \"10px\",\n borderRadius: \"12px\",\n border: \"none\",\n background: \"#bb1111\",\n color: \"white\",\n cursor: \"pointer\",\n};\n\nfunction App() {\n const [step, setStep] = useState(0);\n const nextStep = () => setStep((s) => s + 1);\n\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [position, setPosition] = useState({ x: 0, y: 0 });\n\n const yesButtonSize = Math.min(noClicks * 18 + 18);\n\n const intro1Img = \"https://media1.tenor.com/m/QdSxPE_QoDwAAAAC/level-200.gif\";\n const intro2Img =\n \"https://media.tenor.com/KUXIWC9D5_UAAAAj/my-hero-academia-boku-no-hero-academia.gif\";\n const in3 = \"https://media.tenor.com/laNVq3HwQ_EAAAAj/d-sad.gif\";\n const in4 = \"https://media1.tenor.com/m/cZkLDTnvGIIAAAAC/anime.gif\";\n const in5 =\n \"https://media1.tenor.com/m/hBwkISiqNI0AAAAd/shura-hiwa-lamer.gif\";\n const in6 = \"https://media.tenor.com/laNVq3HwQ_EAAAAj/d-sad.gif\";\n const in7 =\n \"https://media1.tenor.com/m/ENcB_TMNJAYAAAAC/ruby-ruby-hoshino.gif\";\n const in8 =\n \"https://media.tenor.com/ic363XFbIk4AAAAj/bocchi-the-rock-bocchi.gif\";\n const in10 =\n \"https://media1.tenor.com/m/Qn8L8VtaBhMAAAAC/noaqi77-ew-you%27re-stinky.gif\";\n const in9 = \"https://media1.tenor.com/m/Hqrs4WQJLVkAAAAd/sakudo.gif\";\n const in11 =\n \"https://media1.tenor.com/m/d1S2IBOYsegAAAAC/naikhouonog-lolzu05.gif\";\n const in12 = \"https://media1.tenor.com/m/jPBIr1oc1DYAAAAd/batman-intro.gif\";\n const firstImg =\n \"https://i.pinimg.com/736x/df/c2/dc/dfc2dcad95e04b7b96316cd937b3ced0.jpg\";\n const secondImg =\n \"https://media.tenor.com/1zmpK0IgsvgAAAAi/bss-funvideotv.gif\";\n\n const hearts = Array.from({ length: 25 }).map((_, i) => ({\n id: i,\n left: Math.random() * 100,\n delay: Math.random() * 5,\n size: Math.random() * 20 + 10,\n }));\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n setPosition({\n x: Math.random() * 250 - 125,\n y: Math.random() * 200 - 100,\n });\n };\n\n const handleYes = () => {\n setIsValentine(true);\n confetti({\n particleCount: 150,\n spread: 120,\n origin: { y: 0.6 },\n });\n };\n\n return (\n \n {/* Falling Hearts */}\n {hearts.map((heart) => (\n \n 💗\n \n ))}\n\n {/* Step 0: Intro */}\n {step === 0 && (\n <>\n \n \n \n I need to ask you something… 👀\n \n \n Okay…\n \n \n \n )}\n\n {/* Step 1: Important Question! */}\n {step === 1 && (\n <>\n \n \n

It’s VERY important. Like life changing important 😭

\n \n Okay okay tell me\n \n \n \n )}\n\n {step === 2 && (\n <>\n \n \n

UR NOT GETTING THIS SERIOUS BROOOOOOOO…

\n \n I AMMMMMMMM…\n \n \n \n )}\n\n {step === 3 && (\n <>\n \n \n \n YES DADDY\n \n \n \n )}\n\n {step === 4 && (\n <>\n \n \n

Did u just now clicked that…

\n \n Urmm perhapsss…\n \n \n \n )}\n\n {step === 5 && (\n <>\n \n \n

WHAT IF IT WASN'T ME HUH…would u still click that

\n \n NO Daddy\n \n \n \n )}\n\n {step === 6 && (\n <>\n \n \n

JK BBGGGG

\n \n urmm yey TOT ?\n \n \n \n )}\n\n {step === 7 && (\n <>\n \n \n

NO I WASNT

\n \n urmm creepy oky\n \n \n \n )}\n\n {step === 8 && (\n <>\n \n \n

SO I WOULD LV TO TAKE THIS MOMENT TO TELL..

\n \n ok\n \n \n \n )}\n\n {step === 9 && (\n <>\n \n \n

GO TAKE A SHOWER U SINTKYYY

\n \n TOT WAHTTTTT\n \n \n \n )}\n\n {step === 10 && (\n <>\n \n \n

OKY OKYY SOOOO I WOULD LOVE TO ASK

\n \n TELL ME ALREADY\n \n \n \n )}\n\n {/* Step 2+: Main Valentine Question */}\n {step === 11 &&\n (!isValentine\n ? (\n <>\n \n \n\n \n Will you be my Valentine Princess ? 💘\n \n\n

\n \n Yes 😌\n \n\n \n {noClicks === 0 ? \"No\" : NO_PHRASES[\n Math.min(noClicks - 1, NO_PHRASES.length - 1)\n ]}\n \n

\n \n \n )\n : (\n <>\n \n \n\n \n LET'S GOOOO 💖🎉\n \n\n \n

Hehe I knew it 😌❤️

You’re stuck with me now 💍

\n You just made the best decision of your life.\n

\n \n Nowwww\n \n \n \n ))}\n\n {step >= 12 && (\n <>\n \n \n

TIME TO GO MYSTERIOUS AGAIN, Laters Babyy :3..

\n \n \n )}\n\n {/* Falling hearts animation */}\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n \n \n MY SENORITA 💘\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[61],"4a6c92e8-07d8-11f1-9e84-42dde27851f2","README.md","019c5070-d126-720a-b337-dd8b4146a03d",1,["D",1770876096637],"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.",[80],{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":92,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_89":93,"_18":94},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":88,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_89":90,"_18":91},["D",1770888997447],"children",[],[61],["D",1770876096637],[],[80],"4a645894-07d8-11f1-9e84-42dde27851f2",["D",1770876096637],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c5070-3526-735c-b803-feb563fa98b5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c5070-3526-735c-b804-03bba1bc53c7","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,"_101":102,"_134":135,"_136":50},"branch",{"_17":68,"_13":16,"_35":66,"_41":95,"_44":36,"_45":43,"_128":52,"_129":42,"_130":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOVliY2tBcGFrclFYeUkxY2JsbjVWbEZpYkwifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":95,"_13":14,"_37":181,"_48":-5,"_97":50,"_51":52,"_98":52,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":70,"_105":-5,"_106":-5,"_107":33,"_55":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":182,"_124":183,"_126":184,"_49":50},[175,176],"files",[175,176],"counts",{"_166":33,"_167":82,"_168":33,"_34":169,"_170":171},[162,163],"upstreamProject",{"_35":42,"_13":14,"_99":-5,"_100":-5,"_51":52,"_122":160},"upstreamBranch",{"_35":36,"_37":158,"_39":159,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_137":161},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":83,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_18":165},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_18":164},[61],[80],"pulls","branches","forks",{"_172":33,"_174":33},"connections",{"_172":33,"_173":33},"count","unfilledCount","emptyCount",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":92,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_89":179,"_18":180},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":88,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_89":177,"_18":178},[],[61],[],[80],["D",1770876096637],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_101":102,"_134":135,"_136":50},{"_17":68,"_13":16,"_35":66,"_41":95,"_44":36,"_45":43,"_128":52,"_129":42,"_130":56,"_57":14,"_53":12},"ctx",{"_122":-5,"_155":218,"_219":220,"_221":222,"_223":50,"_224":50,"_225":50,"_226":70,"_227":-5,"_228":-7,"_229":-7,"_230":33,"_231":50,"_232":50,"_233":-5,"_234":50,"_235":50,"_236":50,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":16,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"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