Create message error keys and parameters and flatten message keys in Schema of JavaScript Validation Libraries (Zod, Yup, Zoi) support to translate form

[nixjs]

I have created a small library that allows setting message error keys and parameters for the schema. It will then flatten and return a list of error codes.

Currently I have used it to translate error content from submit form, combining nextjs, next-intl and react-hook-form.

Github: https://github.com/nixjs/ts-validator-schema

import { BaseMessage, Define, flattenSchemaValue } from '@athena20/ts-validator-schema'
import * as z from 'zod'

namespace ValidatorConfig {
    export const BaseMessageErrorPrefix = 'msg_error'
    export type Key = 'username' | 'email' | 'password' | 'confirmPassword' | 'oldPassword'
    export type Message = BaseMessage | 'passwords_cannot_be_the_same' | 'passwords_must_be_match' | 'email_regex_invalid' | 'email_existed'
    export const Schema: Define<Key, Message> = {
        username: {
            required: { message: 'default_required' },
            min: { message: 'required_min', value: 8 },
            max: { message: 'required_max', value: 50 },
            regex: {
                message: 'regex_invalid',
                value: /^[a-zA-Z0-9]*$/
            }
        },
        oldPassword: { required: { message: 'default_required' }, min: { message: 'required_min', value: 6 } },
        password: {
            required: { message: 'default_required' },
            min: { message: 'required_min', value: 6 },
            max: { message: 'required_max', value: 20 },
            regex: { message: 'regex_invalid', value: /^[a-zA-Z0-9`!@#$%^&*()_+\-=\\[\]{};:"|,.<>?~']+$/ },
            extra: {
                message: 'passwords_cannot_be_the_same'
            }
        },
        confirmPassword: {
            required: { message: 'default_required' },
            min: { message: 'required_min', value: 6 },
            max: { message: 'required_max', value: 20 },
            extra: {
                message: 'passwords_must_be_match'
            }
        },
        email: {
            required: { message: 'default_required' },
            min: { message: 'required_min', value: 5 },
            max: { message: 'required_max', value: 255 },
            email: { message: 'email_invalid' },
            extra: { message: 'email_existed' },
            regex: { message: 'email_regex_invalid', value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i }
        }
    }
    export const FlattenSchema = flattenSchemaValue(Schema, BaseMessageErrorPrefix) 
}

export const zEmailRequiredValidator = z
    .string()
    .email(ValidatorConfig.Schema.email.email?.message)
    .min(ValidatorConfig.Schema.email.min?.value!, ValidatorConfig.Schema.email.min?.message)
    .max(ValidatorConfig.Schema.email.max?.value!, ValidatorConfig.Schema.email.max?.message)

export const zPasswordValidator = zRequiredValidator(ValidatorConfig.Schema.password.required?.message)
    .min(ValidatorConfig.Schema.password.min?.value!, ValidatorConfig.Schema.password.min?.message)
    .max(ValidatorConfig.Schema.password.max?.value!, ValidatorConfig.Schema.password.max?.message)
    .regex(new RegExp(ValidatorConfig.Schema.password.regex?.value!), ValidatorConfig.Schema.password.regex?.message)

export const zUsernameValidator = zRequiredValidator(ValidatorConfig.Schema.username.required?.message)
    .min(ValidatorConfig.Schema.username.min?.value!, ValidatorConfig.Schema.username.min?.message)
    .max(ValidatorConfig.Schema.username.max?.value!, ValidatorConfig.Schema.username.max?.message)
    .regex(new RegExp(ValidatorConfig.Schema.username.regex?.value!), ValidatorConfig.Schema.username.regex?.message)

Flatten message:

console.log(ValidatorConfig.FlattenSchema)
{
    "msg_error_default_required": {},
    "msg_error_username__required_min": {
        "min": 8
    },
    "msg_error_username__required_max": {
        "max": 50
    },
    "msg_error_username__regex_invalid": {
        "regex": {}
    },
    "msg_error_oldpassword__required_min": {
        "min": 6
    },
    "msg_error_password__required_min": {
        "min": 6
    },
    "msg_error_password__required_max": {
        "max": 20
    },
    "msg_error_password__regex_invalid": {
        "regex": {}
    },
    "msg_error_password__passwords_cannot_be_the_same": {},
    "msg_error_confirmpassword__required_min": {
        "min": 6
    },
    "msg_error_confirmpassword__required_max": {
        "max": 20
    },
    "msg_error_confirmpassword__passwords_must_be_match": {},
    "msg_error_email__required_min": {
        "min": 5
    },
    "msg_error_email__required_max": {
        "max": 255
    },
    "msg_error_email__email_invalid": {},
    "msg_error_email__email_existed": {},
    "msg_error_email__email_regex_invalid": {
        "regex": {}
    }
}