• Stars
    star
    137
  • Rank 266,121 (Top 6 %)
  • Language
    TypeScript
  • Created about 4 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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:

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

More Repositories

1

envelop

Envelop is a lightweight library allowing developers to easily develop, share, collaborate and extend their GraphQL execution layer. Envelop is the missing GraphQL plugin system.
TypeScript
787
star
2

graphql-live-query

Realtime GraphQL Live Queries with JavaScript
TypeScript
436
star
3

use-async-effect

React hook for async effects powered by generator functions.
TypeScript
195
star
4

graphql-schema-generator-rest

Generate your GraphQL schema from type definitions
JavaScript
97
star
5

graphiql-apollo-tracing

poc graphiql with apollo-tracing support
JavaScript
51
star
6

graphql-public-schema-filter

Filter your GraphQL graph into a subgraph. Code-first & SDL-first!
TypeScript
51
star
7

graphql-codegen-relay-plugins

Use the power of the relay-compiler with every GraphQL project!
TypeScript
39
star
8

relay-compiler-repl

Convince your team that you should use the relay-compiler 😉
TypeScript
34
star
9

graphql-live-chat

Chat built with GraphQL Live Subscriptions.
TypeScript
28
star
10

push-pull-async-iterable-iterator

Create an AsyncIterableIterator from anything while handling back-pressure!
TypeScript
23
star
11

character-overlay

Web App for adding an OBS overlay with character information such as name, picture, and health for your favorite role-playing game.
TypeScript
22
star
12

react-in-center-of-screen

Determine if a list item is in the center of your viewport https://codesandbox.io/s/1vw1q2288q
JavaScript
14
star
13

react-use-transition

TypeScript
14
star
14

ember-cli-css-preprocess

Process your stylesheets using various preprocessors like Sass or PostCSS. Looking for new maintainers!
JavaScript
13
star
15

vue-component-database

An online code editor for Vue Single File Components
Vue
11
star
16

bundle-anywhere

TypeScript
10
star
17

toposort

TypeScript toposort
TypeScript
8
star
18

cv-image-grid-detection

JavaScript
7
star
19

ember-card-stacks

Card Stacks inspired by https://tympanus.net/Development/CardStackEffects/
JavaScript
6
star
20

hive-workshop

GraphQL Hive Workshop Material
TypeScript
6
star
21

graphql-operation-merger

A tiny opinionated graphql operation merger
TypeScript
5
star
22

dsa-wiki-crawler

TypeScript
4
star
23

react-time-ago

Display formatted date strings in real-time
JavaScript
4
star
24

pokemon-tcg-deck-scraper-api

JavaScript
4
star
25

ssm-parameter-env

Supply your environment with the AWS Systems Manager Parameter Store
TypeScript
4
star
26

manga-exporter

Collection of utilities for extracting unlicensed community translated mangas from websites into eReader (Kindle) friendly format.
TypeScript
4
star
27

envelop-demo

TypeScript
3
star
28

psql-import-action

Github Action for importing a Postgres Database Dump
Shell
3
star
29

slonik-utilities

Utilities for the PostgreSQL Client Slonik
TypeScript
3
star
30

yoga-grats-demo

TypeScript
2
star
31

docker-image-node-10-with-docker-and-compose

Made for CI
Shell
1
star
32

pg-advisary-lock-check

TypeScript
1
star
33

serverless-codepipeline-slack-notifier

Publish Codepipeline Status Updates to a Slack Channel
JavaScript
1
star
34

n1ru4l

1
star
35

spotify-player-android-sdk

Shell
1
star
36

ember-cli-postcss-fixed

DEPRECATED PLEASE USE ember-cli-css-preprocess
JavaScript
1
star
37

my-library-boilerplate

i keep copy pasting this...
JavaScript
1
star
38

react-native-video-compress-example

Objective-C
1
star
39

graphql-tools-commonjs-import-repro

https://github.com/ardatan/graphql-tools/discussions/4581#discussioncomment-3329673
JavaScript
1
star
40

hive-github-workflow-example

I use this for testing graphql-hive GitHub integrations :)
1
star
41

temperature_converter

Rust
1
star
42

yet-another-react-boilerplate

🚀 Universal React Boilerplate. Using React Router, React Helmet and Apollo Client
JavaScript
1
star
43

docker-python-node-audio-processing

Dockerfile
1
star