[{"_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",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c51c5-f3ce-74fb-a8bc-3adfc1dc4860","name","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 \"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 [showMessage, setShowMessage] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/HFmREVwWJ14AAAAC/red-panda-playful.gif\";\n\n const secondImg =\n \"https://media1.tenor.com/m/fQMjwcJGVOoAAAAC/panda-love.gif\";\n\n const messageImg =\n \"https://media1.tenor.com/m/UlYZQBetSu0AAAAC/love-heart.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n const handleShowMessage = () => {\n setShowMessage(true);\n };\n\n const handleBackToYay = () => {\n setShowMessage(false);\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 : showMessage\n ? (\n \n \n \n special message for my red panda wife!!\n \n \n

Dear Shekina,

\n sorry medyo late na to hehi!!! pero syempre, need ko pa din mag\n propose. thanks for allowing me to be ur valentine!!\n

\n every day with you feels like a blessing to me, your presence\n alone is enough no matter what. it doesn't matter to me where\n we are, what we're doing, and what time it is, as long as its \n with you.\n

\n you're the only one i'll love, never forget that. i'll always be here,\n through our ups and downs. i'll never leave no matter how hard it gets,\n because i know that our relationship is one worth fighting for.\n

\n this valentines, i want you to know how much you mean to me. i hope you'll\n enjoy our date on saturday and i want to make the most of it!!\n

\n once again, thanks for saying yes bcuz im the goat and im gonna make\n this the best day!!!!\n

\n \n

\n happy valentines day babi!!!!\n

With all my love,

Your Valentine 💘

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

\n \n Yay!!! 💖🎉\n \n {\n e.currentTarget.style.backgroundColor = \"#ff1493\";\n e.currentTarget.style.transform = \"scale(1.05)\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.backgroundColor = \"#ff69b4\";\n e.currentTarget.style.transform = \"scale(1)\";\n }}\n >\n See My Long Message 💌\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}","/** @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 \"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 [showMessage, setShowMessage] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media1.tenor.com/m/HFmREVwWJ14AAAAC/red-panda-playful.gif\";\n\n const secondImg =\n \"https://media1.tenor.com/m/fQMjwcJGVOoAAAAC/panda-love.gif\";\n\n const messageImg =\n \"https://media1.tenor.com/m/UlYZQBetSu0AAAAC/love-heart.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n const handleShowMessage = () => {\n setShowMessage(true);\n };\n\n const handleBackToYay = () => {\n setShowMessage(false);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n $\"Red$ \n

Will you be my Valentine? 💘

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

\n \n )\n : showMessage\n ? (\n \n \n \n special message for my red panda wife!!\n \n \n

Dear Shekina,

\n sorry medyo late na to hehi!!! pero syempre, need ko pa din mag\n propose. thanks for allowing me to be ur valentine!!\n

\n this valentines, i want you to know how much you mean to me. i hope you'll\n enjoy our date on saturday and i want to make the most of it!!\n

\n once again, thanks for saying yes bcuz im the goat and im gonna make\n this the best day!!!!\n

\n happy valentines day babi!!!!\n

With all my love,

Your Valentine 💘

\n \n \n Back\n \n \n )\n : (\n <>\n $\"Panda$ \n \n Yay!!! 💖🎉\n \n {\n e.currentTarget.style.backgroundColor = \"#ff1493\";\n e.currentTarget.style.transform = \"scale(1.05)\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.backgroundColor = \"#ff69b4\";\n e.currentTarget.style.transform = \"scale(1)\";\n }}\n >\n See My Long Message 💌\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}","createdAt",["D",1770899410802],"branchVersion","branchId","5802dc80-080c-11f1-93c3-42dde27851f2","id","57fe7fa0-080c-11f1-93c3-42dde27851f2","meow",["D",1770898453396],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c51c5-3354-722c-aa28-a9bf88b69fb9","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c51c5-3354-722c-aa28-ac88d34f1c1a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"isOwned",17,"main","projectId","forkedBranchId","434db1ca-080c-11f1-bf66-42dde27851f2","forkedBranchVersion",1,"forkedProjectPrivacy","forkedProjectId","434808d8-080c-11f1-bf66-42dde27851f2","forkedProjectOrgId","projectName","userHandle","somaa","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Wkt4TGtXN21yeU5aWDJ6akk2NmlnbzhZSSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":173,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":174,"_79":175,"_81":176,"_83":25},"tree",[164,165],"files",[164,165],"counts",{"_154":61,"_155":90,"_156":61,"_157":158,"_159":160},"contents",[139,140],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":93,"_13":90,"_87":133,"_89":134,"_135":136,"_47":-5,"_83":25,"_49":50,"_96":97,"_62":63,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770898418578],"updatedAt",["D",1770898418578],"fdd9b22e-27b0-11f0-aecd-569c3dd06744",11,"lockfileKey","1770898420220-esm.town_v_somaa_valentine@1-main","valentine",{"_98":97,"_105":101},{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":151,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_27":153},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"92a60978-080e-11f1-b852-42dde27851f2","parentId","latest",["D",1770899410802],12,"label",[28],"58085624-080c-11f1-93c3-42dde27851f2","README.md","019c51c5-f3ce-74fb-a8bc-34501194f9c8",["D",1770898453396],"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.",[149],"pulls","branches","forks","envVars",{"_161":61,"_163":61},"connections",{"_161":61,"_162":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":170,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_167":171,"_27":172},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":166,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_167":168,"_27":169},["D",1770899410802],"children",[],[28],["D",1770898453396],[],[149],["D",1770898453396],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":210,"_211":212,"_213":214,"_215":25,"_216":25,"_217":25,"_218":57,"_219":-5,"_220":-7,"_221":-7,"_222":61,"_223":25,"_224":25,"_225":-5,"_226":25,"_227":25,"_228":25,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":85,"_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","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v13