TypeError: Cannot read properties of undefined (reading 'input')

[Giovanni-Schroevers]

 TypeError: Cannot read properties of undefined (reading 'input')
        at Visitor.getScalarType (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/visitor.js:30:40)
        at generateFieldTypeZodSchema (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:146:40)
        at generateFieldTypeZodSchema (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:135:21)
        at generateFieldTypeZodSchema (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:126:21)
        at generateFieldTypeZodSchema (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:135:21)
        at generateFieldZodSchema (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:121:17)
        at graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:46:103
        at Array.map (<anonymous>)
        at Object.leave (graphcommerce/node_modules/graphql-codegen-typescript-validation-schema/dist/main/zod/index.js:46:90)
        at visit (graphcommerce/node_modules/graphql/language/visitor.js:197:21) {
      source: '../../packagesDev/next-config/src/generated/config.ts'

It seems to be a problem with nested input types. To fix the issue the following patch seems to be working:

diff --git a/node_modules/graphql-codegen-typescript-validation-schema/dist/main/visitor.js b/node_modules/graphql-codegen-typescript-validation-schema/dist/main/visitor.js
index 82da858..f2088f0 100644
--- a/node_modules/graphql-codegen-typescript-validation-schema/dist/main/visitor.js
+++ b/node_modules/graphql-codegen-typescript-validation-schema/dist/main/visitor.js
@@ -26,6 +26,9 @@ class Visitor extends typescript_1.TsVisitor {
         if (this.scalarDirection === 'both') {
             return null;
         }
+        if (!this.scalars[scalarName]) {
+            return null;
+        }
         return this.scalars[scalarName][this.scalarDirection];
     }
 }

[Rigo-m]

Fix works, but then the types don't get generated correctly

[Rigo-m]

Are your scalars something like this?

 export type Scalars = {
  ID: { input: string | number; output: string; }
  String: { input: string; output: string; }
  Boolean: { input: boolean; output: boolean; }
  Int: { input: number; output: number; }
  Float: { input: number; output: number; }
  BooleanType: { input: any; output: any; }
  CustomData: { input: any; output: any; }
  DateTime: { input: any; output: any; }
  FloatType: { input: any; output: any; }
  IntType: { input: any; output: any; }
  ItemId: { input: any; output: any; }
  MetaTagAttributes: { input: any; output: any; }
  UploadId: { input: any; output: any; }
};

[Code-Hex]

@Giovanni-Schroevers Thanks for reporting your issue!
Could you give me your GraphQL Schema and your configuration? I want to reproduce the issue.

[maoosi]

Experiencing the same issue - seems to be erroring on all GraphQL Enums.

Also it is not depending on the configuration (I've tried disabling everything else apart from graphql-codegen-typescript-validation-schema and the recommended scalars config).

Example Enum:

enum Allergen {
    MILK
    EGGS
    PEANUTS
    SOY
    WHEAT
    TREE_NUTS
    SHELLFISH
    FISH
    SESAME
}

[Code-Hex]

@maoosi I cannot reproduce this error:

enum Allergen {
    MILK
    EGGS
    PEANUTS
    SOY
    WHEAT
    TREE_NUTS
    SHELLFISH
    FISH
    SESAME
}

then I can generate this code:

import { z } from 'zod'
import { Allergen } from '../types'

type Properties<T> = Required<{
  [K in keyof T]: z.ZodType<T[K], any, T[K]>;
}>;

type definedNonNullAny = {};

export const isDefinedNonNullAny = (v: any): v is definedNonNullAny => v !== undefined && v !== null;

export const definedNonNullAnySchema = z.any().refine((v) => isDefinedNonNullAny(v));

export const AllergenSchema = z.nativeEnum(Allergen);

and run tsc --strict --noEmit example/zod/schemas.ts

I checked w/ ee78cf3

[paales]

Colleague of @Giovanni-Schroevers here.

This schema gives me an error:

input InputOne {
  field: InputNested!
}

input InputNested {
  field: String
}

If I make InputNested optional, it doesn't anymore. Debugging now.

[Code-Hex]

@paales mmm, I could generate validation schema w/o errors:

import { z } from 'zod'
import { InputNested, InputOne } from '../types'

type Properties<T> = Required<{
  [K in keyof T]: z.ZodType<T[K], any, T[K]>;
}>;

type definedNonNullAny = {};

export const isDefinedNonNullAny = (v: any): v is definedNonNullAny => v !== undefined && v !== null;

export const definedNonNullAnySchema = z.any().refine((v) => isDefinedNonNullAny(v));

export function InputNestedSchema(): z.ZodObject<Properties<InputNested>> {
  return z.object({
    field: z.string().nullish()
  })
}

export function InputOneSchema(): z.ZodObject<Properties<InputOne>> {
  return z.object({
    field: z.lazy(() => InputNestedSchema())
  })
}

Could you give me your configuration?

[paales]

Digging in the code it seems related to notAllowEmptyString: true,

[Code-Hex]

I'm wondering if it's the same as this quickstart.
https://github.com/Code-Hex/graphql-codegen-typescript-validation-schema#quick-start

[paales]

Code I'm using to generate

  await generate({
    silent: true,
    schema: ['graphql/**/Config.graphqls', ...schemaLocations],
    generates: {
      [targetTs]: {
        plugins: ['typescript', 'typescript-validation-schema', 'add'],
        config: {
          // enumsAsTypes: true,
          content: '/* eslint-disable */',
          schema: 'zod',
          notAllowEmptyString: true,
          enumsAsTypes: true,
          scalarSchemas: {
            Domain: 'z.string()',
            DateTime: 'z.date()',
            RichTextAST: 'z.object.json()',
          },
        },
      },
      // ...(isMonorepo() && {
      //   '../../docs/framework/config.md': {
      //     plugins: ['@graphcommerce/graphql-codegen-markdown-docs'],
      //   },
      // }),
    },
  })

Using it here: https://github.com/graphcommerce-org/graphcommerce/blob/canary/packagesDev/next-config/src/config/commands/generateConfig.ts#L19

[Code-Hex]

@paales It looks to me like you didn't follow the quickstart. I want you to try it once.

generates:
  path/to/graphql.ts:
    plugins:
      - typescript
      - typescript-validation-schema # specify to use this plugin
    config:
      # You can put the config for typescript plugin here
      # see: https://www.graphql-code-generator.com/plugins/typescript
      strictScalars: true
      # Overrides built-in ID scalar to both input and output types as string.
      # see: https://the-guild.dev/graphql/codegen/plugins/typescript/typescript#scalars
      scalars:
        ID: string
      # You can also write the config for this plugin together
      schema: yup # or zod

[paales]

If I follow the quickstart guide it works as expected!
If I remove notAllowEmptyString: true, it works as expected :) Not ideal, but good enough for now.

[Code-Hex]

@paales I'm sorry, I didn't read your latest comment, I could reproduce this error 🙏
I will fix it ASAP

[paales]

Award for fastest responder in a GitHub issue goes to @Code-Hex! ❤️