Support for GraphQL errors

[ueman]

Problem Statement

I would like to be able to report GraphQL errors and see them nicely formatted.

According to the GraphQL docs, it returns structured error data. See this and this document.

Example time by using GitHubs GraphQL explorer:

The following query returns a result:

# Query
query { 
  viewer { 
    login
  }
}

// result
{
  "data": {
    "viewer": {
      "login": "ueman"
    }
  }
}

If I now introduce an error to the query

# Query
query { 
  viewer { 
    # note the removed `n` at the end
    logi
  }
}

I'm greeted with this error

{
  "errors": [
    {
      "path": [
        "query",
        "viewer",
        "logi"
      ],
      "extensions": {
        "code": "undefinedField",
        "typeName": "User",
        "fieldName": "logi"
      },
      "locations": [
        {
          "line": 8,
          "column": 5
        }
      ],
      "message": "Field 'logi' doesn't exist on type 'User'"
    }
  ]
}

Solution Brainstorm

If I report the query and the error response, I would like to be able to see the error highlighted in the query.

[getsentry-release]

Routing to @getsentry/owners-ingest for triage. ⏲️

[tonyo]

@ueman Do you perhaps want to have better support for GraphQL in a specific SDK?
As in, the error that you receive will be handled by a GraphQL library that you use in your code, and then it's up to the SDK to actually process it, format if necessary, and send to Sentry.

[getsentry-release]

Routing to @getsentry/team-web-sdk-backend for triage. ⏲️

[ueman]

@tonyo No, that's something I've already done myself. I've written code to report GraphQL errors here and it currently looks like the following screenshot:

Based on the error from the response, I would like to have the following visualization in Sentry for the request object:

Something like this based on the path in the error

Or based on the location from the error:

(The query can also be tested against GitHubs GraphQL explorer)

I hope that makes my feature request more understandable 😅

Also, if there are already ways to improve on this reporting, please let me know.
I haven't yet found a way to improve those reports because GraphQL errors doesn't match the stacktrace or template payloads.

[tonyo]

Thanks for clarifying, will let frontend folks triage it, then!