[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","anjole","name","untitled-5092","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","6dbba842-06c0-11f1-99c5-42dde27851f2","main.ts","fileId","4dc5e67c-06bd-11f1-9d0b-42dde27851f2","parentId","branchId","4dc2be8e-06bd-11f1-9d0b-42dde27851f2","branchVersion",4,"latest",true,"createdAt",["D",1770755896957],3,"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 \"wdym no💔\",\n \"WHYYY\",\n \"this is not funny\",\n \"im gonna explode u with my alien lazer eyes\",\n \"VBCUKS R STOLEN\",\n \"okay i understand u hate me\",\n \"theres 5000 missles pointed directly at ur big head\",\n \"THIS IS NOT A GAME LITTLE BOY\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [isBleh, setIsBleh] = useState(false);\n const [isPlaying, setIsPlaying] = useState(false);\n const [confetti, setConfetti] = useState([]);\n const audioRef = useRef(null);\n const celebrationRef = useRef(null);\n const blehRef = useRef(null);\n \n const yesButtonSize = (noClicks * 20) + 16;\n const firstImg =\n \"https://i.pinimg.com/736x/3e/56/11/3e56117b017698e672a5303492a20207.jpg\";\n const secondImg =\n \"https://i.pinimg.com/originals/a8/57/67/a857670557c3cdf3e7a05f7418d2310f.gif\";\n\n const toggleMusic = () => {\n if (audioRef.current) {\n if (isPlaying) {\n audioRef.current.pause();\n setIsPlaying(false);\n } else {\n audioRef.current.volume = 0.6;\n audioRef.current.play().catch(() => {});\n setIsPlaying(true);\n }\n }\n };\n\n const createConfetti = () => {\n const pieces = [];\n for (let i = 0; i < 100; i++) {\n pieces.push({\n id: i,\n left: Math.random() * 100,\n animationDuration: Math.random() * 3 + 2,\n backgroundColor: ['#ff69b4', '#ffc0cb', '#ff1493', '#db7093', '#c71585'][Math.floor(Math.random() * 5)],\n });\n }\n setConfetti(pieces);\n };\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n createConfetti();\n if (celebrationRef.current) {\n celebrationRef.current.volume = 0.7;\n celebrationRef.current.play().catch(() => {});\n }\n };\n\n const handleBleh = () => {\n setIsBleh(true);\n if (blehRef.current) {\n blehRef.current.volume = 0.7;\n blehRef.current.play().catch(() => {});\n }\n };\n\n const showBlehButton = noClicks >= NO_PHRASES.length;\n\n return (\n \n

\n \n

\n\n

\n \n \n {isPlaying ? \"🔊\" : \"🔇\"}\n \n\n {confetti.map((piece) => (\n \n ))}\n\n {isBleh\n ? (\n <>\n

Code