feat: initial support for valibot (#4395)

Author: logaretm

.changeset/config.json

@@ -10,6 +10,7 @@
       "@vee-validate/rules",
       "@vee-validate/zod",
       "@vee-validate/yup",
+      "@vee-validate/valibot",
       "@vee-validate/nuxt"
     ]
   ],

.changeset/shiny-apricots-fix.md

@@ -0,0 +1,5 @@
+---
+'@vee-validate/valibot': minor
+---
+
+feat: initial support for valibot

.gitignore

@@ -13,3 +13,4 @@ dist
 .DS_STORE
 
 lerna-debug.log
+packages/*/src/playground.ts

packages/valibot/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@vee-validate/valibot",
+  "version": "4.10.9",
+  "description": "vee-validate integration with valibot schema validation",
+  "author": "Abdelrahman Awad <[email protected]>",
+  "license": "MIT",
+  "module": "dist/vee-validate-valibot.esm.js",
+  "unpkg": "dist/vee-validate-valibot.js",
+  "main": "dist/vee-validate-valibot.js",
+  "types": "dist/vee-validate-valibot.d.ts",
+  "homepage": "https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation/",
+  "repository": {
+    "url": "https://github.com/logaretm/vee-validate.git",
+    "type": "git",
+    "directory": "packages/valibot"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "VueJS",
+    "Vue",
+    "validation",
+    "validator",
+    "inputs",
+    "form"
+  ],
+  "files": [
+    "dist/*.js",
+    "dist/*.d.ts"
+  ],
+  "dependencies": {
+    "type-fest": "^4.0.0",
+    "valibot": "^0.7.0",
+    "vee-validate": "^4.10.8"
+  }
+}

packages/valibot/src/index.ts

@@ -0,0 +1,61 @@
+import { PartialDeep } from 'type-fest';
+import type { TypedSchema, TypedSchemaError } from 'vee-validate';
+import { Output, Input, BaseSchema, safeParseAsync, parse, Issue } from 'valibot';
+import { normalizeFormPath } from '../../shared';
+
+export function toTypedSchema<
+  TSchema extends BaseSchema,
+  TOutput = Output<TSchema>,
+  TInput = PartialDeep<Input<TSchema>>,
+>(valibotSchema: TSchema): TypedSchema<TInput, TOutput> {
+  const schema: TypedSchema = {
+    __type: 'VVTypedSchema',
+    async parse(value) {
+      const result = await safeParseAsync(valibotSchema, value);
+      if (result.success) {
+        return {
+          value: result.data,
+          errors: [],
+        };
+      }
+
+      const errors: Record<string, TypedSchemaError> = {};
+      processIssues(result.error.issues, errors);
+
+      return {
+        errors: Object.values(errors),
+      };
+    },
+    cast(values) {
+      try {
+        return parse(valibotSchema, values);
+      } catch {
+        return values;
+      }
+    },
+  };
+
+  return schema;
+}
+
+function processIssues(issues: Issue[], errors: Record<string, TypedSchemaError>): void {
+  issues.forEach(issue => {
+    const path = normalizeFormPath((issue.path || []).map(p => p.key).join('.'));
+    if (issue.issues?.length) {
+      processIssues(
+        issue.issues.flatMap(ue => ue.issues || []),
+        errors,
+      );
+
+      if (!path) {
+        return;
+      }
+    }
+
+    if (!errors[path]) {
+      errors[path] = { errors: [], path };
+    }
+
+    errors[path].errors.push(issue.message);
+  });
+}