[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_175":176,"_177":178},"routes/_app.x.$handle.$name",{"_100":99,"_32":43,"_109":86,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":47,"_126":127,"_128":25,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":47},"version",32,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",true,"deletedHere","path","README.md","latestPath","fileId","019f50ef-393e-77ac-bb6f-6ccf188d0ea2","name","fileType","content","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.","createdAt",["D",1783904202105],"branchVersion","branchId","fe2dda7c-b36d-4e1f-a94d-e10e3d74b890","id","8c5e5639-f4a2-4192-a5a7-89e75e324b31","angel",["D",1783769282782],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","4a69ba06-e067-4d4b-ac96-44c884c9ae6e","pinnedFileId","019f50ef-393e-77ac-bb6f-73cdf55bf4d6","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f50ba-387f-7738-8ca1-7d8a9b6e8ef7","tursoName","8c5e5639f4a24192a5a789e75e324b31","tursoHostname","8c5e5639f4a24192a5a789e75e324b31-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789526460011],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":53,"_105":106,"_107":47},"branch",{"_13":14,"_32":86,"_41":40,"_87":42,"_88":89,"_90":91,"_92":49,"_93":94,"_95":96,"_97":43,"_98":99},"isOwned","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","angel21","handle","displayName","Angel Frianeza","avatar","https://lh3.googleusercontent.com/a/ACg8ocJM9BKYbMK42TCyK3ebZvYNP8WfEtxRtPPcA0XHwYZmq7cIjQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_32":43,"_36":170,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":171,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":172,"_81":173,"_83":174,"_85":47},"tree",[165],"files",[165],"counts",{"_154":60,"_155":156,"_157":60,"_158":159,"_160":161},"contents",[142],"upstreamProject",{"_41":94,"_32":139,"_51":-5,"_52":-5,"_48":49,"_79":140},"upstreamBranch",{"_41":89,"_36":133,"_134":135,"_32":86,"_87":94,"_13":91,"_88":-5,"_90":-5,"_136":137,"_45":-5,"_85":47,"_48":49,"_98":138,"_61":96,"_97":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_100":138,"_108":141},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_41":143,"_32":144,"_30":55,"_145":-5,"_39":40,"_38":146,"_147":25,"_36":148,"_13":149,"_33":150,"_34":151,"_24":47,"_152":-5,"_27":153},"50d0091b-adc4-4f4e-ad78-9930d3249b57","main.tsx","parentId",29,"latest",["D",1783783069088],28,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No💔\",\n \"Please?\",\n \"Awww, I'm sad now:(\",\n \"One more chance\",\n \"Don't break my heart:(\",\n \"What about a maybe?\",\n \"CLICK YES\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [showGift, setShowGift] = useState(false);\n const [openingGift, setOpeningGift] = useState(false);\n\n const audioRef = useRef(null);\n\n const music =\n \"https://raw.githubusercontent.com/mfrianeza211-byte/music/main/The%20Goo%20Goo%20Dolls%20-%20Iris%20(Instrumental).mp3\";\n\n const firstImg =\n \"https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjQzdGdtbnVmZzVnMWlmc2NxbzRudWExYm9qN3ZvZ2dpbDRoN2VhMyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/B1pQ0NkuPhP2oRTkXz/giphy.gif\";\n\n const secondImg =\n \"https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExN2hob2g0emt3Zm9tZGNrOGsxcHp3aG1udTU4MGQ2eWNoYW9mdnAxNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/SvK7Gxcq4QS4fNNjYH/giphy.gif\";\n\n const surpriseLink =\n \"https://drive.google.com/file/d/1bGtIJ4gNPofnVC51A3uuhRD4D20AcwL6/view?usp=drivesdk\";\n\n const qrLink =\n \"https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=\" +\n encodeURIComponent(surpriseLink);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n\n if (audioRef.current) {\n audioRef.current.play().catch((err) => {\n console.log(err);\n });\n }\n };\n\n const openGift = () => {\n setOpeningGift(true);\n\n setTimeout(() => {\n setOpeningGift(false);\n setShowGift(true);\n }, 2000);\n };\n\n return (\n

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

\n\n

\n Will you forgive me?\n

\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 Yey!!\n

\n\n

\n Dear zayzay,\n

\n\n

\n I'm sorry. I know I was being dramatic and I shouldn't have\n gotten upset over something like that.\n

\n\n

\n I guess I started overthinking because the movie kept getting\n pushed back and I felt like I was forcing you to watch with me.\n I know now that wasn't even what you were thinking. You were\n just busy.\n

\n\n

\n I'm sorry for acting like that and letting my emotions get the\n best of me again.\n

\n\n

\n Next time, I'll try not to get upset so easily. I'm really\n sorry. I hope this little peace offering makes you smile, even\n just a little bit.\n

\n\n {!showGift\n ? (\n \n {openingGift ? \"✨ Peeka...\" : \"Song for you 🎵\"}\n \n )\n : (\n

\n Booo!\n

\n\n \n\n

\n I hope you don't break your ears.\n

\n )}\n \n )}\n\n

\n );\n}\n\nfunction client() {\n const root = document.getElementById(\"root\");\n\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n\n\n\n\n\n\n\n\n\n\n\nWill You Forgive Me?\n\n\n\n\n\n\n\n\n\n\n

\n\n\n\n\n\n\n\n\n\n`,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","label",[144],"pulls","branches",1,"forks","envVars",{"_162":60,"_164":60},"connections",{"_162":60,"_163":60},"count","unfilledCount","emptyCount",{"_41":143,"_32":144,"_30":55,"_145":-5,"_39":40,"_38":146,"_147":25,"_36":166,"_13":149,"_33":150,"_34":151,"_24":47,"_152":-5,"_167":168,"_27":169},["D",1783783069088],"children",[],[144],["D",1783769282782],["D",1789526460011],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":53,"_105":106,"_107":47},{"_13":14,"_32":86,"_41":40,"_87":42,"_88":89,"_90":91,"_92":49,"_93":94,"_95":96,"_97":43,"_98":99},"ctx",{"_79":-5,"_130":208,"_209":210,"_211":212,"_213":47,"_214":47,"_215":47,"_216":25,"_217":-5,"_218":-7,"_219":-7,"_220":60,"_221":47,"_222":47,"_223":-5,"_224":47,"_225":47,"_226":47,"_227":-5},"ENV",{"_179":180,"_181":182,"_183":86,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207},"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 · v32