How to use SSE over HTTP/2 with graphql-yoga?

[aidenfoxx]

We seem to be running into the limitations of SSE over HTTP/1.1 in our application, and would ideally like to use HTTP/2 to solve this rather than adding Websockets. Unfortunately it's not clear how to use HTTP/2 with graphql-yoga.

Yoga's server adapter is not compatible with nodes http2 server instance, which returns Http2ServerRequest and Http2ServerResponse classes. I assume this is a limitation of @whatwg-node/server?

What are the current limitations for using HTTP/2 with graphql-yoga? Is it just a typescript error, and the http2 server is compatible with some type finagling, or is there more work required?

[aidenfoxx]

To answer my own question, it is possible to run yoga under HTTP/2 with some finagling. I was able to get this working under Node 18 using the native fetch implementation. The node-fetch polyfill fails with TypeError: :method is not a legal HTTP header name.

Even then, the ponyfill created by @whatwg-node/fetch seems to be providing the wrong Request class, but this is easily resolved in Node 18 by passing globalThis to fetchApi.

const yoga = createYoga({
  ...
  fetchAPI: globalThis,
});
const server = createSecureServer(
  {
    key: readFileSync("localhost-privkey.pem"),
    cert: readFileSync("localhost-cert.pem"),
  },
  (req, res) => {
    yoga(req as unknown as Request, res);
  }
);

[aidenfoxx]

While this is technically "an answer" I would love to hear what @ardatan, or any of the other maintainers think.