apolloUnmask in client preset

[16patsle]

Which packages are impacted by your issue?

@graphql-codegen/client-preset

Describe the bug

In @graphql-codegen/typescript-operations version 4.4.0, support for the @unmask directive from Apollo's data masking was added. This requires settings inlineFragmentTypes: "mask" and customDirectives: { apolloUnmask: true } in the config, and seems to work as expected. However, @graphql-codegen/client-preset (version 4.5.1) does not seem to support this. Apollo's docs suggest to set customDirectives in presetConfig, but neither config nor presetConfig seems to work for this combination.

Your Example Website or App

https://stackblitz.com/edit/16patsle-codegen-apollo-unmask

Steps to Reproduce the Bug or Issue

1. Set up codegen to support Apollo data masking (like in the example)
2. Have a query with a fragment and @unmask
3. Find the generated type for the Query
4. Notice how it does not include the fields from the fragment, despite the @unmask directive

export type AllPostsQueryQuery = { __typename?: 'Query', allPost: Array<(
    { __typename?: 'Post', id: string }
    & { ' $fragmentRefs'?: { 'PostFragmentFragment': PostFragmentFragment } }
  ) | null> };

Expected behavior

I would expect the @unmask directive to work and give output similar to this:

export type AllPostsQueryQuery = { __typename?: 'Query', allPost: Array<(
    { __typename?: 'Post', id: string, title: string, excerpt?: string | null }
    & { ' $fragmentRefs'?: { 'PostFragmentFragment': PostFragmentFragment } }
  )> };

Notice that this includes other fields that are present in the PostFragment fragment in the example code

I guess the current behavior is in one way be expected given that customDirectives is not one of the options forwarded by client-preset. However, I think it would be desired for the client-preset to support customDirectives, and it does indeed work if I add customDirectives to forwardedConfig in the preset code.

Screenshots or Videos

No response

Platform

• OS: macOS, Linux
• NodeJS: v22.12.0, v20.17.0
• graphql version: 16.10.0
• @graphql-codegen/* version(s): @graphql-codegen/[email protected], @graphql-codegen/[email protected],
  @graphql-typed-document-node/[email protected]

Codegen Config File

No response

Additional context

No response

[eddeee888]

Hi @16patsle, could you please try this alpha version:

@graphql-codegen/client-preset@4.6.0-alpha-20250122114357-7c7e465bb08931989482cd25adace26a27e143df

With the following config (slightly different from Apollo's doc):

presetConfig: { fragmentMasking: false },
config: {
  inlineFragmentTypes: 'mask',
  customDirectives: { apolloUnmask: true }, // this is in `config`, instead of `presetConfig` like the doc
},