[{"_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",9,"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","y;\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

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 A Special Message For You 💕\n \n \n

Dear Valentine,

\n From the moment I thought about asking you, I knew this would be\n special. You light up every room you walk into, and your smile\n is the most beautiful thing I've ever seen.\n

\n Every day with you feels like a gift. Your kindness, your\n laughter, and the way you make everything better just by being\n there - it all means the world to me.\n

\n I love how we can talk for hours about nothing and everything. I\n love how you understand me in ways no one else does. I love how\n you make ordinary moments feel extraordinary.\n

\n This Valentine's Day, I want you to know how much you mean to\n me. You're not just my Valentine for today - you're my Valentine\n every single day.\n

\n Thank you for saying yes. Thank you for being you. Thank you for\n making my life so much brighter.\n

\n I can't wait to make more memories with you, to share more\n laughs, more adventures, and more moments that take my breath\n away.\n

\n You're amazing, you're wonderful, and I'm so lucky to have you\n in my life.\n

\n Happy Valentine's Day! 💖✨\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

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 A Special Message For You 💕\n \n \n

Dear Valentine,

\n From the moment I thought about asking you, I knew this would be\n special. You light up every room you walk into, and your smile\n is the most beautiful thing I've ever seen.\n

\n Every day with you feels like a gift. Your kindness, your\n laughter, and the way you make everything better just by being\n there - it all means the world to me.\n

\n I love how we can talk for hours about nothing and everything. I\n love how you understand me in ways no one else does. I love how\n you make ordinary moments feel extraordinary.\n

\n This Valentine's Day, I want you to know how much you mean to\n me. You're not just my Valentine for today - you're my Valentine\n every single day.\n

\n Thank you for saying yes. Thank you for being you. Thank you for\n making my life so much brighter.\n

\n I can't wait to make more memories with you, to share more\n laughs, more adventures, and more moments that take my breath\n away.\n

\n You're amazing, you're wonderful, and I'm so lucky to have you\n in my life.\n

\n Happy Valentine's Day! 💖✨\n

With all my love,

Your Valentine 💘

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

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1770898965443],"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},"893b9fd4-080d-11f1-a431-42dde27851f2","parentId","latest",["D",1770898965443],8,"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",1770898965443],"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","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"]

Diff · v9