For Someone Special 💖

[{"_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":16,"_18":19,"_17":-7,"_143":-5,"_20":144,"_22":145,"_146":147,"_148":149,"_25":150,"_24":-5,"_151":-5,"_152":-5,"_153":55,"_154":155,"_156":46,"_157":-5,"_158":-5,"_159":160},"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":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","tomatoes1","name","For-you","branchName","main","version","path","","project",{"_35":87,"_13":14,"_47":88,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":-5,"_95":96,"_97":98,"_99":39,"_100":55,"_101":-5,"_102":-5,"_103":71,"_104":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":120,"_121":122,"_123":124,"_125":55},"tree",[74,75,76],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_18":73},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","3e537e76-538d-11f1-b0d1-ee650bb23af1","main.ts","fileId","4f5f9c2e-4e09-11f1-b02e-ee650bb23af1","parentId","branchId","4f5c2dfa-4e09-11f1-b02e-ee650bb23af1","branchVersion",11,"latest",true,"createdAt",["D",1779200152615],9,"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 \"ไม่ค่ะ 💔\",\n \"น้าาาา 🥺\",\n \"เค้าชอบเธอจริงๆนะ 💕\",\n \"ให้เค้าได้รักน้า\",\n \"อย่าใจร้ายกับเค้าเลย :(\",\n \"หรือจะลองคิดดูก่อนก็ได้ 🫶\",\n \"เค้าขี้แงนะ 🥹\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg = \"https://media.tenor.com/mwc_eB6lAL0AAAAi/hello-kitty.gif\";\n\n const secondImg =\n \"https://media.tenor.com/XPVtG_4T_4gAAAAi/m%C3%A8o-y%C3%AAu.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\n \n ชอบเราอะป่าว ✨\n \n\n

\n \n ชอบ 💖\n \n\n \n {noClicks === 0 ? \"ไม่อะ\" : NO_PHRASES[\n Math.min(noClicks - 1, NO_PHRASES.length - 1)\n ]}\n \n

\n \n )\n : (\n <>\n \n\n \n ในที่สุดเธอก็ชอบเราแล้ว 💞\n \n \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(request: Request): Promise {\n return new Response(\n `\n \n \n For Someone Special 💖\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",false,"label",[37],"132120cc-546a-11f1-af1a-ee650bb23af1","main-copy.ts","93172e30-538d-11f1-8f2b-ee650bb23af1",15,["D",1779294998929],3,"/** @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 \"ไม่ค่ะ 💔\",\n \"ไม่คิดค่ะ 🥺\",\n \"เค้าคิดถึงจริงๆนะ 💕\",\n \"คิดถึงเค้าเถอะน้า\",\n \"อย่าใจร้ายกับเค้าเลย :(\",\n \"ลองคิดดูก่อนก็ได้ 🫶\",\n \"เค้าขี้แงนะ 🥹\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/8HD-Vw1BuPsAAAAC/anhchaiuem-huyentrang.gif\";\n\n const secondImg = \"https://media.tenor.com/yOKUW8jK4SkAAAAi/hello.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\n \n คิดถึงเราอะป่าว ✨\n \n\n

\n \n คิดถึงมาก 💖\n \n\n \n {noClicks === 0 ? \"ไม่อะ\" : NO_PHRASES[\n Math.min(noClicks - 1, NO_PHRASES.length - 1)\n ]}\n \n

\n \n )\n : (\n <>\n \n\n \n คิดถึงเหมือนกัน 💞\n \n \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(request: Request): Promise {\n return new Response(\n `\n \n \n For Someone Special 💖\n \n \n \n\n \n

\n\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}",[59],"e77164d8-4e0a-11f1-912d-ee650bb23af1","README.md","e7716582-4e0a-11f1-912d-ee650bb23af1",4,["D",1778594416471],0,"# untitled-3274",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":85,"_18":86},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":82,"_18":83},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":79,"_18":80},["D",1779200152615],"children",[],[37],["D",1779294998929],[],[59],["D",1778594416471],[],[67],"4f5b8ecc-4e09-11f1-b02e-ee650bb23af1",["D",1778593731826],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/81781f0f-da11-4dcf-5c88-91ac74a70f00/square512?exp=1789538399&sig=f7160d82708dd70798ffbd17162264383fe664c742ad8e061f928a58db78b666","userId","ecf87eeb-eb57-4963-be39-d0bf4d55bb72","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e1c71-dede-74c2-8b18-9445d96963c8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_142":138},"org",{"_11":12,"_135":136,"_137":138,"_97":98,"_139":140,"_141":55},"branch",{"_17":126,"_13":16,"_35":42,"_127":87,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":14,"_134":12},"isOwned",19,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","bonuskub","avatar","https://lh3.googleusercontent.com/a/ACg8ocKTbtvqHs58YOTom3mticIc3S6_yCl36bVDLsJqNNrvIcrCiqwr=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":87,"_13":14,"_47":186,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":-5,"_95":96,"_97":98,"_99":39,"_100":55,"_101":-5,"_102":-5,"_103":71,"_104":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":187,"_121":188,"_123":189,"_125":55},[177,178,179],"files",[177,178,179],"counts",{"_167":71,"_168":169,"_170":71,"_31":171,"_172":173},[161,162,163],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_18":166},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":165},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":164},[37],[59],[67],"pulls","branches",1,"forks",{"_174":71,"_176":71},"connections",{"_174":71,"_175":71},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":24,"_52":72,"_54":55,"_56":-5,"_78":184,"_18":185},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":182,"_18":183},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":180,"_18":181},[],[37],[],[59],[],[67],["D",1778593731826],{"_11":12,"_142":138},{"_11":12,"_135":136,"_137":138,"_97":98,"_139":140,"_141":55},{"_17":126,"_13":16,"_35":42,"_127":87,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":14,"_134":12},"ctx",{"_119":-5,"_158":223,"_224":225,"_226":227,"_228":55,"_229":55,"_230":55,"_231":46,"_232":-5,"_233":-7,"_234":-7,"_235":71,"_236":55,"_237":55,"_238":-5,"_239":55,"_240":55,"_241":55,"_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