[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_190":191,"_192":193},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_143":-5,"_20":144,"_22":145,"_146":147,"_148":149,"_25":150,"_24":-5,"_151":152,"_153":154,"_155":56,"_156":157,"_158":76,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":-5},"handle","Norhaneeeee","name","invitation","branchName","main","version","path","","project",{"_36":101,"_13":14,"_42":102,"_54":-5,"_103":56,"_57":58,"_104":58,"_38":-5,"_105":-5,"_106":107,"_108":86,"_109":76,"_110":-5,"_111":-5,"_112":34,"_61":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":128,"_129":130,"_131":132,"_55":56},"tree",[92,93],"file","contents",[65,66],"upstream",{"_36":41,"_42":43,"_44":45,"_13":16,"_46":47,"_17":48,"_49":50,"_51":34,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"pull",{"_36":37,"_38":19,"_39":40},"ahead",9,"behind",0,"envVars","id","3e0c382c-0351-11f1-8557-42dde27851f2","description","state","pending","f0831e50-2763-11f0-86ff-569c3dd06744","createdAt",["D",1746197063881],"updatedAt",["D",1745264212991],"projectId","f082d526-2763-11f0-86ff-569c3dd06744",1,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion","lockfileKey","1768692977833-esm.town_v_leungi_valentine@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","leungi","orgId","bdbd7d5b-7162-4058-b3f9-c8cc1e8a9c8d","projectName","valentine",{"_36":84,"_13":85,"_69":86,"_71":-5,"_72":73,"_74":87,"_75":76,"_42":88,"_17":32,"_78":89,"_79":90,"_81":56,"_82":-5,"_18":91},{"_36":67,"_13":68,"_69":70,"_71":-5,"_72":73,"_74":48,"_75":76,"_42":77,"_17":34,"_78":24,"_79":80,"_81":56,"_82":-5,"_18":83},"b69dcad4-034d-11f1-9838-42dde27851f2","README.md","fileId","019c32ad-bff6-73c9-9a28-f3f852f51043","parentId","branchId","b69a68c6-034d-11f1-9838-42dde27851f2","branchVersion","latest",true,["D",1770376773550],"fileType","content","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.","deleted","label",[68],"ee640e6c-0350-11f1-a716-42dde27851f2","Invitation.","019c32ad-bff6-73c9-9a28-f7a7592f63f8",10,["D",1770378155683],"http","/** @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 \"I don't think so 🥲\",\n \"think about it a little 🥹\",\n \"One more chance,handsome ?\",\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

\n Warning: this website may lead to go to a beach walk together\n 🌅🐚🌊\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 <>\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}",[85],{"_36":84,"_13":85,"_69":86,"_71":-5,"_72":73,"_74":87,"_75":76,"_42":98,"_17":32,"_78":89,"_79":90,"_81":56,"_82":-5,"_95":99,"_18":100},{"_36":67,"_13":68,"_69":70,"_71":-5,"_72":73,"_74":48,"_75":76,"_42":94,"_17":34,"_78":24,"_79":80,"_81":56,"_82":-5,"_95":96,"_18":97},["D",1770376773550],"children",[],[68],["D",1770378155683],[],[85],"b6962f5e-034d-11f1-9838-42dde27851f2",["D",1770376773550],"legacyEnvVars","httpPrivacy","imageUrl","userId","019c32aa-ecba-757a-9286-fa9365ce1ea9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c32aa-ecba-757a-9286-fc8630fd496c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_142":138},"org",{"_11":12,"_136":-5,"_137":138,"_106":107,"_139":140,"_141":56},"branch",{"_17":87,"_13":16,"_36":73,"_46":101,"_49":41,"_51":48,"_133":58,"_134":47,"_135":62,"_63":14,"_59":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5SUhHTFo0TkxpYjRRSTFKSkUwSzZaQkozVSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":101,"_13":14,"_42":186,"_54":-5,"_103":56,"_57":58,"_104":58,"_38":-5,"_105":-5,"_106":107,"_108":86,"_109":76,"_110":-5,"_111":-5,"_112":34,"_61":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":187,"_129":188,"_131":189,"_55":56},[180,181],"files",[180,181],"counts",{"_171":34,"_172":48,"_173":48,"_35":174,"_175":176},[167,168],"upstreamProject",{"_36":47,"_13":64,"_38":-5,"_105":-5,"_57":58,"_127":165},"upstreamBranch",{"_36":41,"_42":163,"_44":164,"_13":16,"_46":47,"_17":48,"_49":50,"_51":34,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746197063881],["D",1745264212991],{"_11":60,"_142":166},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydzNJZWM1VzE3OHV0M2c4bmJ1OFhQMEk3ZlUifQ",{"_36":84,"_13":85,"_69":86,"_71":-5,"_72":73,"_74":87,"_75":76,"_42":88,"_17":32,"_78":89,"_79":90,"_81":56,"_82":-5,"_18":170},{"_36":67,"_13":68,"_69":70,"_71":-5,"_72":73,"_74":48,"_75":76,"_42":77,"_17":34,"_78":24,"_79":80,"_81":56,"_82":-5,"_18":169},[68],[85],"pulls","branches","forks",{"_177":34,"_179":34},"connections",{"_177":34,"_178":34},"count","unfilledCount","emptyCount",{"_36":84,"_13":85,"_69":86,"_71":-5,"_72":73,"_74":87,"_75":76,"_42":98,"_17":32,"_78":89,"_79":90,"_81":56,"_82":-5,"_95":184,"_18":185},{"_36":67,"_13":68,"_69":70,"_71":-5,"_72":73,"_74":48,"_75":76,"_42":94,"_17":34,"_78":24,"_79":80,"_81":56,"_82":-5,"_95":182,"_18":183},[],[68],[],[85],["D",1770376773550],{"_11":12,"_142":138},{"_11":12,"_136":-5,"_137":138,"_106":107,"_139":140,"_141":56},{"_17":87,"_13":16,"_36":73,"_46":101,"_49":41,"_51":48,"_133":58,"_134":47,"_135":62,"_63":14,"_59":12},"ctx",{"_127":-5,"_160":223,"_224":225,"_226":227,"_228":56,"_229":56,"_230":56,"_231":76,"_232":-5,"_233":-7,"_234":-7,"_235":34,"_236":56,"_237":56,"_238":-5,"_239":56,"_240":56,"_241":56,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":16,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"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