Skip to main content

GraphQL Inspector

While in traditional REST API’s versioning is a hot topic, GraphQL takes a strong opinion on avoiding versioning by providing the tools for the continuous evolution of a GraphQL schema. As GraphQL only returns the data that is explicitly requested, it becomes easier to introduce new functionality by adding new types and fields without introducing breaking changes. As you know what fields are used by which clients you can have a lot more knowledge in your hands to prevent breaking your clients.

For small schema’s it can be feasible to inspect your schema for changes manually but for larger schemas or federated schema’s good tooling becomes a necessity.

A tool that can help you to achieve this is GraphQL Inspector.

It offers the following (free) features:

  • Compares schemas
  • Detect breaking or dangerous changes
  • Schema change notifications
  • Use serverless functions validate changes
  • Validates Operations and Fragments against a schema
  • Finds similar / duplicated types
  • Schema coverage based on Operations and Fragments
  • Serves a GraphQL server with faked data and GraphiQL
  • Docker Image

Getting started

To get started you have multiple items. You can use it as a Github application, a Github action but also as a commandline tool.

Let’s see how to use the commandline tool:

npm install --global @graphql-inspector/cli graphql

Now we can compare two schema’s:

graphql-inspector diff old.graphql new.graphql

Detected the following changes (2) between schemas:

  Description was removed from field Post.createdAt
  Field Post.createdAt changed type from String to String!
success No breaking changes detected

It is a must have for every GraphQL developer!

Popular posts from this blog

DevToys–A swiss army knife for developers

As a developer there are a lot of small tasks you need to do as part of your coding, debugging and testing activities.  DevToys is an offline windows app that tries to help you with these tasks. Instead of using different websites you get a fully offline experience offering help for a large list of tasks. Many tools are available. Here is the current list: Converters JSON <> YAML Timestamp Number Base Cron Parser Encoders / Decoders HTML URL Base64 Text & Image GZip JWT Decoder Formatters JSON SQL XML Generators Hash (MD5, SHA1, SHA256, SHA512) UUID 1 and 4 Lorem Ipsum Checksum Text Escape / Unescape Inspector & Case Converter Regex Tester Text Comparer XML Validator Markdown Preview Graphic Color B

Help! I accidently enabled HSTS–on localhost

I ran into an issue after accidently enabling HSTS for a website on localhost. This was not an issue for the original website that was running in IIS and had a certificate configured. But when I tried to run an Angular app a little bit later on http://localhost:4200 the browser redirected me immediately to https://localhost . Whoops! That was not what I wanted in this case. To fix it, you need to go the network settings of your browser, there are available at: chrome://net-internals/#hsts edge://net-internals/#hsts brave://net-internals/#hsts Enter ‘localhost’ in the domain textbox under the Delete domain security policies section and hit Delete . That should do the trick…

Azure DevOps/ GitHub emoji

I’m really bad at remembering emoji’s. So here is cheat sheet with all emoji’s that can be used in tools that support the github emoji markdown markup: All credits go to rcaviers who created this list.