[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_93":92,"_32":45,"_101":83,"_27":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":25,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":123},"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",15,"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","2f4ba0ee-0684-11f1-8e8e-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, { useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Wait, wrong button! 😱\",\n \"Try again wifey! 😂\",\n \"Nice try! 🏃‍♂️\",\n \"Almost got it! 💨\",\n \"Can't touch this! ✨\",\n \"Just say Yes! 🥰\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [started, setStarted] = useState(false);\n const [noButtonPos, setNoButtonPos] = useState({ top: \"auto\", left: \"auto\" });\n const audioRef = useRef(null);\n\n const handleStart = () => {\n setStarted(true);\n if (audioRef.current) {\n audioRef.current.volume = 0.5;\n audioRef.current.play().catch((e) => console.log(\"Audio block\", e));\n }\n };\n\n const moveButton = () => {\n // Generate random position within the viewport (staying away from edges)\n const top = Math.random() * 70 + 15; // 15% to 85% of screen height\n const left = Math.random() * 70 + 15; // 15% to 85% of screen width\n\n setNoButtonPos({ top: `${top}%`, left: `${left}%` });\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n confetti({\n particleCount: 150,\n spread: 70,\n origin: { y: 0.6 },\n colors: [\"#ff69b4\", \"#ff1493\", \"#ffffff\"],\n });\n };\n\n if (!started) {\n return (\n

A Surprise for Maria Zarina Perez ✨

\n I made something special for you wifey...\n

\n \n

Diff · v15