package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-codegen-typescript-validation-schema",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "GraphQL Code Generator plugin to generate form validation schema from your GraphQL schema",
   "respository": {
     "type": "git",
@@ -47,18 +47,18 @@
     "@graphql-codegen/cli": "2.12.0",
     "@graphql-codegen/typescript": "2.7.3",
     "@tsconfig/recommended": "1.0.1",
-    "@types/jest": "29.0.0",
-    "@typescript-eslint/eslint-plugin": "5.36.1",
-    "@typescript-eslint/parser": "5.36.1",
-    "eslint": "8.23.0",
-    "jest": "29.0.1",
+    "@types/jest": "29.0.3",
+    "@typescript-eslint/eslint-plugin": "5.37.0",
+    "@typescript-eslint/parser": "5.37.0",
+    "eslint": "8.23.1",
+    "jest": "29.0.3",
     "myzod": "1.8.8",
     "npm-run-all": "4.1.5",
     "prettier": "2.7.1",
-    "ts-jest": "28.0.8",
-    "typescript": "4.8.2",
+    "ts-jest": "29.0.1",
+    "typescript": "4.8.3",
     "yup": "0.32.11",
-    "zod": "3.18.0"
+    "zod": "3.19.1"
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^2.3.2",

src/directive.ts

@@ -162,7 +162,7 @@ const applyArgToApiSchemaTemplate = (template: string, apiArgs: any[]): string =
     const placeholder = match[0]; // `$1`
     const idx = parseInt(match[1], 10) - 1; // start with `1 - 1`
     const apiArg = apiArgs[idx];
-    if (!apiArg) {
+    if (apiArg === undefined) {
       template = template.replace(placeholder, '');
       continue;
     }

tests/myzod.spec.ts

@@ -539,4 +539,38 @@ describe('myzod', () => {
       }
     });
   });
+
+  it('properly generates custom directive values', async () => {
+    const schema = buildSchema(/* GraphQL */ `
+      input UserCreateInput {
+        name: String! @constraint(startsWith: "Sir")
+        age: Int! @constraint(min: 0, max: 100)
+      }
+      directive @constraint(startsWith: String, min: Int, max: Int) on INPUT_FIELD_DEFINITION
+    `);
+    const result = await plugin(
+      schema,
+      [],
+      {
+        schema: 'myzod',
+        directives: {
+          constraint: {
+            min: 'min',
+            max: 'max',
+            startsWith: ['pattern', '/^$1/'],
+          },
+        },
+      },
+      {}
+    );
+    const wantContains = [
+      // User Create Input
+      'export function UserCreateInputSchema(): myzod.Type<UserCreateInput> {',
+      'name: myzod.string().pattern(/^Sir/),',
+      'age: myzod.number().min(0).max(100)',
+    ];
+    for (const wantContain of wantContains) {
+      expect(result.content).toContain(wantContain);
+    }
+  });
 });

tests/yup.spec.ts

@@ -452,4 +452,38 @@ describe('yup', () => {
       }
     });
   });
+
+  it('properly generates custom directive values', async () => {
+    const schema = buildSchema(/* GraphQL */ `
+      input UserCreateInput {
+        name: String! @constraint(startsWith: "Sir")
+        age: Int! @constraint(min: 0, max: 100)
+      }
+      directive @constraint(startsWith: String, min: Int, max: Int) on INPUT_FIELD_DEFINITION
+    `);
+    const result = await plugin(
+      schema,
+      [],
+      {
+        schema: 'yup',
+        directives: {
+          constraint: {
+            min: 'min',
+            max: 'max',
+            startsWith: ['matches', '/^$1/'],
+          },
+        },
+      },
+      {}
+    );
+    const wantContains = [
+      // User Create Input
+      'export function UserCreateInputSchema(): yup.SchemaOf<UserCreateInput> {',
+      'name: yup.string().defined().matches(/^Sir/),',
+      'age: yup.number().defined().min(0).max(100)',
+    ];
+    for (const wantContain of wantContains) {
+      expect(result.content).toContain(wantContain);
+    }
+  });
 });

tests/zod.spec.ts

@@ -637,4 +637,38 @@ describe('zod', () => {
       }
     });
   });
+
+  it('properly generates custom directive values', async () => {
+    const schema = buildSchema(/* GraphQL */ `
+      input UserCreateInput {
+        name: String! @constraint(startsWith: "Sir")
+        age: Int! @constraint(min: 0, max: 100)
+      }
+      directive @constraint(startsWith: String, min: Int, max: Int) on INPUT_FIELD_DEFINITION
+    `);
+    const result = await plugin(
+      schema,
+      [],
+      {
+        schema: 'zod',
+        directives: {
+          constraint: {
+            min: 'min',
+            max: 'max',
+            startsWith: ['regex', '/^$1/'],
+          },
+        },
+      },
+      {}
+    );
+    const wantContains = [
+      // User Create Input
+      'export function UserCreateInputSchema(): z.ZodObject<Properties<UserCreateInput>> {',
+      'name: z.string().regex(/^Sir/),',
+      'age: z.number().min(0).max(100)',
+    ];
+    for (const wantContain of wantContains) {
+      expect(result.content).toContain(wantContain);
+    }
+  });
 });