@graphiql/plugin-explorer NPM | npm.io

3.2.2 • Published 8 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

8 months ago

GraphiQL Explorer Plugin

This package provides a plugin that integrated the GraphiQL Explorer into the GraphiQL UI.

Install

Use your favorite package manager to install the package:

npm i -S @graphiql/plugin-explorer

The following packages are peer dependencies, so make sure you have them installed as well:

npm i -S react react-dom graphql @graphiql/react

Usage

import { useExplorerPlugin } from '@graphiql/plugin-explorer';
import { createGraphiQLFetcher } from '@graphiql/toolkit';
import { GraphiQL } from 'graphiql';
import { useState } from 'react';

import 'graphiql/graphiql.css';
import '@graphiql/plugin-explorer/dist/style.css';

const fetcher = createGraphiQLFetcher({
  url: 'https://swapi-graphql.netlify.app/.netlify/functions/index',
});

function GraphiQLWithExplorer() {
  const [query, setQuery] = useState(DEFAULT_QUERY);
  const explorerPlugin = useExplorerPlugin({
    query,
    onEdit: setQuery,
    getDefaultScalarArgValue,
    makeDefaultArg,
  });
  return (
    <GraphiQL
      fetcher={fetcher}
      query={query}
      onEditQuery={setQuery}
      plugins={[explorerPlugin]}
    />
  );
}

CDN bundles

You can also use add this plugin when using the CDN bundle to render GraphiQL. Check out the example HTML file that shows how you can do this.

react graphql graphiql plugin explorer

graphiql-explorer

@infinitebrahmanuniverse/nolb-_graph @everything-registry/sub-chunk-373 subql-ui-components uoisfrontend @graphql-yoga/graphiql @saleor/graphql-playground ruru-components graphiql-codegen @zalastax/nolb-_graph @spaceandtimelabs/dapp-mi-space-time @subql/components

3.2.3-canary-62b238a6.0

8 months ago

3.3.0-canary-e8982f7d.0

9 months ago

4.0.0-canary-9c138ad3.0

12 months ago

3.1.2-canary-a20895fd.0

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

3.1.1-canary-083d8bad.0

11 months ago

3.0.4-canary-e61f0530.0

12 months ago

4.0.0-canary-756775b9.0

11 months ago

3.2.3-canary-fea44159.0

10 months ago

3.2.3-canary-8704d28b.0

10 months ago

3.2.3-canary-3bb4b14b.0

10 months ago

3.0.4-canary-68a97ade.0

12 months ago

4.0.0-canary-514e049b.0

11 months ago

11 months ago

11 months ago

12 months ago

3.2.3-canary-60c8954d.0

10 months ago

3.1.2-canary-286552b9.0

11 months ago

1 year ago

1 year ago

4.0.0-canary-5b09c3aa.0

11 months ago

3.1.1-canary-97f19964.0

12 months ago

3.2.3-canary-35904daa.0

10 months ago

3.1.1-canary-92c2fc51.0

12 months ago

3.1.0-canary-1fa82fbf.0

12 months ago

3.1.1-canary-73079cfa.0

11 months ago

3.0.2-canary-1e0022eb.0

1 year ago

3.1.2-canary-869419d9.0

11 months ago

3.0.3-canary-cb0340ec.0

1 year ago

4.0.0-canary-8ecdb189.0

12 months ago

3.1.2-canary-b4d49865.0

11 months ago

3.2.3-canary-52a5839f.0

10 months ago

3.0.4-canary-2de690f6.0

12 months ago

3.1.1-canary-4570f466.0

11 months ago

4.0.0-canary-4f14bfba.0

11 months ago

4.0.0-canary-4f03ac86.0

11 months ago

3.1.2-canary-3823b175.0

11 months ago

3.1.1-canary-8432eb69.0

12 months ago

4.0.0-canary-6c0d25cd.0

11 months ago

4.0.0-canary-49f80902.0

1 year ago

4.0.0-canary-1fdb7e38.0

1 year ago

3.0.2-canary-0dd016c7.0

1 year ago

1 year ago

3.0.1-canary-dccd76b3.0

1 year ago

1 year ago

3.0.0-canary-b6be9bdf.0

1 year ago

1 year ago

1 year ago

1.0.3-canary-3fed4e54.0

1 year ago

1.0.3-canary-e103fa61.0

1 year ago

1.0.3-canary-64994e0e.0

1 year ago

1 year ago

1.0.3-canary-8690736e.0

1 year ago

1.0.3-canary-36f0bac1.0

1 year ago

1.0.2-canary-a7575449.0

2 years ago

1.0.2-canary-b60c2d1e.0

2 years ago

1.0.0-canary-cd4cdaba.0

2 years ago

1.0.1-canary-c46e1c04.0

2 years ago

1.0.0-canary-a9e38be1.0

2 years ago

1.0.0-canary-3e72a1f9.0

2 years ago

1.0.0-canary-298f53ab.0

2 years ago

1.0.1-canary-91decdc2.0

2 years ago

0.3.3-canary-5ed6139f.0

2 years ago

2 years ago

1.0.0-canary-d86e51b8.0

2 years ago

2 years ago

2 years ago

2 years ago

0.3.0-canary-f5cbe85e.0

2 years ago

2 years ago

2 years ago

0.3.3-canary-72409214.0

2 years ago

0.3.0-canary-c1c93014.0

2 years ago

0.3.3-canary-dfbc468e.0

2 years ago

1.0.0-canary-f5830f58.0

2 years ago

1.0.0-canary-d38d8126.0

2 years ago

1.0.0-canary-6de7e53f.0

2 years ago

1.0.0-canary-d52fbc57.0

2 years ago

0.3.0-canary-28ba84fb.0

2 years ago

0.3.0-canary-85bb478f.0

2 years ago

0.3.3-canary-bf9d0d59.0

2 years ago

0.3.5-canary-4e725193.0

2 years ago

1.0.0-canary-344df134.0

2 years ago

0.3.0-canary-c4fdd053.0

2 years ago

1.0.0-canary-8cc1801a.0

2 years ago

0.3.3-canary-95633641.0

2 years ago

2 years ago

2 years ago

2 years ago

1.0.2-canary-7703226d.0

2 years ago

0.3.0-canary-046bf695.0

2 years ago

0.3.4-canary-f6e35dd1.0

2 years ago

1.0.0-canary-b5674a4f.0

2 years ago

1.0.0-canary-f648417e.0

2 years ago

0.3.0-canary-f3cc0782.0

2 years ago

1.0.0-canary-5d4865df.0

2 years ago

1.0.0-canary-6ba9ba38.0

2 years ago

1.0.0-canary-de420cd7.0

2 years ago

0.3.0-canary-0396c798.0

2 years ago

1.0.2-canary-5c561479.0

2 years ago

0.3.1-canary-dcf852e2.0

2 years ago

0.3.1-canary-3a094bd7.0

2 years ago

1.0.2-canary-bc65d4e0.0

2 years ago

1.0.0-canary-6bb88229.0

2 years ago

1.0.0-canary-30653157.0

2 years ago

0.3.1-canary-125d095d.0

2 years ago

0.3.0-canary-b7778f1b.0

2 years ago

0.3.2-canary-69160e19.0

2 years ago

0.3.2-canary-251c1491.0

2 years ago

1.0.2-canary-43095ec4.0

2 years ago

1.0.0-canary-a6d20235.0

2 years ago

1.0.0-canary-f0f5afb3.0

2 years ago

1.0.0-canary-6610f112.0

2 years ago

1.0.0-canary-38c2c299.0

2 years ago

1.0.0-canary-2b03fdd0.0

2 years ago

1.0.0-canary-d4eae891.0

2 years ago

0.3.3-canary-42956798.0

2 years ago

1.0.2-canary-9eb4f260.0

2 years ago

0.3.0-canary-91fe5420.0

2 years ago

1.0.0-canary-dfb20ee6.0

2 years ago

1.0.0-canary-351ba549.0

2 years ago

1.0.0-canary-e0e2c15a.0

2 years ago

1.0.2-canary-87150409.0

2 years ago

1.0.0-canary-9eb9e2fb.0

2 years ago

2 years ago

1.0.0-canary-a08e9aea.0

2 years ago

2 years ago

2 years ago

2 years ago

0.1.21-canary-43f30a8a.0

2 years ago

0.1.19-canary-4ccf23d5.0

2 years ago

2 years ago

0.1.19-canary-a51f5a26.0

2 years ago

0.1.19-canary-cfba4c7f.0

2 years ago

2 years ago

0.1.16-canary-284ead3b.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.1.15-canary-4e579147.0

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

0.1.12-canary-1abdf837.0

3 years ago

0.1.12-canary-8fa57371.0

3 years ago

3 years ago

3 years ago

3 years ago

0.1.12-canary-ec75d034.0

3 years ago

0.1.12-canary-d5f5494a.0

3 years ago

0.1.12-canary-b87b3720.0

3 years ago

0.1.12-canary-6d98f25a.0

3 years ago

0.1.12-canary-bd07ad00.0

3 years ago

0.1.11-canary-42acace4.0

3 years ago

0.1.12-canary-0cac82f5.0

3 years ago

0.1.12-canary-8a5077d5.0

3 years ago

0.1.12-canary-ceb5e6c8.0

3 years ago

0.1.11-canary-6c6a5fd5.0

3 years ago

0.1.6-canary-a6e5b21f.0

3 years ago

0.1.6-canary-414cd536.0

3 years ago

0.1.6-canary-062f5832.0

3 years ago

0.1.6-canary-53c20673.0

3 years ago

0.1.6-canary-7e7cd1ae.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.1.3-canary-381b9d64.0

3 years ago

0.1.3-canary-bfda54af.0

3 years ago

0.1.3-canary-11442546.0

3 years ago

0.1.3-canary-24a96ede.0

3 years ago

3 years ago

0.1.2-canary-b42baca4.0

3 years ago

0.1.2-canary-ec0b9bc2.0

3 years ago

0.1.2-canary-035bc6fe.0

3 years ago

3 years ago

0.1.1-canary-69dd80b9.0

3 years ago

0.1.1-canary-086f4439.0

3 years ago

1.0.0-canary-c3b2f6c7.0

3 years ago

0.1.1-canary-ea44f6b0.0

3 years ago

0.1.1-canary-0417a5db.0

3 years ago

1.0.0-canary-7210edd6.0

3 years ago

0.1.1-canary-63337491.0

3 years ago

1.0.0-canary-074d480d.0

3 years ago

1.0.0-canary-a81f3062.0

3 years ago

0.1.1-canary-5ef8fb01.0

3 years ago

0.1.1-canary-d5a222ad.0

3 years ago

0.1.1-canary-f9bc12d3.0

3 years ago

1.0.0-canary-d9ca0f8a.0

3 years ago

3 years ago

0.1.0-canary-d09d8716.0

3 years ago