[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_32":12,"_33":12,"_34":12,"_35":12,"_36":-5,"_37":38},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","6813d6a7553c8191bfef57cb041d8fcc","versionInt","title","Overstimulation Sim","type","code/react","content","import React, { useEffect, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\n\nconst distractions = [\n \"Social Media\",\n \"News Alert\",\n \"Email\",\n \"Text Message\",\n \"Ad Banner\",\n \"Notification Sound\",\n \"Pop-up Reminder\",\n \"Breaking News\",\n \"DM Ping\",\n \"Autoplay Video\"\n];\n\nconst Distraction = ({ text, x, y }) => (\n \n {text}\n \n);\n\nconst FocusBubble = () => (\n \n Focus\n \n);\n\nconst OverstimulationSimulation = () => {\n const [activeDistractions, setActiveDistractions] = useState([]);\n const containerRef = useRef(null);\n\n useEffect(() => {\n const interval = setInterval(() => {\n if (containerRef.current) {\n const rect = containerRef.current.getBoundingClientRect();\n const x = Math.random() * (rect.width - 100);\n const y = Math.random() * (rect.height - 50);\n const text = distractions[Math.floor(Math.random() * distractions.length)];\n setActiveDistractions((prev) => [...prev, { text, x, y, id: Date.now() }]);\n }\n }, 800);\n\n return () => clearInterval(interval);\n }, []);\n\n useEffect(() => {\n const cleanup = setInterval(() => {\n setActiveDistractions((prev) => prev.slice(-10));\n }, 2000);\n return () => clearInterval(cleanup);\n }, []);\n\n return (\n \n \n {activeDistractions.map(({ text, x, y, id }) => (\n \n ))}\n

\n Metaphor: The mind is a focus bubble constantly bombarded by distractions.\n

\n \n );\n};\n\nexport default OverstimulationSimulation;\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_39":40,"_41":42},"disablePrefetch","shouldPrefetchAccount",true,"shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","paidCampaignAppRedirect","statsigGateEvaluationsPromise",["P",38],"traceId","10368910846945486775","traceTime",1785772371485]