[{"_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",5,"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","019c4e42-f395-7375-8496-e63ad9b8123a","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\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\nconst NO_PHRASES = [\n \"No? 😞\",\n \"Aaliyah dakunn 😹😭😭😭\",\n \"Think about it 🥹\",\n \"You no even nice kan kan 😭😹\",\n \"Kai naa 😹😭\",\n \"Aaliyah kai 😹😭\",\n \"Pretty please? 😹🥹\",\n \"Ehnn? 😹😭\"\n];\n\n// Working GIFs for No taps\nconst NO_GIFS = [\n \"https://media.tenor.com/7kOeprbG7s8AAAAC/cute-bear.gif\",\n \"https://media.tenor.com/4JxSsknUahAAAAAC/puppy.gif\",\n \"https://media.tenor.com/2WmXny3jM-cAAAAC/pink-heart.gif\",\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\"\n];\n\n// Working GIFs for Yes\nconst YES_GIFS = [\n \"https://media.tenor.com/Ic0vGExJ4LQAAAAC/hearts-explosion.gif\",\n \"https://media.tenor.com/kBrzjCqQZC4AAAAC/bear-love.gif\",\n \"https://media.tenor.com/J9GcJTrQ-ncAAAAC/flying-hearts.gif\"\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPosition, setNoPosition] = useState({ top: \"60%\", left: \"55%\" });\n const [shake, setShake] = useState(false);\n const [noSize, setNoSize] = useState(18);\n const [currentGif, setCurrentGif] = useState(NO_GIFS[0]);\n const [yesGif, setYesGif] = useState(YES_GIFS[0]);\n\n const yesButtonSize = Math.min((noClicks * 20) + 16, 120);\n\n const loveSound = new Audio(\n \"https://www.soundjay.com/human/sounds/applause-8.mp3\"\n );\n\n const moveNoButton = () => {\n const randomX = Math.random() * (window.innerWidth - 150);\n const randomY = Math.random() * (window.innerHeight - 100);\n setNoPosition({ left: `${randomX}px`, top: `${randomY}px` });\n };\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n moveNoButton();\n\n setShake(true);\n setTimeout(() => setShake(false), 500);\n\n setNoSize(prev => Math.min(prev + 2, 28));\n\n // Pick random No GIF (different from current)\n let nextGif;\n do {\n nextGif = NO_GIFS[Math.floor(Math.random() * NO_GIFS.length)];\n } while (nextGif === currentGif && NO_GIFS.length > 1);\n setCurrentGif(nextGif);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n loveSound.play();\n\n confetti({ particleCount: 200, spread: 120, origin: { y: 0.6 } });\n\n // Pick random Yes GIF\n const nextYesGif = YES_GIFS[Math.floor(Math.random() * YES_GIFS.length)];\n setYesGif(nextYesGif);\n };\n\n const FloatingHearts = () => (\n

\n {Array.from({ length: 20 }).map((_, i) => (\n \n 💖\n

\n ))}\n \n );\n\n return (\n \n

\n\n \n\n {!isValentine ? (\n <>\n

Will you be my Valentine? 💘

\n\n \n Yes\n \n\n \n {noClicks === 0\n ? \"No\"\n : noClicks < NO_PHRASES.length\n ? NO_PHRASES[noClicks - 1]\n : NO_PHRASES[NO_PHRASES.length - 1]}\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\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n \n \n Valentine's Day Invitation\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\nconst NO_PHRASES = [\n \"No? 😞\",\n \"Aaliyah dakunn 😹😭😭😭\",\n \"Think about it 🥹\",\n \"You no even nice kan kan 😭😹\",\n \"Kai naa 😹😭\",\n \"Aaliyah kai 😹😭\",\n \"Pretty please? 😹🥹\",\n \"Ehnn? 😹😭\"\n];\n\n// Working GIFs for No taps\nconst NO_GIFS = [\n \"https://media.giphy.com/media/13borq7Zo2kulO/giphy.gif\", // cute bear\n \"https://media.giphy.com/media/3o6ZtaO9BZHcOjmErm/giphy.gif\", // puppy\n \"https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif\", // pink hearts\n \"https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif\" // jumping bear\n];\n\n// Working GIFs for Yes\nconst YES_GIFS = [\n \"https://media.giphy.com/media/3oEjHP8ELRNNlnlLGM/giphy.gif\", // hearts explosion\n \"https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif\", // flying hearts\n \"https://media.giphy.com/media/xT0xeJpnrWC4XWblEk/giphy.gif\" // cute bear hug\n];\n\n// Your custom Yay text\nconst YES_TEXTS = [\n \"Yayyyyyy🥹😹, soo you fit later tap yes abi 😭😹. Aaliyah, my love, I don't even baby anything to say fr, you know I love you very very very very very very much, I dunno gan self 😹😭, I'm just testing this shii if it works 😹😭, so now you've signed up to be my val right? 😹😭, I'm out of words fr 😹😭 I LOVE YOUU!!!\"\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPosition, setNoPosition] = useState({ top: \"60%\", left: \"55%\" });\n const [shake, setShake] = useState(false);\n const [noSize, setNoSize] = useState(18);\n const [currentGif, setCurrentGif] = useState(NO_GIFS[0]);\n const [yesGif, setYesGif] = useState(YES_GIFS[0]);\n const [yayText, setYayText] = useState(YES_TEXTS[0]);\n\n const yesButtonSize = Math.min((noClicks * 20) + 16, 120);\n\n const loveSound = new Audio(\n \"https://www.soundjay.com/human/sounds/applause-8.mp3\"\n );\n\n const moveNoButton = () => {\n const randomX = Math.random() * (window.innerWidth - 150);\n const randomY = Math.random() * (window.innerHeight - 100);\n setNoPosition({ left: `${randomX}px`, top: `${randomY}px` });\n };\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n moveNoButton();\n\n setShake(true);\n setTimeout(() => setShake(false), 500);\n\n setNoSize(prev => Math.min(prev + 2, 28));\n\n // Pick random No GIF (different from current)\n let nextGif;\n do {\n nextGif = NO_GIFS[Math.floor(Math.random() * NO_GIFS.length)];\n } while (nextGif === currentGif && NO_GIFS.length > 1);\n setCurrentGif(nextGif);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n loveSound.play();\n confetti({ particleCount: 200, spread: 120, origin: { y: 0.6 } });\n\n // Pick random Yes GIF\n const nextYesGif = YES_GIFS[Math.floor(Math.random() * YES_GIFS.length)];\n setYesGif(nextYesGif);\n\n // Pick your custom Yay text\n setYayText(YES_TEXTS[0]);\n };\n\n const FloatingHearts = () => (\n

\n {Array.from({ length: 20 }).map((_, i) => (\n \n 💖\n

\n ))}\n \n );\n\n return (\n \n

\n\n \n\n {!isValentine ? (\n <>\n

Will you be my Valentine? 💘

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

\n \n {yayText}\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n }\n );\n}","createdAt",["D",1770840914622],"branchVersion","branchId","2acb7c06-0783-11f1-ac8a-42dde27851f2","id","2ac81688-0783-11f1-ac8a-42dde27851f2","valentines",["D",1770839536408],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c4de2-b5c5-74ef-8d00-d3404bedc67f","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c4de2-b5c5-74ef-8d00-d57f42a921cc","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",6,"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","Sakzymo07","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5WENqb0h4c2xwYmVGdWZGOWRUT0dFcjV1SyJ9","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},"60359fa4-0786-11f1-926d-42dde27851f2","parentId","latest",["D",1770840914622],4,"label",[28],"2acd72f4-0783-11f1-ac8a-42dde27851f2","README.md","019c4e42-f395-7375-8496-e283bf630320",1,["D",1770839536408],"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",1770840914622],"children",[],[28],["D",1770839536408],[],[150],["D",1770839536408],{"_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","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"]

Diff · v5