graphql-bleeding-edge-playground

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

Stars
138
Committers
5

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:

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