Support GraphiQL

[LoicPoullain]

Issue

GraphiQL is in-browser IDE for exploring GraphQL. It would be useful to have it in Foal to explore and test our GraphQL APIs

Possible solution

Add a new package named @foal/graphiql

[darekaze]

Instead of iGraphQL, why not GraphQL Playground? I feel the later will have a better dev experience

[LoicPoullain]

This can be done. I'm open to discussion about the pros and cons of choosing GraphQL Playground over GraphiQL

GraphiQL seems to be more widely used at the moment and relies on fewer direct and indirect dependencies. Is there a specific reason why you would prefer to use G-Playground over GraphiQL?

https://www.npmjs.com/package/graphql-playground-react
https://www.npmjs.com/package/graphiql

https://snyk.io/test/npm/graphql-playground-react
https://snyk.io/test/npm/graphiql

[darekaze]

Quoted from the graphql-playground project:

How is this different from GraphiQL?

GraphQL Playground uses components of GraphiQL under the hood but is meant as a more powerful GraphQL IDE enabling better (local) development workflows. Compared to GraphiQL, the GraphQL Playground ships with the following additional features:

• Interactive, multi-column schema documentation
• Automatic schema reloading
• Support for GraphQL Subscriptions
• Query history
• Configuration of HTTP headers
• Tabs

Yeah, I know it's big, but it will be an opt-in dev dependency and it won't affect building for production.

To list out some features I like it more cause it support subscription out-of-the-box, and get history and tabs features which I found them very useful.

Foal is already good in dev experience imo, and I think graphql-playground can make the dev experience in GraphQl even better. If there are any better options, I'm all hear.

[agustif]

+1 for GraphQL Playground for me, I guess both are good options if (optional) but, maybe graphiql could come as dfault and playground be an extra command to install (because it's bigger, idk)

[LoicPoullain]

According to this issue (graphql/graphql-playground#1143), GraphQL Playground will become a GraphiQL preset in the future and its repo will be archived. This is why Foal will use GraphiQL as default GraphQL viewer.

[LoicPoullain]

Feature added in v2.3