Git Product home page Git Product logo

artemislabsos / artemis-dev-tool Goto Github PK

View Code? Open in Web Editor NEW
66.0 2.0 9.0 64.97 MB

An Apollo GraphQL Query Schema Testing Tool

Home Page: https://chrome.google.com/webstore/detail/project-artemis/gpncgocimlpojfgbphndpjgkkhdjhnpb

License: MIT License

JavaScript 36.89% HTML 1.15% CSS 14.82% TypeScript 47.15%
chrome-devtools graphql react apollo-client apollo-graphql apollo apollo-federation material-ui jest enzyme

artemis-dev-tool's Introduction

Artemis-dev-tool

Known Vulnerabilities Dependencies

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

2. Working with actual code base

  • Fork the repo to your repositories
  • Clone the reposotory on to your local machine
  • build the project
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

All rights Reserved Artemis Labs

artemis-dev-tool's People

Contributors

choies921003 avatar justinnnlo avatar theangelsofwar avatar timjj92 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.