Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/artemislabsos/artemis-dev-tool

An Apollo GraphQL Query Schema Testing Tool
https://github.com/artemislabsos/artemis-dev-tool

apollo apollo-client apollo-federation apollo-graphql chrome-devtools chrome-store developer-tools devtool devtools devtools-extension enzyme graphql graphql-query jest material-ui nodejs project-artemis react react-hooks typescript

Last synced: about 1 month ago
JSON representation

An Apollo GraphQL Query Schema Testing Tool

Host: GitHub
URL: https://github.com/artemislabsos/artemis-dev-tool
Owner: ArtemisLabsOS
License: mit
Created: 2019-11-23T22:58:34.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2022-07-07T20:48:51.000Z (over 2 years ago)
Last Synced: 2024-09-28T21:41:32.439Z (about 2 months ago)
Topics: apollo, apollo-client, apollo-federation, apollo-graphql, chrome-devtools, chrome-store, developer-tools, devtool, devtools, devtools-extension, enzyme, graphql, graphql-query, jest, material-ui, nodejs, project-artemis, react, react-hooks, typescript
Language: TypeScript
Homepage: https://chrome.google.com/webstore/detail/project-artemis/gpncgocimlpojfgbphndpjgkkhdjhnpb
Size: 63.4 MB
Stars: 66
Watchers: 2
Forks: 9
Open Issues: 4
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

# Artemis-dev-tool
[![Known Vulnerabilities](https://snyk.io/test/github/ArtemisLabsLLP/Artemis-dev-tool/badge.svg?targetFile=package.json)](https://snyk.io/test/github/ArtemisLabsLLP/Artemis-dev-tool?targetFile=package.json) ![Dependencies](https://david-dm.org/ArtemisLabsLLP/Artemis-dev-tool.svg)

Project Artemis is an Open Sourced client developer tool for single endpoint testing of GraphQL queries (w/wo Apollo Client). Query endpoint testing and cache management can be done in real time for instant engineering feedback without the need for backend resolvers.

Debug and test query mutations and calls using introspection

The web based extension is best used for React and Express products/applications in development mode, and is available at the chrome store.

## Install
### 1. Chrome store
- Go to [Chrome Web Store](https://chrome.google.com/webstore/detail/project-artemis/gpncgocimlpojfgbphndpjgkkhdjhnpb?authuser=0)
- Click Add to Chrome button

### 2. Working with actual code base
- Fork the repo to your repositories
- Clone the reposotory on to your local machine
- build the project
```bash
npm install
npm run build
```
- Open chrome and direct to chrome://extension
- Enable developer mode
- click LOAD UNPACKED and upload build folder

## How to use
Open the application built with GraphQL on Chrome and open inspector window. Artemis will appear and will render once a GraphQL query is detected from the site. If a website or hosted site you are currently testing contains Apollo Client, you should be able to see its inMemory cache. Otherwise, it will display empty object.

## Core features
- Display schema, query, and GraphQL response with endpoint detection

- Query caching and component storage- View normalized Apollo Client cache in JSON Format

- Query response Snapshot feature

- View Response and Query Visualizer tree in inspection window

## Contributing
Project Artemis is still in Beta, a subset project of OS-Labs. We encourage you to submit issues for any bugs or ideas for enhancements. Also feel free to fork this repo and submit pull requests to contribute as well.

## Technologies used
- React
- Typescript
- GraphQL
- D3
- Jest
- Enzyme
- Travis CI