Implement tabs in graphIQL playground

[supernova-at]

The PWA Studio development web server also spawns a graphIQL playground for developers to investigate and issue GraphQL requests.

A recent PR (https://github.com/magento/pwa-studio/pull/2712/files#r499818792) removed the tabs in the graphIQL playground, as they were no longer straightforward to parse out of the codebase.

The ask here is to:

1. Develop a strategy for which tabs we actually want to include. Note that it may not have to be "all GraphQL queries" as it was before
2. Once a strategy is approved, implement that strategy in the codebase

[m2-assistant]

Hi @supernova-at. Thank you for your report.
To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.

[sirugh]

Adding some context here - one of the reasons we completely removed the tabs was because we moved from .graphql files composed of raw gql to .gql.js files which export template strings interpreted to gql via graphql-tag.

So one solution here may be to figure out how to have the graphiql playground understand the new files/syntax.