1.2.7 • Published 5 months ago
@edgeandnode/graphiql-playground v1.2.7
The Graph GraphiQL Playground
Configuration, styling and extensions for the GraphiQL Playground component embedded in The Graph Protocol applications
Usage
Install @edgeandnode/graphiql-playground
with your favorite package manager.
npm i @edgeandnode/graphiql-playground
Then, import GraphProtocolGraphiQL
and use it in your React components.
const Playground = () => {
return (
<GraphProtocolGraphiQL
fetcher={{
url: 'https://api.thegraph.com/subgraphs/name/graphprotocol/graph-network-mainnet-staging',
}}
queries={savedQueries}
currentQueryId={currentQueryId}
header={
<GraphProtocolGraphiQL.SavedQueriesToolbar
isMobile={false}
isOwner={true}
onSelectQuery={onSelectQuery}
onSaveAsNewQuery={onSaveAsNewQuery}
onDeleteQuery={onDeleteQuery}
onSetQueryAsDefault={onSetQueryAsDefault}
onUpdateQuery={onUpdateQuery}
/>
}
/>
)
}
You can find example implementation in /demo/.index.tsx
Contributing
- This library exports one React component named
GraphProtocolGraphiQL
, built using@graphiql/react
,@graphiql/plugin-explorer
and@graphiql/toolkit
. - It's meant to be used instead of
graphiql
package in The Graph Protocol applications. - Install the dependencies and run scripts from package.json using
pnpm
.
1.2.7
5 months ago
1.2.0
1 year ago
1.2.6
1 year ago
1.2.5
1 year ago
1.2.3
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.2.6-rc.0
1 year ago
1.1.2
1 year ago
1.1.1
1 year ago
1.1.0
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.3-rc.3
2 years ago
1.0.3-rc.2
2 years ago
1.0.3-rc.1
2 years ago
1.0.2-rc.0
2 years ago
1.0.0-rc.0
2 years ago
0.1.19
2 years ago
0.1.18
2 years ago
0.1.17
2 years ago
0.1.15
2 years ago
0.1.14
2 years ago
0.1.12
2 years ago
0.1.11
2 years ago
0.1.6
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago