Fragment Variables with client-preset

[nandorojo]

Hey there,

I'm a fan of the new client-preset + Relay-style querying. I'm trying to adopt the recommended approach when building screens. However, I don't see a way to use variables with fragments.

Take the example as shown in the blog post:

In the third example (<FriendsList />), the query has variables of first: 5. But more commonly, root queries have variables defined outside. Is there a way to implement variables with fragments in the client preset?

[saihaj]

Currently fragment arguments are not possible as per spec see RFC graphql/graphql-spec#865
Relay has custom directives which get converted by compiler we could look into doing a similar thing 🤔 cc @n1ru4l

[nandorojo]

I see that graphql-js supports fragment variables AST behind an experimental flag: https://github.com/graphql/graphql-spec/pull/865/files#diff-d8f3e7a05551a43d75f21b0cfcd2a64b8910bc37be8b221dc069b2986bda575fR91

[nandorojo]

I see that GraphQL codegen's TypeScript config allows this: https://the-guild.dev/graphql/codegen/plugins/typescript/typescript-operations#experimentalfragmentvariables

Is it possible to add a similar flag to client preset?

[nandorojo]

Linking to this for anyone wondering about fragment variable support: dotansimha/graphql-yoga#3209

[osdiab]

Linking to this for anyone wondering what the fragment variables syntax looks like as graphql-codegen docs don't seem to describe it anywhere

[osdiab]

Also, this is the current state of the fragment variables feature in the spec - it looks like there's active development happening now so hopefully it goes somewhere! graphql/graphql-spec#1081