Overview

Artemis-dev-tool is an open-sourced client developer tool designed for single endpoint testing of GraphQL queries, with or without Apollo Client. It allows users to perform real-time query endpoint testing and cache management, providing instant engineering feedback without the need for backend resolvers. The web-based extension can be used for React and Express products/applications in development mode and is available for download on the Chrome Web Store.

Features

• Debug and test query mutations and calls using introspection: Artemis-dev-tool allows users to easily debug and test query mutations and calls by providing introspection capabilities.
• Display schema, query, and GraphQL response with endpoint detection: Users can view the schema, query, and GraphQL response in real-time, with the tool automatically detecting the endpoint being used.
• Query caching and component storage: The tool offers query caching functionality and allows users to store components for easy access and management.
• View normalized Apollo Client cache in JSON format: If the website or hosted site being tested contains Apollo Client, users can view the normalized Apollo Client cache in JSON format.
• Query response snapshot feature: Users can take snapshots of query responses, enabling them to compare and analyze different responses.
• View response and query visualizer tree in inspection window: The inspection window provides a visualizer tree for both the query and response, making it easier for users to understand and analyze the data.

Installation

There are two ways to install Artemis-dev-tool:

1. Chrome Store:

   • Go to the Chrome Web Store.
   • Click on the “Add to Chrome” button.

2. Working with actual code base:

   • Fork the repository to your own repositories.
   • Clone the repository onto your local machine.
   • Build the project.
   • Open Chrome and navigate to chrome://extensions.
   • Enable developer mode.
   • Click on “LOAD UNPACKED” and upload the build folder.

Summary

Artemis-dev-tool is a powerful client developer tool that simplifies the testing and debugging of GraphQL queries. With features such as introspection capabilities, query caching, and visualization of query responses, it provides developers with real-time feedback and enhances their workflow. The installation process is straightforward, allowing users to quickly set up the tool and integrate it into their development environment. Overall, Artemis-dev-tool is a valuable asset for developers working with GraphQL and Apollo Client.