1618732 - Format GraphQL requests for operationName/query/variables

Status: NEW

(DevTools :: Netmonitor, enhancement, P3)

Description

[:Harald Kirschner :digitarald]

Attachment: unreadable graphql request

UX Discussion

Draft UI:

▼ GraphQL
---------------------------------------------------------------------
// Syntax-highlighted query section
query heroAndFriends($episode: Episode) {
  hero(episode: $episode) {
    name
    appearsIn
    friends {
      name
    }
  }
}

# Variables

// JSON-inspectable variable data
{
  "episode": "JEDI"
}

---------------------------------------------------------------------
▶ Request Payload
---------------------------------------------------------------------

• Maybe: Auto-format queries
• When to show operationName?
• Syntax highlight using codemirror's graphql

Comment 1

[:Harald Kirschner :digitarald]

Attachment: graphql-draft.patch

Just to add to the discussion – this draft patch adds a query and variables view. Detection for GraphQL should be double-checkd and it would even be better when codemirror would have syntax highlight for graphql (which needs to be pulled in as dependency).