graphql / graphql/graphiql

Plug-ins APIs

Open
#2,765 2 comments 1 reaction 0 assignees View on GitHub
enhancement graphiql
Dominant language
TypeScript
Stars
16.9k
Forks
1.9k
Avg merge
22h 45m
Merged PRs (30d)
70

Description

Here's the current GraphiQL structure:

![graphiql-plugins-before](https://user-images.githubusercontent.com/7892779/189474798-f6f0e90d-d4de-4e7f-8b5b-8caac564e782.png)

1. Is it possible to create plug-ins that (also) use/replace, e.g. one or more panes on the right side of GraphiQL, not only the left pane? E.g.:

![graphiql-plugins-after](https://user-images.githubusercontent.com/7892779/189474979-5b48b3f1-8e60-4381-9c03-559094e96f69.png)

Use cases:

* GraphQL Voyager plug-in (see https://github.com/graphql/graphiql/issues/1533)
* using GraphiQL Explorer instead of JSON for variables (see https://github.com/OneGraph/graphiql-explorer/issues/10#issuecomment-569353113)
* using data table instead of JSON for response (see https://github.com/OneGraph/graphiql-explorer/issues/10#issuecomment-580718116)
* etc.

2. What about (deep) integration between GraphiQL plug-ins?

Use cases:

* Clicking on a specific type/field in the GraphiQL Docs would focus that field in the GraphiQL Voyager, and vice versa
* `Ctrl+Click` on a specific field in the GraphiQL Explorer would open that field in the GraphiQL Docs (see https://github.com/OneGraph/graphiql-explorer/issues/10#issuecomment-1243634668)
* Clicking on a specific field in the GraphiQL Explorer would focus that field in the code pane, and vice versa (see https://github.com/OneGraph/graphiql-explorer/issues/10#issuecomment-491605457)
* etc.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.