Add support for async validation with Zod #233

fabian-hiller · Sep 2, 2024 · c9700d3 · c9700d3
1 parent d15a366
commit c9700d3
Show file tree

Hide file tree

Showing 11 changed files with 31 additions and 15 deletions.
diff --git a/packages/preact/CHANGELOG.md b/packages/preact/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to the library will be documented in this file.
 
+## vX.X.X (Month DD, YYYY)
+
+- Add support for async validation with Zod (issue #233)
+
 ## v0.9.1 (June 27, 2024)
 
 - Fix missing default for generic of `FormStore` type (issue #219)

diff --git a/packages/preact/src/adapters/zodField.ts b/packages/preact/src/adapters/zodField.ts
@@ -11,8 +11,8 @@ import type { FieldValue, ValidateField, Maybe } from '../types';
 export function zodField<TFieldValue extends FieldValue>(
   schema: ZodType<any, any, TFieldValue>
 ): ValidateField<TFieldValue> {
-  return (value: Maybe<TFieldValue>) => {
-    const result = schema.safeParse(value);
+  return async (value: Maybe<TFieldValue>) => {
+    const result = await schema.safeParseAsync(value);
     return result.success ? '' : result.error.issues[0].message;
   };
 }
diff --git a/packages/preact/src/adapters/zodForm.ts b/packages/preact/src/adapters/zodForm.ts
@@ -16,8 +16,8 @@ import type {
 export function zodForm<TFieldValues extends FieldValues>(
   schema: ZodType<any, any, TFieldValues>
 ): ValidateForm<TFieldValues> {
-  return (values: PartialValues<TFieldValues>) => {
-    const result = schema.safeParse(values);
+  return async (values: PartialValues<TFieldValues>) => {
+    const result = await schema.safeParseAsync(values);
     const formErrors: Record<string, string> = {};
     if (!result.success) {
       for (const issue of result.error.issues) {

diff --git a/packages/qwik/CHANGELOG.md b/packages/qwik/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to the library will be documented in this file.
 
+## vX.X.X (Month DD, YYYY)
+
+- Add support for async validation with Zod (issue #233)
+
 ## v0.26.1 (June 27, 2024)
 
 - Fix missing default for generic of `FormStore` type (issue #219)

diff --git a/packages/qwik/src/utils/getParsedZodSchema.ts b/packages/qwik/src/utils/getParsedZodSchema.ts
@@ -15,7 +15,7 @@ export async function getParsedZodSchema<Schema, Value>(
   value: Value
 ): Promise<SafeParseReturnType<Schema, any>> {
   const zodSchema = await schema.resolve();
-  return (typeof zodSchema === 'function' ? zodSchema() : zodSchema).safeParse(
-    value
-  );
+  return (
+    typeof zodSchema === 'function' ? zodSchema() : zodSchema
+  ).safeParseAsync(value);
 }
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to the library will be documented in this file.
 
+## vX.X.X (Month DD, YYYY)
+
+- Add support for async validation with Zod (issue #233)
+
 ## v0.8.1 (June 27, 2024)
 
 - Fix missing default for generic of `FormStore` type (issue #219)

diff --git a/packages/react/src/adapters/zodField.ts b/packages/react/src/adapters/zodField.ts
@@ -11,8 +11,8 @@ import type { FieldValue, ValidateField, Maybe } from '../types';
 export function zodField<TFieldValue extends FieldValue>(
   schema: ZodType<any, any, TFieldValue>
 ): ValidateField<TFieldValue> {
-  return (value: Maybe<TFieldValue>) => {
-    const result = schema.safeParse(value);
+  return async (value: Maybe<TFieldValue>) => {
+    const result = await schema.safeParseAsync(value);
     return result.success ? '' : result.error.issues[0].message;
   };
 }
diff --git a/packages/react/src/adapters/zodForm.ts b/packages/react/src/adapters/zodForm.ts
@@ -16,8 +16,8 @@ import type {
 export function zodForm<TFieldValues extends FieldValues>(
   schema: ZodType<any, any, TFieldValues>
 ): ValidateForm<TFieldValues> {
-  return (values: PartialValues<TFieldValues>) => {
-    const result = schema.safeParse(values);
+  return async (values: PartialValues<TFieldValues>) => {
+    const result = await schema.safeParseAsync(values);
     const formErrors: Record<string, string> = {};
     if (!result.success) {
       for (const issue of result.error.issues) {

diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to the library will be documented in this file.
 
+## vX.X.X (Month DD, YYYY)
+
+- Add support for async validation with Zod (issue #233)
+
 ## v0.22.1 (June 27, 2024)
 
 - Fix missing default for generic of `FormStore` type (issue #219)

diff --git a/packages/solid/src/adapters/zodField.ts b/packages/solid/src/adapters/zodField.ts
@@ -11,8 +11,8 @@ import type { FieldValue, ValidateField, Maybe } from '../types';
 export function zodField<TFieldValue extends FieldValue>(
   schema: ZodType<any, any, TFieldValue>
 ): ValidateField<TFieldValue> {
-  return (value: Maybe<TFieldValue>) => {
-    const result = schema.safeParse(value);
+  return async (value: Maybe<TFieldValue>) => {
+    const result = await schema.safeParseAsync(value);
     return result.success ? '' : result.error.issues[0].message;
   };
 }
diff --git a/packages/solid/src/adapters/zodForm.ts b/packages/solid/src/adapters/zodForm.ts
@@ -16,8 +16,8 @@ import type {
 export function zodForm<TFieldValues extends FieldValues>(
   schema: ZodType<any, any, TFieldValues>
 ): ValidateForm<TFieldValues> {
-  return (values: PartialValues<TFieldValues>) => {
-    const result = schema.safeParse(values);
+  return async (values: PartialValues<TFieldValues>) => {
+    const result = await schema.safeParseAsync(values);
     const formErrors: Record<string, string> = {};
     if (!result.success) {
       for (const issue of result.error.issues) {