Take Me Back, Mama

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_105":106,"_107":108},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","blandmula","name","take-me-back-mama","path","main.tsx","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":25,"_58":32,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":12,"_13":44},"permalink","https://www.val.town/x/blandmula/take-me-back-mama/code/main.tsx","extension","id","e32abb00-5a4d-495e-a4e8-acc4e5906316","fileId","01a03e62-e61b-7468-9492-92bb1d8751cd","parentId","branchId","637cd902-2aec-434e-b08d-0233698b5c8f","branchVersion",20,"latest",true,"createdAt",["D",1787761172136],"version",19,"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, { useEffect, useState, useRef } from \"https://esm.sh/react@18.2.0\";\n\nconst SONG_URL =\n \"https://nu.vgmtreasurechest.com/soundtracks/yu-yu-hakusho-original-soundtrack-1/qfdzovmw/11.%20Romantic.mp3\";\n\nconst NO_PHRASES = [\n \"No 💔\",\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, been working on the mooscles\",\n \"The mooscles are getting bigger 🏋️\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const audioRef = useRef(null);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n // Try to start the music as soon as the page loads.\n // Browsers may block autoplay until the first click (Yes or No); the\n // handlers below also call startMusic so it kicks in on that first gesture.\n useEffect(() => {\n const timer = setTimeout(startMusic, 100);\n return () => clearTimeout(timer);\n }, []);\n\n const startMusic = () => {\n if (audioRef.current) {\n audioRef.current.volume = 0.5;\n audioRef.current.play().catch(() => {});\n }\n };\n\n const handleNo = () => {\n startMusic();\n setNoClicks(prev => prev + 1);\n };\n\n const handleYes = () => {\n startMusic();\n setIsValentine(true);\n };\n\n return (\n \n

Take me back, mama? 🙏