[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_133":-5,"_20":134,"_22":135,"_136":137,"_138":139,"_25":140,"_24":-5,"_141":142,"_143":144,"_145":50,"_146":147,"_148":70,"_149":-5,"_150":-5,"_151":152},"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","angel21","name","angel","branchName","main","version","path","","project",{"_35":85,"_13":14,"_37":86,"_48":-5,"_87":50,"_51":52,"_88":52,"_89":-5,"_90":-5,"_91":92,"_93":63,"_94":70,"_95":-5,"_96":-5,"_97":33,"_55":98,"_99":100,"_101":102,"_103":104,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":116,"_117":118,"_119":120,"_49":50},"tree",[80],"file","contents",[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":58},"pull","ahead",31,"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":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":72,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":79},"50d0091b-adc4-4f4e-ad78-9930d3249b57","main.tsx","fileId","019f50ef-393e-77ac-bb6f-73cdf55bf4d6","parentId","branchId","fe2dda7c-b36d-4e1f-a94d-e10e3d74b890","branchVersion",29,"latest",true,["D",1783783069088],28,"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, { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No💔\",\n \"Please?\",\n \"Awww, I'm sad now:(\",\n \"One more chance\",\n \"Don't break my heart:(\",\n \"What about a maybe?\",\n \"CLICK YES\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [showGift, setShowGift] = useState(false);\n const [openingGift, setOpeningGift] = useState(false);\n\n const audioRef = useRef(null);\n\n const music =\n \"https://raw.githubusercontent.com/mfrianeza211-byte/music/main/The%20Goo%20Goo%20Dolls%20-%20Iris%20(Instrumental).mp3\";\n\n const firstImg =\n \"https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjQzdGdtbnVmZzVnMWlmc2NxbzRudWExYm9qN3ZvZ2dpbDRoN2VhMyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/B1pQ0NkuPhP2oRTkXz/giphy.gif\";\n\n const secondImg =\n \"https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExN2hob2g0emt3Zm9tZGNrOGsxcHp3aG1udTU4MGQ2eWNoYW9mdnAxNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/SvK7Gxcq4QS4fNNjYH/giphy.gif\";\n\n const surpriseLink =\n \"https://drive.google.com/file/d/1bGtIJ4gNPofnVC51A3uuhRD4D20AcwL6/view?usp=drivesdk\";\n\n const qrLink =\n \"https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=\" +\n encodeURIComponent(surpriseLink);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n\n if (audioRef.current) {\n audioRef.current.play().catch((err) => {\n console.log(err);\n });\n }\n };\n\n const openGift = () => {\n setOpeningGift(true);\n\n setTimeout(() => {\n setOpeningGift(false);\n setShowGift(true);\n }, 2000);\n };\n\n return (\n

\n {!isValentine\n ? (\n <>\n

\n\n

\n Will you forgive me?\n

\n\n

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

\n \n )\n : (\n <>\n

\n\n

\n Yey!!\n

\n\n

\n Dear zayzay,\n

\n\n

\n I'm sorry. I know I was being dramatic and I shouldn't have\n gotten upset over something like that.\n

\n\n

\n I guess I started overthinking because the movie kept getting\n pushed back and I felt like I was forcing you to watch with me.\n I know now that wasn't even what you were thinking. You were\n just busy.\n

\n\n

\n I'm sorry for acting like that and letting my emotions get the\n best of me again.\n

\n\n

\n Next time, I'll try not to get upset so easily. I'm really\n sorry. I hope this little peace offering makes you smile, even\n just a little bit.\n

\n\n {!showGift\n ? (\n \n {openingGift ? \"✨ Peeka...\" : \"Song for you 🎵\"}\n \n )\n : (\n

\n Booo!\n

\n\n \n\n

\n I hope you don't break your ears.\n

\n )}\n \n )}\n\n

\n );\n}\n\nfunction client() {\n const root = document.getElementById(\"root\");\n\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n\n\n\n\n\n\n\n\n\n\n\nWill You Forgive Me?\n\n\n\n\n\n\n\n\n\n\n

\n\n\n\n\n\n\n\n\n\n`,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[61],{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":81,"_17":72,"_73":74,"_75":76,"_77":50,"_78":-5,"_82":83,"_18":84},["D",1783783069088],"children",[],[61],"8c5e5639-f4a2-4192-a5a7-89e75e324b31",["D",1783769282782],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","4a69ba06-e067-4d4b-ac96-44c884c9ae6e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f50ba-387f-7738-8ca1-7d8a9b6e8ef7","tursoName","8c5e5639f4a24192a5a789e75e324b31","tursoHostname","8c5e5639f4a24192a5a789e75e324b31-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789526460011],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_132":128},"org",{"_11":12,"_125":126,"_127":128,"_91":92,"_129":130,"_131":50},"branch",{"_17":121,"_13":16,"_35":66,"_41":85,"_44":36,"_45":43,"_122":52,"_123":42,"_124":56,"_57":14,"_53":12},32,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Angel Frianeza","avatar","https://lh3.googleusercontent.com/a/ACg8ocJM9BKYbMK42TCyK3ebZvYNP8WfEtxRtPPcA0XHwYZmq7cIjQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":85,"_13":14,"_37":172,"_48":-5,"_87":50,"_51":52,"_88":52,"_89":-5,"_90":-5,"_91":92,"_93":63,"_94":70,"_95":-5,"_96":-5,"_97":33,"_55":98,"_99":100,"_101":102,"_103":173,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":174,"_117":175,"_119":176,"_49":50},[169],"files",[169],"counts",{"_159":33,"_160":161,"_162":33,"_34":163,"_164":165},[157],"upstreamProject",{"_35":42,"_13":58,"_89":-5,"_90":-5,"_51":52,"_115":155},"upstreamBranch",{"_35":36,"_37":153,"_39":154,"_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,"_132":156},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":72,"_73":74,"_75":76,"_77":50,"_78":-5,"_18":158},[61],"pulls","branches",1,"forks",{"_166":33,"_168":33},"connections",{"_166":33,"_167":33},"count","unfilledCount","emptyCount",{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":81,"_17":72,"_73":74,"_75":76,"_77":50,"_78":-5,"_82":170,"_18":171},[],[61],["D",1783769282782],["D",1789526460011],{"_11":12,"_132":128},{"_11":12,"_125":126,"_127":128,"_91":92,"_129":130,"_131":50},{"_17":121,"_13":16,"_35":66,"_41":85,"_44":36,"_45":43,"_122":52,"_123":42,"_124":56,"_57":14,"_53":12},"ctx",{"_115":-5,"_150":210,"_211":212,"_213":214,"_215":50,"_216":50,"_217":50,"_218":70,"_219":-5,"_220":-7,"_221":-7,"_222":33,"_223":50,"_224":50,"_225":-5,"_226":50,"_227":50,"_228":50,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":16,"_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"]

Code