apollo-client-devtools

v4.19.1

Developer tools for Apollo Client, with Studio Explorer integration, cache inspection, and query watching. For more information about how to use this package see README

Latest version published 9 days ago

License: MIT

NPM

GitHub

Package Health Score

81 / 100

security
No known security issues
popularity
Limited
maintenance
Healthy
community
Active

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version			Vulnerabilities	License Risk
4.19.1	\|	12/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.18.16	\|	12/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.18.17	\|	12/2024	0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.3.5	\|	12/2020	0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.2.5	\|	09/2019	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (239)

GitHub Stars: 1.5K
Forks: 166
Contributors: 70

Direct Usage Popularity

The npm package apollo-client-devtools receives a total of 239 downloads a week. As such, we scored apollo-client-devtools popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package apollo-client-devtools, we found that it has been starred 1,502 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 70
Funding: No

With more than 10 contributors for the apollo-client-devtools repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 30
Open PR: 15
Last Release: 9 days ago
Last Commit: 16 days ago

Further analysis of the maintenance status of apollo-client-devtools based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that apollo-client-devtools demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 6 years
Dependencies: 0 Direct
Versions: 95
Install Size: 1.62 MB
Dist-tags: 2
# of Files: 15
Maintainers: 1
TS Typings: No

apollo-client-devtools has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Apollo Client Devtools

This repository contains the Apollo Client Browser Devtools extension for Chrome & Firefox.

☑️ Apollo Client User Survey
What do you like best about Apollo Client? What needs to be improved? Please tell us by taking a one-minute survey. Your responses will help us understand Apollo Client usage and allow us to serve you better.

Installation

Chrome Web Store

Chrome users can install the extension by visiting the Chrome Web Store.

Opera users can install the extension from Chrome Web Store using the Download Chrome Extension addon for Opera.

Firefox

Firefox users can install the addon via Firefox Browser Add-ons.

Install local version

If you want to install a local version of the extension instead, skip ahead to the Developing section.

Features

The Apollo Client Browser Devtools appear as an "Apollo" tab in your web browser inspector, alongside other tabs like "Elements" and "Console". The devtools currently have four main features:

Explorer: A built-in version of the Apollo Studio Explorer that allows you to make queries against your GraphQL server using your app's network interface directly (no configuration necessary).
Watched query inspector: View active queries, variables, cached results, and re-run individual queries.
Mutation inspector: View fired mutations, variables, and re-run individual mutations.
Cache inspector: Visualize the Apollo Client cache and search through it by field names and/or values.

Apollo Client Browser Devtools

Apollo Client version support

> if you are using an older version of Apollo Client and have issues with our Client Browser Devtools we recommend you upgrade to the latest version of Apollo Client.

We provide active support for the current minor release of Apollo Client for use with our Client Browser DevTools.
We do our best to support older 3.x versions of Apollo Client for use with our Client Browser DevTools.
We do not offer support of 2.x versions of Apollo Client for use with our Client Browser DevTools.

Configuration

While your application is in dev mode, the devtools will appear as an "Apollo" tab in your web browser inspector. To enable the devtools for your application in production, pass connectToDevTools: true to the ApolloClient constructor in your application. Pass connectToDevTools: false if want to manually disable this functionality.

The "Apollo" tab will appear in your web browser inspector if a global window.__APOLLO_CLIENT__ object exists in your application. Apollo Client adds this hook to the window automatically unless process.env.NODE_ENV === 'production'. If you would like to use the devtools in production, manually attach your Apollo Client instance to window.__APOLLO_CLIENT__ or pass connectToDevTools: true to the constructor.

If you are seeing the "Apollo" tab but are still having issues, skip ahead to the Debugging section.

Developing

Build the extension

Before building the extension you should install dependencies:

# Install dependencies
&gt; npm install

# (Optional) build the extension for local use
&gt; npm run build -- --env TARGET=chrome
# or
&gt; npm run build -- --env TARGET=firefox

# Or generate zipped distributables (already includes the above build step)
&gt; npm run dist:chrome
# or
&gt; npm run dist:firefox

Running the sample application

Development with web-ext & WebExtWebpackPlugin

Tests

We use Jest and React Testing Library to write and run our tests.

To run tests for both src and development, run the following command:

npm run test

You can also run with --watch to watch and re-run tests automatically:

npm run test:watch

Code of Conduct

This project is governed by the Apollo Code of Conduct.

Who is Apollo?

Apollo builds open-source software and a graph platform to unify GraphQL across your apps and services. We help you ship faster with:

Apollo Studio – A free, end-to-end platform for managing your GraphQL lifecycle. Track your GraphQL schemas in a hosted registry to create a source of truth for everything in your graph. Studio provides an IDE (Apollo Explorer) so you can explore data, collaborate on queries, observe usage, and safely make schema changes.
Apollo Federation – The industry-standard open architecture for building a distributed graph. Use Apollo’s gateway to compose a unified graph from multiple subgraphs, determine a query plan, and route requests across your services.
Apollo Client – The most popular GraphQL client for the web. Apollo also builds and maintains Apollo iOS and Apollo Kotlin.
Apollo Server – A production-ready JavaScript GraphQL server that connects to any microservice, API, or database. Compatible with all popular JavaScript frameworks and deployable in serverless environments.

Learn how to build with Apollo

Check out the Odyssey learning platform, the perfect place to start your GraphQL journey with videos and interactive code challenges. Join the Apollo Community to interact with and get technical help from the GraphQL community.

Maintainers

Name	Username
Ben Newman	@benjamn
Alessia Bellisario	@alessbell
Jeff Auriemma	@bignimbus
Hugh Willson	@hwillson
Jerel Miller	@jerelmiller
Lenz Weber-Tronic	@phryneas

FAQs

What is apollo-client-devtools?

Developer tools for Apollo Client, with Studio Explorer integration, cache inspection, and query watching. Visit Snyk Advisor to see a full health score report for apollo-client-devtools, including popularity, security, maintenance & community analysis.

Is apollo-client-devtools popular?

The npm package apollo-client-devtools receives a total of 239 weekly downloads. As such, apollo-client-devtools popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is apollo-client-devtools well maintained?

We found that apollo-client-devtools demonstrated a healthy version release cadence and project activity. It has a community of 70 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is apollo-client-devtools safe to use?

The npm package apollo-client-devtools was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 13 December-2024, at 20:35 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP