[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_137":-5,"_20":138,"_22":139,"_140":141,"_142":143,"_25":144,"_24":-5,"_145":-5,"_146":-5,"_147":54,"_148":149,"_150":45,"_151":-5,"_152":-5,"_153":154},"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":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","trinhtuyet2012","name","untitled-3529","branchName","main","version","path","","project",{"_34":83,"_13":14,"_46":84,"_85":-5,"_86":54,"_87":88,"_89":88,"_90":-5,"_91":-5,"_92":93,"_94":-5,"_95":54,"_96":-5,"_97":-5,"_98":99,"_100":101,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":116,"_117":118,"_119":120,"_121":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","597f1eee-01df-11f1-a3a2-42dde27851f2","main.ts","fileId","5ed55b3a-01dd-11f1-9041-42dde27851f2","parentId","branchId","5ed1bbec-01dd-11f1-9041-42dde27851f2","branchVersion",16,"latest",true,"createdAt",["D",1770219421583],7,"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 \"What about say Yesss\",\n \"You only have a chance with Com Tam 💕\",\n \"Happy wife happy life\",\n \"Click it if you dump\",\n \"What about a maybe?\",\n \"Say No with No button\",\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://i.pinimg.com/originals/3d/85/bf/3d85bfbde691676e5e06f9fae4a5ca34.gif\";\n const secondImg =\n \"https://media.tenor.com/j3MVp-l8upYAAAAM/luvyou-love.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\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",false,"label",[36],"cc234ef8-01de-11f1-be1c-42dde27851f2","untitled-folder-6167","c22158f0-01de-11f1-ad71-42dde27851f2",9,["D",1770219184433],3,"directory",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1770219421583],"children",[],[36],["D",1770219184433],[74],[58],{"_34":75,"_13":76,"_37":77,"_39":59,"_40":41,"_42":78,"_44":45,"_46":79,"_17":62,"_49":50,"_51":80,"_53":54,"_55":-5,"_68":81,"_18":82},"ddfc1092-01de-11f1-92dd-42dde27851f2","new-file-7287.ts","cc42811a-01de-11f1-be1c-42dde27851f2",13,["D",1770219214368],"/** @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 = \"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 : (\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}",[],[58,76],"5ed13b7c-01dd-11f1-9041-42dde27851f2",["D",1770218571530],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019c292d-721d-732a-9f3a-8526110288cd","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c292d-721d-732a-9f3a-892affdf6d33","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_92":93,"_133":134,"_135":54},"branch",{"_17":43,"_13":16,"_34":41,"_122":83,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5RDRWRlpRd2piSlNFZnlBS2llZTVoWTkyMSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":83,"_13":14,"_46":178,"_85":-5,"_86":54,"_87":88,"_89":88,"_90":-5,"_91":-5,"_92":93,"_94":-5,"_95":54,"_96":-5,"_97":-5,"_98":99,"_100":101,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":179,"_117":180,"_119":181,"_121":54},[169,171],"files",[169,170,171],"counts",{"_159":99,"_160":161,"_162":99,"_31":163,"_164":165},[155,156],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":158},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":157},[36],[58],"pulls","branches",1,"forks",{"_166":99,"_168":99},"connections",{"_166":99,"_167":99},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":176,"_18":177},{"_34":75,"_13":76,"_37":77,"_39":59,"_40":41,"_42":78,"_44":45,"_46":79,"_17":62,"_49":50,"_51":80,"_53":54,"_55":-5,"_68":174,"_18":175},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":172,"_18":173},[],[36],[],[58,76],[170],[58],["D",1770218571530],{"_11":12,"_136":132},{"_11":12,"_130":-5,"_131":132,"_92":93,"_133":134,"_135":54},{"_17":43,"_13":16,"_34":41,"_122":83,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"ctx",{"_115":-5,"_152":215,"_216":217,"_218":219,"_220":54,"_221":54,"_222":54,"_223":45,"_224":-5,"_225":-7,"_226":-7,"_227":99,"_228":54,"_229":54,"_230":-5,"_231":54,"_232":54,"_233":54,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":16,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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