graphql/codegen/plugins/presets/near-operation-file-preset

[giscus[bot]]

graphql/codegen/plugins/presets/near-operation-file-preset

GraphQL Code Generator - Near Operation File Preset. Generates a file per each operation file.

https://the-guild.dev/graphql/codegen/plugins/presets/near-operation-file-preset

[simplenotezy]

Is it possible to use this together with the 'client' preset?

[SzymonGalazka]

I'd really want to know too!

[mihailmotorkin]

Hello! I'm trying to generate a separate interface and service file for each component in the angular. But I don't get the necessary imports from the interface file in the finished service file. Is there a setting for this, or do I need to write my own plugin?

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  overwrite: true,
  schema: "http://localhost:3280/graphql",
  documents: './src/**/*.graphql',
  ignoreNoDocuments: true,
  generates: {
    // Base TypeScript types
    "src/generated/graphql.ts": {
      plugins: ["typescript"]
    },
    // Interfaces
    './src/': {
      preset: 'near-operation-file',
      presetConfig: {
        extension: '.interface.ts',
        baseTypesPath: 'generated/graphql',
      },
      plugins: ["typescript-operations"],
    },
    // Services
    'src/': {
      preset: 'near-operation-file',
      presetConfig: {
        extension: '.service.ts',
        baseTypesPath: 'generated/graphql',
      },
      plugins: ["typescript-apollo-angular"],
    },
  },
};

export default config;