Guide: Use with GraphiQL

[maxrosecollins]

If I try to user @defer with graphiql then I get an error

No number after minus sign in JSON at position 3 (line 2 column 2)

This is I guess because the response is changed to a multipart, how can I fix this issue?

When will it be updated? https://graphql-ruby.org/defer/graphiql.html

At the bottom of this page you mention supporting it out of the box once a issue is resolved and as far as I can tell the issue has been resolved? graphql/graphiql#3470

[rmosolgo]

Hey! I'd be happy to help get these things working together. Could you share a little background info?

• What was the response from your GraphQL server? (You can get the full response from the network tab of your browser's devtools)
• How are you running GraphiQL? Is it GraphiQL-Rails or another setup? What version of GraphiQL is running?

Let me know what you find and we'll go from there 👍

[maxrosecollins]

Hello

---
Content-Type: application/json
Content-Length: 82

{"hasNext":true,"data":{"domain":{"uuid":"d839e508-2869-467d-b552-7790d452fec0"}}}
---
Content-Type: application/json
Content-Length: 89

{"incremental":[{"path":["domain","host"],"data":"www.ranktracker.com"}],"hasNext":false}
-----

I am using the gem gem 'graphiql-rails' and from my lockfile graphiql-rails (1.10.1)

Thanks for your help

[rmosolgo]

Thanks for sharing that, @maxrosecollins. It all looks right to me. I spent some time investigating how the new support from GraphiQL can work with GraphiQL-Rails, and I realized that it doesn't work out-of-the-box because GraphiQL-Rails doesn't use GraphiQL's createGraphiQLFetcher function. Instead, it creates its own fetch function here:

https://github.com/rmosolgo/graphiql-rails/blob/9995e163f8c0994d28847bf4e8405c60afa73e1e/app/assets/javascripts/graphiql/rails/graphiql_show.js#L4-L5

I'll take a look later today at improving GraphiQL-Rails to support multipart responses out of the box.

In the meantime, you could work around this issue by installing GraphiQL directly into your app, without graphiql-rails. For example, you can see here:

• https://github.com/rmosolgo/graphiql-defer-subscriptions/blob/master/app/javascript/application.js
• https://github.com/rmosolgo/graphiql-defer-subscriptions/blob/master/app/views/graphiqls/show.html.erb
• https://github.com/rmosolgo/graphiql-defer-subscriptions/blob/master/app/controllers/graphiqls_controller.rb

Then, you could create a fetcher using const fetcher = createGraphiQLFetcher({ url: "/your/graphql", enableIncrementalDelivery: true })

[maxrosecollins]

Hello,

Do I still need to follow this work around with your new merged PR?

[rmosolgo]

I expect not -- just update your bundle to 1.10.4, mount GraphiQL::Rails::Engine in your routes.rb, then open GraphIQL, and I expect @defer will work normally!