[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_139":-5,"_20":140,"_22":141,"_142":143,"_144":145,"_25":146,"_24":-5,"_147":148,"_149":150,"_151":51,"_152":153,"_154":72,"_155":-5,"_156":-5,"_157":158},"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":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","Atmoori","name","pandaaaaa","branchName","main","version","path","","project",{"_35":96,"_13":14,"_37":97,"_49":-5,"_98":51,"_52":53,"_99":53,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":72,"_106":-5,"_107":-5,"_108":33,"_56":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":124,"_125":126,"_127":128,"_50":51},"tree",[87,88],"file","contents",[60,61],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":45,"_46":33,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",8,"behind",0,"envVars","id","07453d10-27b1-11f0-aecd-569c3dd06744","createdAt",["D",1746230173312],"updatedAt",["D",1739378134667],"projectId","074500de-27b1-11f0-aecd-569c3dd06744",1,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion","lockfileKey","1767120285784-esm.town_v_mewtru_livelyPeachSloth@1-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","livelyPeachSloth",{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":84,"_17":33,"_74":24,"_76":85,"_78":51,"_79":-5,"_18":86},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":80},"c9fd123c-08f8-11f1-af76-42dde27851f2","main.tsx","fileId","019c57bf-4a19-7667-accf-9da3770c3c95","parentId","branchId","b3be3d00-08f5-11f1-9fa0-42dde27851f2","branchVersion",9,"latest",true,["D",1771000005871],"fileType","http","content","import { useState } from \"react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst HARAM_PHRASES = [\n \"7aram 😏\",\n \"7arammm 😄\",\n \"7arammmmmm 😆\",\n \"7ARAMMMMMMM 🤣\",\n \"7AAAARAAAAMMMMM 😂😂\",\n \"YAAA 7ARAAAAAMMM 💀😂\",\n \"WALLAH 7ARAAAAAAAAM 😭🤣\",\n];\n\nconst FIRST_IMG =\n \"https://media1.tenor.com/m/mSO2fUNl2uIAAAAd/panda-love-heart.gif\";\nconst SECOND_IMG = \"https://media1.tenor.com/m/OzxBMWtxNWsAAAAd/panda-love.gif\";\n\nconst FloatingHeart = ({ delay, left }: { delay: number; left: string }) => (\n \n 💖\n \n);\n\nconst Index = () => {\n const [yesClicks, setYesClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const noScale = 1 + yesClicks * 0.25;\n\n return (\n

\n {[...Array(6)].map((_, i) => (\n \n ))}\n\n \n {!accepted\n ? (\n \n \n

\n Will you be my Valentine? 💘\n

\n\n {/* Show the 7aram message when they click Yes */}\n \n {yesClicks > 0 && (\n \n {HARAM_PHRASES[\n Math.min(yesClicks - 1, HARAM_PHRASES.length - 1)\n ]}\n \n )}\n \n\n

\n setYesClicks((p) => p + 1)}\n whileHover={{ scale: 1.05 }}\n whileTap={{ scale: 0.95 }}\n className=\"px-8 py-3 bg-valentine-green hover:bg-valentine-green-hover text-primary-foreground font-bold rounded-full shadow-lg cursor-pointer text-lg\"\n >\n Yes 💕\n \n setAccepted(true)}\n whileHover={{ scale: 1.05 }}\n whileTap={{ scale: 0.95 }}\n animate={{ scale: noScale }}\n transition={{ type: \"spring\", stiffness: 300 }}\n className=\"px-8 py-3 bg-valentine-red text-primary-foreground font-bold rounded-full shadow-lg cursor-pointer text-lg\"\n >\n No\n \n

\n \n )\n : (\n \n {[...Array(12)].map((_, i) => (\n \n {[\"💖\", \"💕\", \"💗\", \"✨\", \"🎉\", \"💘\"][i % 6]}\n \n ))}\n\n \n \n Yay!!! 💖🎉\n \n

\n I knew you would say no, it's 7aram 😏\n

\n \n )}\n \n

\n );\n};\n\nexport default Index;","deleted","label",[63],"b3c2d78e-08f5-11f1-9fa0-42dde27851f2","README.md","019c57bf-4a19-7667-accf-9a2864ae0397",["D",1770998680010],"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.",[82],{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":93,"_17":33,"_74":24,"_76":85,"_78":51,"_79":-5,"_90":94,"_18":95},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":89,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_90":91,"_18":92},["D",1771000005871],"children",[],[63],["D",1770998680010],[],[82],"b3b9351c-08f5-11f1-9fa0-42dde27851f2",["D",1770998680010],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c57b5-c707-75fe-a184-9fa61dba2bc6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c57b5-c707-75fe-a184-a11fc7a2e3dd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":51},"branch",{"_17":70,"_13":16,"_35":68,"_41":96,"_44":36,"_46":43,"_129":53,"_130":42,"_131":57,"_58":14,"_54":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Y2F0cW9WWXBpb3ByYkYyMGRWSGZPVU5yWiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":96,"_13":14,"_37":182,"_49":-5,"_98":51,"_52":53,"_99":53,"_100":-5,"_101":-5,"_102":103,"_104":65,"_105":72,"_106":-5,"_107":-5,"_108":33,"_56":109,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":183,"_125":184,"_127":185,"_50":51},[176,177],"files",[176,177],"counts",{"_167":33,"_168":43,"_169":33,"_34":170,"_171":172},[163,164],"upstreamProject",{"_35":42,"_13":59,"_100":-5,"_101":-5,"_52":53,"_123":161},"upstreamBranch",{"_35":36,"_37":159,"_39":160,"_13":16,"_41":42,"_17":43,"_44":45,"_46":33,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230173312],["D",1739378134667],{"_11":55,"_138":162},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":84,"_17":33,"_74":24,"_76":85,"_78":51,"_79":-5,"_18":166},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":73,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":165},[63],[82],"pulls","branches","forks",{"_173":33,"_175":33},"connections",{"_173":33,"_174":33},"count","unfilledCount","emptyCount",{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":43,"_71":72,"_37":93,"_17":33,"_74":24,"_76":85,"_78":51,"_79":-5,"_90":180,"_18":181},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":70,"_71":72,"_37":89,"_17":31,"_74":75,"_76":77,"_78":51,"_79":-5,"_90":178,"_18":179},[],[63],[],[82],["D",1770998680010],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_102":103,"_135":136,"_137":51},{"_17":70,"_13":16,"_35":68,"_41":96,"_44":36,"_46":43,"_129":53,"_130":42,"_131":57,"_58":14,"_54":12},"ctx",{"_123":-5,"_156":219,"_220":221,"_222":223,"_224":51,"_225":51,"_226":51,"_227":72,"_228":-5,"_229":-7,"_230":-7,"_231":33,"_232":51,"_233":51,"_234":-5,"_235":51,"_236":51,"_237":51,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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