[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_152":-5,"_20":153,"_22":154,"_155":156,"_157":158,"_25":159,"_24":-5,"_160":161,"_162":163,"_164":50,"_165":166,"_167":71,"_168":-5,"_169":-5,"_170":171},"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","Alexq5","name","valentine","branchName","main","version","path","","project",{"_35":109,"_13":14,"_37":110,"_48":-5,"_111":50,"_51":52,"_112":52,"_113":-5,"_114":-5,"_115":116,"_117":64,"_118":71,"_119":-5,"_120":-5,"_121":33,"_55":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":137,"_138":139,"_140":141,"_49":50},"tree",[96,97,98],"file","contents",[58,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":14},"pull","ahead",13,"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":88,"_13":89,"_63":90,"_65":-5,"_66":67,"_68":91,"_70":71,"_37":92,"_17":93,"_74":75,"_76":94,"_78":50,"_79":-5,"_18":95},{"_35":81,"_13":82,"_63":83,"_65":-5,"_66":67,"_68":84,"_70":71,"_37":85,"_17":33,"_74":24,"_76":86,"_78":50,"_79":-5,"_18":87},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":80},"9e5e6f44-0296-11f1-96e1-42dde27851f2","main.tsx","fileId","019c2871-4592-7220-9267-120c1b475bbe","parentId","branchId","dc2b8a16-01bd-11f1-9126-42dde27851f2","branchVersion",14,"latest",true,["D",1770298135010],2,"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 \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

WILL YOU BE MY GIRLFRIEND💍

\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 <>\n

\n \n Yay!!! 💖🎉\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[62],"dc318ce0-01bd-11f1-9126-42dde27851f2","README.md","019c2871-4592-7220-9267-0e5736b049e9",1,["D",1770205037829],"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],"e691b280-01bf-11f1-a9d6-42dde27851f2","Index.tsx","efe7673c-01bd-11f1-b081-42dde27851f2",12,["D",1770205914378],10,"/** @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 \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n \"I'll kill myself oo\"\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

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

\n \n )\n : (",[89],{"_35":88,"_13":89,"_63":90,"_65":-5,"_66":67,"_68":91,"_70":71,"_37":106,"_17":93,"_74":75,"_76":94,"_78":50,"_79":-5,"_100":107,"_18":108},{"_35":81,"_13":82,"_63":83,"_65":-5,"_66":67,"_68":84,"_70":71,"_37":103,"_17":33,"_74":24,"_76":86,"_78":50,"_79":-5,"_100":104,"_18":105},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":99,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_100":101,"_18":102},["D",1770298135010],"children",[],[62],["D",1770205037829],[],[82],["D",1770205914378],[],[89],"dc238992-01bd-11f1-9126-42dde27851f2",["D",1770205037829],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c285b-afb1-777f-b21c-f03cc9f956de","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c285b-afb1-777f-b21c-f4eac655c2db","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_151":147},"org",{"_11":12,"_145":-5,"_146":147,"_115":116,"_148":149,"_150":50},"branch",{"_17":69,"_13":16,"_35":67,"_41":109,"_44":36,"_45":43,"_142":52,"_143":42,"_144":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Q2NmclZ5RktJenFMTUNEUWozOUN5ak5WTSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":109,"_13":14,"_37":200,"_48":-5,"_111":50,"_51":52,"_112":52,"_113":-5,"_114":-5,"_115":116,"_117":64,"_118":71,"_119":-5,"_120":-5,"_121":33,"_55":122,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":201,"_138":202,"_140":203,"_49":50},[191,192,193],"files",[191,192,193],"counts",{"_182":33,"_183":84,"_184":33,"_34":185,"_186":187},[176,177,178],"upstreamProject",{"_35":42,"_13":14,"_113":-5,"_114":-5,"_51":52,"_136":174},"upstreamBranch",{"_35":36,"_37":172,"_39":173,"_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,"_151":175},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":88,"_13":89,"_63":90,"_65":-5,"_66":67,"_68":91,"_70":71,"_37":92,"_17":93,"_74":75,"_76":94,"_78":50,"_79":-5,"_18":181},{"_35":81,"_13":82,"_63":83,"_65":-5,"_66":67,"_68":84,"_70":71,"_37":85,"_17":33,"_74":24,"_76":86,"_78":50,"_79":-5,"_18":180},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":179},[62],[82],[89],"pulls","branches","forks",{"_188":33,"_190":33},"connections",{"_188":33,"_189":33},"count","unfilledCount","emptyCount",{"_35":88,"_13":89,"_63":90,"_65":-5,"_66":67,"_68":91,"_70":71,"_37":106,"_17":93,"_74":75,"_76":94,"_78":50,"_79":-5,"_100":198,"_18":199},{"_35":81,"_13":82,"_63":83,"_65":-5,"_66":67,"_68":84,"_70":71,"_37":103,"_17":33,"_74":24,"_76":86,"_78":50,"_79":-5,"_100":196,"_18":197},{"_35":61,"_13":62,"_63":64,"_65":-5,"_66":67,"_68":69,"_70":71,"_37":99,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_100":194,"_18":195},[],[62],[],[82],[],[89],["D",1770205037829],{"_11":12,"_151":147},{"_11":12,"_145":-5,"_146":147,"_115":116,"_148":149,"_150":50},{"_17":69,"_13":16,"_35":67,"_41":109,"_44":36,"_45":43,"_142":52,"_143":42,"_144":56,"_57":14,"_53":12},"ctx",{"_136":-5,"_169":237,"_238":239,"_240":241,"_242":50,"_243":50,"_244":50,"_245":71,"_246":-5,"_247":-7,"_248":-7,"_249":33,"_250":50,"_251":50,"_252":-5,"_253":50,"_254":50,"_255":50,"_256":-5},"ENV",{"_208":209,"_210":211,"_212":16,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236},"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