Graph Man

This Extension is a Tester for GraphQL Queries and Mutations.

Layout

Features

• Test GraphQL Queries And Mutations
• Save Queries And Mutations
• Settings For Custom Headers
• Load Schema From URL
• Merge Fragments into Query
• Schema Based GraphQL IntelliSense
• Autofill fields

Usage

1. Install Graph Man Extension
2. Use Create Starter Pack Command in Command Palette
3. Click the Graph Man icon on the sidebar.
4. Modify url and headers in the config.json file to your GraphQL server.
5. 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.

Buttoens

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

Commands

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.

Example

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