Experimental GraphQL Playground

Demonstration of the bleeding edge GraphQL features

Features:

Query (HTTP, HTTP-Multipart, WebSocket)
Mutation (HTTP, HTTP-Multipart, WebSocket)
Query with @defer (HTTP-Multipart, WebSocket)
Query with @stream (HTTP-Multipart, WebSocket)
Subscription (WebSocket/SSE)
Query with @live (WebSocket/SSE)
OneOf/Polymorphic Input Objects and Fields

Check out the Fetcher implementations on GraphiQL

Built on the following transports:

graphql-helix - GraphQL over HTTP
graphql-ws - GraphQL over WebSocket
@n1ru4l/socket-io-graphql-server - GraphQL over Socket.io

and powered by the following libraries:

graphql-js - The JavaScript reference implementation for GraphQL
meros - Makes reading multipart responses simple
SSE-Z - Simple SSE wrapper
envelop - The missing graphql.js plugin/extension library
graphql-live-query - GraphQL live queries for any GraphQL schema

Running on ESM ;)

Setup instructions

clone this repo
Make sure you have yarn and node v14 installed
Run yarn install

Usage

Start the server with yarn server:start

Start the frontend yarn start

Visit localhost:3000/__dev__/graphiql

Execute some operations :)

Custom server url

You can point to your own/custom graphql sever by editing the variables in your .env file.

The VITE_WS_URL env variable points to your websocket connection url
The VITE_GRAPHQL_SERVER_URL env variable points to your graphql server url