https://github.com/n1ru4l/graphql-bleeding-edge-playground

Demonstration of queries/mutations/defer/stream/subscriptions/live
https://github.com/n1ru4l/graphql-bleeding-edge-playground

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/n1ru4l/graphql-bleeding-edge-playground
• Owner: n1ru4l
• Created: 2020-10-28T16:03:11.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-27T16:33:12.000Z (about 2 months ago)
• Last Synced: 2024-10-18T17:18:26.626Z (29 days ago)
• Language: TypeScript
• Homepage:
• Size: 882 KB
• Stars: 138
• Watchers: 6
• Forks: 10
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - graphql-bleeding-edge-playground

README

        


	
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](https://github.com/graphql/graphql-spec/pull/825)

> Check out the [Fetcher implementations on GraphiQL](src/dev/GraphiQL.tsx)

Built on the following transports:

- [`graphql-helix`](https://github.com/contrawork/graphql-helix) - GraphQL over HTTP

- [`graphql-ws`](https://github.com/enisdenjo/graphql-ws) - GraphQL over WebSocket

- [`@n1ru4l/socket-io-graphql-server`](https://github.com/n1ru4l/graphql-live-query/tree/main/packages/socket-io-graphql-server) - GraphQL over Socket.io

and powered by the following libraries:

- [graphql-js](https://github.com/graphql/graphql-js) - The JavaScript reference implementation for GraphQL

- [meros](https://github.com/maraisr/meros) - Makes reading multipart responses simple

- [SSE-Z](https://github.com/contrawork/sse-z) - Simple SSE wrapper

- [envelop](https://github.com/dotansimha/envelop) - The missing graphql.js plugin/extension library

- [graphql-live-query](https://github.com/n1ru4l/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