[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"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",9,"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","019c5cc3-f473-75bd-8af8-c7781cb5cde2","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, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"¡Pero seríamos tan lindos juntos! 💕\",\n \"Noch eine chance, Baby?\",\n \"Kalbimi kırma, benim aşkım :(\",\n \"What about a maybe?\",\n \"Too bad, your mine :P\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [gifIndex, setGifIndex] = useState(0);\n\n // 🎵 Dropbox MP3\n const songUrl =\n \"https://www.dropbox.com/scl/fi/74w1oo96w7aosh8z6j0g0/BAD-BUNNY-BAILE-INoLVIDABLE-Visualizer-DeB-TiRAR-M-S-FOToS.mp3?rlkey=u6q348qth3ivelc01kfa6gdjd&st=kxsvrbez&dl=1\";\n\n const audioRef = useRef(null);\n\n const firstImg =\n \"https://media1.tenor.com/m/O2sl4XuBEk8AAAAC/puppycatbongo-puppycat.gif\";\n\n // 🐱 Rotating dancing cats\n const catGifs = [\n \"https://media.tenor.com/Qq1hnouswVwAAAAj/peach-cat-dancing.gif\",\n \"https://media.tenor.com/vX-qFMkapQQAAAAj/cat-dancing.gif\",\n \"https://media.tenor.com/Ra7pnKiw8e8AAAAj/cat-silly.gif\",\n ];\n\n // 🔄 rotate every 2.5s after Yes\n useEffect(() => {\n if (!isValentine) return;\n\n const interval = setInterval(() => {\n setGifIndex((prev) => (prev + 1) % catGifs.length);\n }, 2500);\n\n return () => clearInterval(interval);\n }, [isValentine]);\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.currentTime = 0;\n audioRef.current.play().catch(() => {});\n }\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

\n \n Yes\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 Yay!!! 💖🎉\n \n \n )}\n\n

Diff · v9