graphql/codegen/plugins/typescript/typescript-msw

[giscus[bot]]

graphql/codegen/plugins/typescript/typescript-msw

https://the-guild.dev/graphql/codegen/plugins/typescript/typescript-msw

[charlieforward9]

Is this up to date?

[charlieforward9]

This codegen does not automatically import the dependencies it uses. How do I configure this to handle automatically?

[ikibalnyi]

I managed to solve it using the import-types-preset.

pnpm add -D @graphql-codegen/import-types-preset

and then:

// codegen.js
    'src/graphql/generated.ts': {
      // regular configuration of your codegen client types
    },
    'src/graphql/mocks.ts': {
      schema: schema,
      preset: 'import-types',
      presetConfig: {
        typesPath: './generated',
      },
      documents: ['src/**/*.graphql'],
      plugins: ['typescript-msw'],
    },

[charlieforward9]

This solved my problem and actually made my import statement a lot more concise since it used the import * as ... instead of importing all the individual types. Thank you!

[tlmader]

Has anyone created a setup where we get generated msw handlers + default mock data (like in the typescript-mock-data plugin)? Would be a convenient setup if you only needed to return the fields that matter for the test.