πŸ’ Shadow DOM Monkey Lab

Each box is a custom element with a real #shadow-root (open) β€” inspect any one in DevTools to see encapsulated DOM & styles

<monkey-hero> β€” shadow-mode: open
<monkey-profile> β€” shadow-mode: open
<monkey-stat> β€” shadow-mode: open
<monkey-badge> β€” shadow-mode: open
<monkey-quote> β€” shadow-mode: open
<monkey-gallery> β€” shadow-mode: open
<monkey-progress> β€” shadow-mode: open
<monkey-map> β€” shadow-mode: open

😈 Evil Eval Laboratory

Five eval() calls — each fires differently to stress-test the event tracker sensor

📡 Eval Event Log
① Immediate eval
Runs synchronously at parse time — creates a global variable
⏳ waiting…
② Delayed eval (10s timer)
setTimeout fires eval after 10 seconds — DOM mutation
⏳ waiting… (fires in 10s)
③ DOMContentLoaded eval
Eval runs inside a DOMContentLoaded listener — computes and injects
⏳ waiting…
④ Click-triggered eval
User interaction fires eval — button click handler
⏳ click the button…
⑤ Chained eval (eval inside eval)
Nested eval — outer eval produces code that inner eval executes
⏳ waiting… (fires at 3s)