marktani/subscriptions.html

## subscriptions.html
<html>
  <head>
    <title>Websockets Test</title>
  </head>
  <body>
    <script>
      const socket = new WebSocket(
        'wss://subscriptions.graph.cool/v1/__PROJECT_ID__','graphql-ws'
      )
      socket.addEventListener('open', event => {
        console.log('open')
        console.log(event)
        socket.send(JSON.stringify({
          type: 'connection_init',
          payload: {
            Authorization: `Bearer __TOKEN__`
          }
        }))
      })

      const QUERY = `
        subscription {
          Post {
            node {
              id
            }
          }
        }
      `

      socket.addEventListener('message', event => {
        console.log('message')
        console.log(event)
        const data = JSON.parse(event.data)
        if (data.type === 'connection_ack') {
          const request = {
            type: 'start',
            id: '0',
            payload: {
              query: QUERY
            }
          }
          socket.send(JSON.stringify(request))
        }
      })
      socket.addEventListener('error', event => {
        console.log('error')
        console.log(event)
      })
    </script>
  </body>
</html>
	<html>
	<head>
	<title>Websockets Test</title>
	</head>
	<body>
	<script>
	const socket = new WebSocket(
	'wss://subscriptions.graph.cool/v1/__PROJECT_ID__','graphql-ws'
	)
	socket.addEventListener('open', event => {
	console.log('open')
	console.log(event)
	socket.send(JSON.stringify({
	type: 'connection_init',
	payload: {
	Authorization: `Bearer __TOKEN__`
	}
	}))
	})

	const QUERY = `
	subscription {
	Post {
	node {
	id
	}
	}
	}
	`

	socket.addEventListener('message', event => {
	console.log('message')
	console.log(event)
	const data = JSON.parse(event.data)
	if (data.type === 'connection_ack') {
	const request = {
	type: 'start',
	id: '0',
	payload: {
	query: QUERY
	}
	}
	socket.send(JSON.stringify(request))
	}
	})
	socket.addEventListener('error', event => {
	console.log('error')
	console.log(event)
	})
	</script>
	</body>
	</html>