[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"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","019c4569-5487-71f4-93e3-6dc71c966c80","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 \"No, you Hateeeeee?💔\",\n \"Monkey? 🥺\",\n \"POR FAVORRRRRRRRRR! 💕\",\n \"One more chance, Monkey?\",\n \"Don't break my heart :(\",\n \"What about a maybe monkey?\",\n \"Please don't do this to me, I'm just a monkey\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n // ✅ Image changes on each NO click for the first 5 times.\n // noClicks: 0 -> images[0], 1 -> images[1], 2 -> images[2], 3 -> images[3], 4+ -> images[4]\n const images = [\n \"https://media1.tenor.com/m/YWyTXlTlXCUAAAAC/monkey-thinking-monkey.gif\", // start\n \"https://media1.tenor.com/m/3dcoYITqudIAAAAC/pondering-sad-monkey.gif\",\n \"https://media1.tenor.com/m/jhCjn4zOXGoAAAAC/monkey-in-shadow-dark-monkey.gif\",\n \"https://media1.tenor.com/m/uu00fqJn4GwAAAAC/monkey-am-i-cooked.gif\",\n \"https://media1.tenor.com/m/sEnjfkN1WXQAAAAC/flip-off-middle-finger.gif\",\n ];\n\n const finalImg = \"https://media1.tenor.com/m/VNkiWQjjCUAAAAAd/monkey-dog.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n const imageIndex = Math.min(noClicks, images.length - 1);\n const currentImg = isValentine ? finalImg : images[imageIndex];\n\n return (\n \n {!isValentine\n ? (\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 You are my MONKEY NOW!!! 💖🎉\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\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\n// Celebration sound 🎉\nconst hooraySound = new Audio(\n \"https://cdn.pixabay.com/download/audio/2022/03/15/audio_6c1c9b6a1c.mp3\",\n);\n\nconst NO_PHRASES = [\n \"No, you Hateeeeee?💔\",\n \"Monkey? 🥺\",\n \"POR FAVORRRRRRRRRR! 💕\",\n \"One more chance, Monkey?\",\n \"Don't break my heart :(\",\n \"What about a maybe monkey?\",\n \"Please don't do this to me, I'm just a monkey\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n // Yes button grows as No is clicked\n const yesButtonSize = Math.min((noClicks * 20) + 16, 80);\n\n // Images change for first 5 No clicks\n const images = [\n \"https://media1.tenor.com/m/YWyTXlTlXCUAAAAC/monkey-thinking-monkey.gif\",\n \"https://media1.tenor.com/m/3dcoYITqudIAAAAC/pondering-sad-monkey.gif\",\n \"https://media1.tenor.com/m/jhCjn4zOXGoAAAAC/monkey-in-shadow-dark-monkey.gif\",\n \"https://media1.tenor.com/m/uu00fqJn4GwAAAAC/monkey-am-i-cooked.gif\",\n \"https://media1.tenor.com/m/sEnjfkN1WXQAAAAC/flip-off-middle-finger.gif\",\n ];\n\n const finalImg = \"https://media1.tenor.com/m/VNkiWQjjCUAAAAAd/monkey-dog.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n // 🎉 Confetti effect\n const shootConfetti = () => {\n confetti({\n particleCount: 160,\n spread: 80,\n startVelocity: 45,\n origin: { x: 0.5, y: 0.6 },\n });\n\n const end = Date.now() + 900;\n\n const interval = setInterval(() => {\n if (Date.now() > end) return clearInterval(interval);\n\n confetti({\n particleCount: 25,\n spread: 70,\n startVelocity: 35,\n origin: {\n x: Math.random() * 0.8 + 0.1,\n y: 0.7,\n },\n });\n }, 150);\n };\n\n // 💖 Yes = confetti + sound + final screen\n const handleYes = () => {\n shootConfetti();\n\n hooraySound.currentTime = 0;\n hooraySound.play();\n\n setIsValentine(true);\n };\n\n const imageIndex = Math.min(noClicks, images.length - 1);\n const currentImg = isValentine ? finalImg : images[imageIndex];\n\n return (\n \n {!isValentine\n ? (\n <>\n \n\n

Will you be my Valentine? 💘

\n\n

\n \n Yes\n \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 \n Yay You are my MONKEY NOW!!! 💖🎉\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) {\n return new Response(\n `\n \n \n Valentine's Day 💘\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1770692404219],"branchVersion","branchId","75f5bfe4-0629-11f1-a80f-42dde27851f2","id","75f17240-0629-11f1-a80f-42dde27851f2","DayasValetine",["D",1770691056666],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c4565-9db1-75c6-bbfd-2dfe6f32e625","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c4565-9db1-75c6-bbfd-3319c3d2b5cc","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",15,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","ShahnilV","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5U1lCVHhFWUZCdGJUaXk1bTI3WE9EQ3lWYiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_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":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_99":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"991ff766-062c-11f1-93a6-42dde27851f2","parentId","latest",["D",1770692404219],8,"label",[28],"75f87248-0629-11f1-a80f-42dde27851f2","README.md","019c4569-5487-71f4-93e3-69b0793d3c68",1,["D",1770691056666],"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.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1770692404219],"children",[],[28],["D",1770691056666],[],[150],["D",1770691056666],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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 · v9