[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_62":133,"_16":-7,"_134":-5,"_17":135,"_136":137,"_28":138,"_21":139,"_23":140,"_141":-5,"_142":-5,"_143":-5,"_144":36,"_145":146,"_147":34,"_148":-5,"_149":-5,"_150":151},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":-5,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":34},"handle","si_ayo","name","will-u-be-my-val","branchName","version","project",{"_39":79,"_13":14,"_50":80,"_81":-5,"_82":36,"_83":84,"_85":84,"_86":-5,"_87":-5,"_88":89,"_90":-5,"_91":36,"_92":-5,"_93":-5,"_94":68,"_95":96,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_110":111,"_112":113,"_114":115,"_116":36},"tags",[],"counts",{"_67":68,"_69":70,"_71":68,"_72":73,"_74":75},"contents",[64],"readme","upstream","pull","files",[38],"preview","ahead","behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":34,"_50":51,"_16":52,"_53":54,"_55":56,"_57":36,"_58":59,"_60":61,"_62":63},"id","208ba3e8-0688-11f1-9855-42dde27851f2","main.ts","fileId","2f4ba0ee-0684-11f1-8e8e-42dde27851f2","parentId","branchId","2f47ea8a-0684-11f1-8e8e-42dde27851f2","branchVersion",15,"latest","createdAt",["D",1770731715639],14,"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