RFC: WPGraphiQL IDE Merge Candidate Feature Tracking

[josephfusco]

This issue is dedicated to tracking both the existing features of the current GraphiQL implementation in wp-graphql, as well as highlighting some of the newer features that are included for 'free' by nature of updating to graphiql@3.

✨ GraphQL IDE Features

Below is a list of features in core wp-graphql that should be ported over in order to maintain feature parity.

• Auth Switch #3
• Migrate WordPress Actions / Filters ☕️ #4 (moving to phase 2)
• Query Composer #5 (PR: feat: add query composer #84)
• Scaffold E2E & Unit tests
• Merge codebase into core WPGraphQL
  • Setting(s) to enable/disable new and old GraphQL IDEs
  • GraphQL Admin Notice that let's folks know about the new IDE if they have not already activated it
• Communicate new release
  • admin notice in core WPGraphQL
  • demo video
  • blog post
  • email
  • Update documentation / website to use Screenshots of the new IDE
    • Places to check:
      • WordPress install for wpgraphql.com
      • WordPress install for acf.wpgraphql.com
      • README and other .md docs (in all repos)
        • i.e. https://github.com/wp-graphql/wp-graphql/blob/develop/docs/images/
• Prettify
• Full Screen Toggle (with the drawer, we decided this wasn't necessary, at least right now)
• Shareable Query URL (for logged in users) #6

Some additional features from GraphiQL that should be verified to work as expected

• Ability to update schema 🔄
• Dark mode - verify colors make sense and text is legible

Please comment below if I'm missing anything!

Pluggable Regions

📢 Feedback

Your feedback is welcome; start testing today!

composer require wp-graphql/wpgraphql-ide

or manually downloaded via project releases.

[josephfusco]

Full Screen Toggle

This feature might be considered obsolete given the full width layout this implementation provides.
Ideally the drawer could "snap" to a full screen like this example.