n1ru4l / graphql-bleeding-edge-playground

Demonstration of queries/mutations/defer/stream/subscriptions/live

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

1. clone this repo
2. Make sure you have yarn and node v14 installed
3. 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