HotChocolate + graphql-codegen - what am I missing?

[Ian-Webster]

Hey all,

Sorry if this has been answered before but after a lot of searching I cannot find any questions / issues that full piece together the issue I'm having with a resolution that appears to work.

So some background;

• I've got a c# server running HotChocolate (v13) that exposes a single query that returns a list of type Movie
• The GraphQL schema produced by HotChocolate looks like this;

directive @tag(
  name: String!
) repeatable on SCHEMA | SCALAR | OBJECT | FIELD_DEFINITION | ARGUMENT_DEFINITION | INTERFACE | UNION | ENUM | ENUM_VALUE | INPUT_OBJECT | INPUT_FIELD_DEFINITION

type Query {
  movies(where: MovieFilterInput, order: [MovieSortInput!]): [Movie!]
}

input MovieFilterInput {
  and: [MovieFilterInput!]
  or: [MovieFilterInput!]
  movieId: UuidOperationFilterInput
  name: StringOperationFilterInput
}

input MovieSortInput {
  movieId: SortEnumType
  name: SortEnumType
}

input UuidOperationFilterInput {
  eq: UUID
  neq: UUID
  in: [UUID]
  nin: [UUID]
  gt: UUID
  ngt: UUID
  gte: UUID
  ngte: UUID
  lt: UUID
  nlt: UUID
  lte: UUID
  nlte: UUID
}

input StringOperationFilterInput {
  and: [StringOperationFilterInput!]
  or: [StringOperationFilterInput!]
  eq: String
  neq: String
  contains: String
  ncontains: String
  in: [String]
  nin: [String]
  startsWith: String
  nstartsWith: String
  endsWith: String
  nendsWith: String
}

enum SortEnumType {
  ASC
  DESC
}

scalar UUID @specifiedBy(url: "https://tools.ietf.org/html/rfc4122")

type Movie {
  movieId: UUID!
  name: String!
}

• I can run the following query through HotChocolates web UX and through postman and get some data back;

{
  movies (order: [{name:ASC}]),
  {
    movieId,
    name
  }
}

now onto my issue;

• I've been following this guide https://the-guild.dev/graphql/codegen/docs/guides/angular for my Angular frontend
• I've kept getting variations on the "Unable to find any GraphQL type definitions for the following pointers" error
• I found two work arounds for this - using the ignoreNoDocuments: true setting or by omitting the documents setting
• The following config file;

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

const config: CodegenConfig = {
  overwrite: true,
  schema: 'https://localhost:7128/graphql/',
  //documents: './src/**/*.ts',
  generates: {
    './graphql/generated.ts': {
      plugins: ['typescript', 'typescript-operations', 'typescript-apollo-angular']
    }
  },
  //ignoreNoDocuments: true,
}
export default config

generates the following code file;

import { gql } from 'apollo-angular';
export type Maybe<T> = T | null;
export type InputMaybe<T> = Maybe<T>;
export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = { [_ in K]?: never };
export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
/** All built-in and custom scalars, mapped to their actual values */
export type Scalars = {
  ID: { input: string; output: string; }
  String: { input: string; output: string; }
  Boolean: { input: boolean; output: boolean; }
  Int: { input: number; output: number; }
  Float: { input: number; output: number; }
  UUID: { input: any; output: any; }
};

export type Movie = {
  __typename?: 'Movie';
  movieId: Scalars['UUID']['output'];
  name: Scalars['String']['output'];
};

export type MovieFilterInput = {
  and?: InputMaybe<Array<MovieFilterInput>>;
  movieId?: InputMaybe<UuidOperationFilterInput>;
  name?: InputMaybe<StringOperationFilterInput>;
  or?: InputMaybe<Array<MovieFilterInput>>;
};

export type MovieSortInput = {
  movieId?: InputMaybe<SortEnumType>;
  name?: InputMaybe<SortEnumType>;
};

export type Query = {
  __typename?: 'Query';
  movies?: Maybe<Array<Movie>>;
};


export type QueryMoviesArgs = {
  order?: InputMaybe<Array<MovieSortInput>>;
  where?: InputMaybe<MovieFilterInput>;
};

export enum SortEnumType {
  Asc = 'ASC',
  Desc = 'DESC'
}

export type StringOperationFilterInput = {
  and?: InputMaybe<Array<StringOperationFilterInput>>;
  contains?: InputMaybe<Scalars['String']['input']>;
  endsWith?: InputMaybe<Scalars['String']['input']>;
  eq?: InputMaybe<Scalars['String']['input']>;
  in?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
  ncontains?: InputMaybe<Scalars['String']['input']>;
  nendsWith?: InputMaybe<Scalars['String']['input']>;
  neq?: InputMaybe<Scalars['String']['input']>;
  nin?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
  nstartsWith?: InputMaybe<Scalars['String']['input']>;
  or?: InputMaybe<Array<StringOperationFilterInput>>;
  startsWith?: InputMaybe<Scalars['String']['input']>;
};

export type UuidOperationFilterInput = {
  eq?: InputMaybe<Scalars['UUID']['input']>;
  gt?: InputMaybe<Scalars['UUID']['input']>;
  gte?: InputMaybe<Scalars['UUID']['input']>;
  in?: InputMaybe<Array<InputMaybe<Scalars['UUID']['input']>>>;
  lt?: InputMaybe<Scalars['UUID']['input']>;
  lte?: InputMaybe<Scalars['UUID']['input']>;
  neq?: InputMaybe<Scalars['UUID']['input']>;
  ngt?: InputMaybe<Scalars['UUID']['input']>;
  ngte?: InputMaybe<Scalars['UUID']['input']>;
  nin?: InputMaybe<Array<InputMaybe<Scalars['UUID']['input']>>>;
  nlt?: InputMaybe<Scalars['UUID']['input']>;
  nlte?: InputMaybe<Scalars['UUID']['input']>;
};

• great - however in the example it states I use PostsGQL and PostsQuery, I'm assuming these take the type name of the object that GraphQL returns so I take it I should have MoviesGQL and MoviesQuery but I have neither.

I'm assuming having to set ignoreNoDocuments to true is likely the cause but I'm not sure how I provide whatever data / configuration is needed to allow me to get past that process, any advice or guidance would be appreciated.