Which client is recommended for vanilla JS front-end with subscription operations supported.

[UchihaYuki]

I used graphql-request, but I found it doesn't support subscription operations. Maybe they do:
https://github.com/jasonkuhrt/graphql-request/pull/330/files
But they lack documentation.

Please recommend one with rich documentation.

[n1ru4l]

The solution depends on your protocol.

For GraphQL over WS we recommend graphql-ws.

For GraphQL over SSE we recommend graphql-sse.

[UchihaYuki]

It seems graphql-ws is what I want.

Are there any plugins from graphql-code-generator that can be used with graphql-ws to make the development flow easier?

It seems I can use typescrpt and typescript-operations plugins to have typings in my client code. I'm still wondering if there is a plugin like graphql-request for graphql-request library to make it even more simpler.

[n1ru4l]

@UchihaYuki I recommend client preset documentMode: 'string'.

https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#documentmode

You can setup a custom fetcher that wraps graphql-ws based on this guide: https://the-guild.dev/graphql/codegen/docs/guides/react-vue#appendix-i-react-query-with-a-custom-fetcher-setup