getsentry / sentry

Developer-first error tracking and performance monitoring
https://sentry.io
Other
38.68k stars 4.15k forks source link

Replay: Show GraphQL operation in Replay Details Network tab #70139

Open bruno-garcia opened 5 months ago

bruno-garcia commented 5 months ago

Currently, our current Network tab doesn't special case GraphQL requests, instead it just shows it as a normal HTTP request.

User reported that in their current Replay product they have this capability:

https://share.slab.com/5PCncKdc

Additional context:

For Spans, operations for GraphQL are spec'ed here:https://develop.sentry.dev/sdk/performance/span-operations/#web-server

https://blog.sentry.io/improved-graphql-support-in-sentry/

getsantry[bot] commented 5 months ago

Routing to @getsentry/product-owners-replays for triage ⏲️

ryan953 commented 5 months ago

The span op's seem like one bit of the puzzle, but we'd also want to know, for each op, what's are the name(s) of the graphql types & object that are being asked for. We could weave together span data now that it's more pervasive that guaranteed to be there, so we get the rich network data like bytes transferred and compression info.. or we could look at reading the graphql info out of the request/response bodies if those are captured. There may be other ways too.