Graph Man

This Extension is a Tester for GraphQL Queries and Mutations.

Layout

Install Graph Man Extension
Use Create Starter Pack Command in Command Palette
Click the Graph Man icon on the sidebar.
Modify url and headers in the config.json file to your GraphQL server.
Click the Paper Airplane Icon button in the upper right corner of the **.*.graphql file.

Tip: If you want to use Graph Man personally in your project, you can use it by adding /.graph-man/ to .gitignore.

Button	position	Description
Send GraphQL	Editor Action	for Send GraphQL Query or Mutation
Merge Fragments into Query	Editor Action	for Merges the Fragments of Query currently displayed on the screen.
Load Schema From URL	view Actions (Environment View)	for Load Schema from URL
Refresh Environment	view Actions (Environment View)	for Refresh Environment
Show Configuration File	view Actions (Environment View)	for Show Configuration File
Refresh Graphqls	view Actions (GraphQL View)	for Refresh GraphQL Tree

A list of commands that you can search for and use in the Command Palette.

Command	Description
Graph Man: Show configuration	`.graph-man/config.json` file will be opened
Graph Man: Refresh Environment	Refresh Environment from `.graph-man/config.json`
Graph Man: Refresh Graphqls	Refresh GraphQL Files from `.graph-man/*/.graphql` and `.graph-man/*/.gql`
Graph Man: Send Graphql	Send GraphQL Query or Mutation
Graph Man: Load Schem	Load Schema from URL
Graph Man: Create Config File	Create `.graph-man/config.json`
Graph Man: Create Example GraphQL Files	Create Example GraphQL Files in `.graph-man` folder
Graph Man: Create Starter Pack	Create Starter Pack in `.graph-man` folder (Execute `Create Config File` and `Create Example GraphQL Files`)
Graph Man: Merge Fragments into Query	Merges the Fragments of Query currently displayed on the screen.

here
It's a "graphql-server" that uses "graph-man". You can learn more about how to use it in this project.