Say Yes To Heaven 🌹

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"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":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",7,"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.ts","latestPath","fileId","c29381ec-06d3-11f1-8809-42dde27851f2","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, useRef } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"¿Estás segura? 💔\",\n \"¡Piénsalo otra vez! 🥺\",\n \"¡Vamos, será divertido! 💕\",\n \"¿Un 'quizás'? 🌹\",\n \"¡No me rompas el corazón! :(\",\n \"Mira el botón verde, es más bonito... ✨\",\n \"Andaaa, di que sí... 🧸\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const audioRef = useRef(null); \n\n const yesButtonSize = Math.min(noClicks * 20 + 18, 150);\n\n // Link de audio compatible con la canción \"Say Yes To Heaven\"\n const musicUrl = \"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3\"; // Reemplaza por un link directo a Say Yes To Heaven .mp3 si tienes uno\n\n const playMusic = () => {\n if (audioRef.current) {\n audioRef.current.play().catch(e => console.log(\"Esperando interacción para reproducir\"));\n }\n };\n\n const handleYes = () => {\n setIsValentine(true);\n playMusic();\n };\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n playMusic();\n };\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 return (\n

¿Quieres ser mi San Valentín? 💘

¡SABÍA QUE DIRÍAS QUE SÍ! 😍

¡SABÍA QUE DIRÍAS QUE SÍ! 😍

¿Quieres ser mi San Valentín? 💘

Diff · v7