install zod

Author: Code-Hex

codegen.yml

@@ -37,3 +37,36 @@ generates:
               max: ['max', '$1 + 1']
               exclusiveMin: min
               exclusiveMax: max
+  example/zod/schemas.ts:
+    plugins:
+      - ./dist/main/index.js:
+          schema: zod
+          importFrom: ../types
+          directives:
+            required:
+              msg: required
+            # This is example using constraint directive.
+            # see: https://github.com/confuser/graphql-constraint-directive
+            constraint:
+              minLength: min # same as ['min', '$1']
+              maxLength: max
+              startsWith: ['regex', '/^$1/']
+              endsWith: ['regex', '/$1$/']
+              contains: ['regex', '/$1/']
+              notContains: ['regex', '/^((?!$1).)*$/']
+              pattern: ['regex', '/$1/']
+              format:
+                # For example, `@constraint(format: "uri")`. this case $1 will be "uri".
+                # Therefore the generator generates yup schema `.url()` followed by `uri: 'url'`
+                # If $1 does not match anywhere, the generator will ignore.
+                uri: url
+                email: email
+                uuid: uuid
+                # yup does not have `ipv4` API. If you want to add this,
+                # you need to add the logic using `yup.addMethod`.
+                # see: https://github.com/jquense/yup#addmethodschematype-schema-name-string-method--schema-void
+                ipv4: ipv4
+              min: ['min', '$1 - 1']
+              max: ['max', '$1 + 1']
+              exclusiveMin: min
+              exclusiveMax: max

example/zod/schemas.ts

@@ -0,0 +1,83 @@
+import { z } from 'zod'
+import { AttributeInput, ButtonComponentType, ComponentInput, DropDownComponentInput, EventArgumentInput, EventInput, EventOptionType, HttpInput, HttpMethod, LayoutInput, PageInput, PageType } from '../types'
+
+type definedNonNullAny = {};
+
+export const isDefinedNonNullAny = (v: any): v is definedNonNullAny => v !== undefined && v !== null;
+
+export const definedNonNullAnySchema: z.ZodSchema<definedNonNullAny> = z.any().refine((v) => isDefinedNonNullAny(v));
+
+export function AttributeInputSchema(): z.ZodSchema<AttributeInput> {
+  return z.object({
+    key: z.string().nullish(),
+    val: z.string().nullish()
+  })
+}
+
+export const ButtonComponentTypeSchema = z.nativeEnum(ButtonComponentType);
+
+export function ComponentInputSchema(): z.ZodSchema<ComponentInput> {
+  return z.object({
+    child: z.lazy(() => ComponentInputSchema().nullish()),
+    childrens: z.array(z.lazy(() => ComponentInputSchema().nullable())).nullish(),
+    event: z.lazy(() => EventInputSchema().nullish()),
+    name: z.string(),
+    type: ButtonComponentTypeSchema
+  })
+}
+
+export function DropDownComponentInputSchema(): z.ZodSchema<DropDownComponentInput> {
+  return z.object({
+    dropdownComponent: z.lazy(() => ComponentInputSchema().nullish()),
+    getEvent: z.lazy(() => EventInputSchema())
+  })
+}
+
+export function EventArgumentInputSchema(): z.ZodSchema<EventArgumentInput> {
+  return z.object({
+    name: z.string().min(5),
+    value: z.string().regex(/^foo/)
+  })
+}
+
+export function EventInputSchema(): z.ZodSchema<EventInput> {
+  return z.object({
+    arguments: z.array(z.lazy(() => EventArgumentInputSchema())),
+    options: z.array(EventOptionTypeSchema).nullish()
+  })
+}
+
+export const EventOptionTypeSchema = z.nativeEnum(EventOptionType);
+
+export function HttpInputSchema(): z.ZodSchema<HttpInput> {
+  return z.object({
+    method: HttpMethodSchema.nullish(),
+    url: definedNonNullAnySchema
+  })
+}
+
+export const HttpMethodSchema = z.nativeEnum(HttpMethod);
+
+export function LayoutInputSchema(): z.ZodSchema<LayoutInput> {
+  return z.object({
+    dropdown: z.lazy(() => DropDownComponentInputSchema().nullish())
+  })
+}
+
+export function PageInputSchema(): z.ZodSchema<PageInput> {
+  return z.object({
+    attributes: z.array(z.lazy(() => AttributeInputSchema())).nullish(),
+    date: definedNonNullAnySchema.nullish(),
+    height: z.number(),
+    id: z.string(),
+    layout: z.lazy(() => LayoutInputSchema()),
+    pageType: PageTypeSchema,
+    postIDs: z.array(z.string()).nullish(),
+    show: z.boolean(),
+    tags: z.array(z.string().nullable()).nullish(),
+    title: z.string(),
+    width: z.number()
+  })
+}
+
+export const PageTypeSchema = z.nativeEnum(PageType);

package.json

@@ -56,7 +56,8 @@
     "prettier": "2.5.1",
     "ts-jest": "^27.1.3",
     "typescript": "^4.5.4",
-    "yup": "^0.32.11"
+    "yup": "^0.32.11",
+    "zod": "^3.11.6"
   },
   "dependencies": {
     "@graphql-codegen/plugin-helpers": "^2.3.2",

yarn.lock

@@ -5975,3 +5975,8 @@ yup@^0.32.11:
     nanoclone "^0.2.1"
     property-expr "^2.0.4"
     toposort "^2.0.2"
+
+zod@^3.11.6:
+  version "3.11.6"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.11.6.tgz#e43a5e0c213ae2e02aefe7cb2b1a6fa3d7f1f483"
+  integrity sha512-daZ80A81I3/9lIydI44motWe6n59kRBfNzTuS2bfzVh1nAXi667TOTWWtatxyG+fwgNUiagSj/CWZwRRbevJIg==