Menu
Trace an event through the full Arizona stack from client click to DOM patch. Use when debugging event handling.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
Add a new route to the Arizona router configuration. Use when creating new pages or endpoints.
Scaffold a new Arizona handler module. Ask whether it's a route-level view or an embeddable stateful component.
Profile Arizona hot paths with eprof/fprof. Use when investigating performance or picking the next optimization.
Add tests for an Arizona module. Use when creating CT suites, inline EUnit tests, or E2E tests.
Format, check, test, and commit changes. Use before committing any code changes.
Debug Arizona stream operations. Use when investigating stream insert/delete/update/move/sort/reset behavior.
| name | trace-event |
| description | Trace an event through the full Arizona stack from client click to DOM patch. Use when debugging event handling. |
| argument-hint | ["event_name"] |
| allowed-tools | Read, Grep, Glob |
Trace the $ARGUMENTS event through the full stack:
How the event is triggered in assets/js/arizona.js:
az-* attribute binds it (e.g., az-click, az-submit, az-change)resolveEl splits "viewId:az" to find the element[target, eventName, payload]How src/arizona_roadrunner_ws.erl receives and src/arizona_socket.erl routes:
handle_frame/2 forwards the text frame to arizona_socket:handle_in/2handle_in decodes the JSON array and calls arizona_live:handle_event/4 with
(Pid, ViewId, Event, Payload)How src/arizona_live.erl dispatches:
views map for ViewId)arizona_stateful:call_handle_event(H, Event, Payload, Bindings) which invokes the
handler's handle_event/3{NewBindings, Resets, Effects}compute_changed/2arizona_stateful:call_render/2arizona_diff:diff/4(NewTmpl, OldSnap, Views, Changed)What ops are produced:
scope_ops/2How the response reaches the browser:
{"o": scopedOps, "e": effects}applyOps(ops) in arizona.js applies each opapplyEffects(effects) processes push_event/set_titleFind the handler that processes $ARGUMENTS using: Grep for handle_event.*$ARGUMENTS