Integración validadores Fonk

[brauliodiez]

Evaluando como son los adaptadores:

function required(customArgs: RequiredArgs): ValidatorFn {
  return (control: AbstractControl): {[key: string]: any} | null => {

    const fieldValidatorArgs = {value: control.value, customArgs }; // TODO: customArgs es opcional
    const validationResult = Validators.required.validator(fieldValidatorArgs) as ValidationResult;

    let validationErrorObject = null;
    if (!validationResult.succeeded) {
      validationErrorObject = {
        fonkRequired: validationResult
      };
    }

    return validationErrorObject;
  };
}

interface PatternArgs {
  pattern: string | RegExp;
}

function pattern(customArgs: PatternArgs): ValidatorFn {
  return (control: AbstractControl): {[key: string]: any} | null => {

    const fieldValidatorArgs = {value: control.value, customArgs };
    const validationResult = Validators.pattern.validator(fieldValidatorArgs) as ValidationResult;

    let validationErrorObject = null;
    if (!validationResult.succeeded) {
      validationErrorObject = {
        fonkPattern: validationResult
      };
    }

    return validationErrorObject;
  };
}

Igual podríamos hacer un adaptador genérico:

• Por un lado tenemos dentro de cada validador un TYPE que lo identifica (que de momento no se exporta), eso nos vale para ponerlo como unicoa en el validationErrorObject (tengo que mirar no se si el validator devuelve el TYPE).

• Por otro lado los parametros CustomArgs podemos arrancar por no tiparlos, pero tambíen se podría mirar de tiparlos con un genérico.

Aún así habría que escribir algo de código para cada validador, de momento veo algo así como (esto es pseudocodigo :)):

import { Validators, ValidationResult, validationType } from '@lemoncode/fonk';

function patternValidation = (customArgs : patternArgs) => {
  return fonkToAngularValidation(validationType, customArgs) 
}

function fonkToAngularValidation<T>(validationType, validator, customArgs: T): ValidatorFn {
  return (control: AbstractControl): {[key: string]: any} | null => {

    const fieldValidatorArgs = {value: control.value, customArgs };
    const validationResult = validator(fieldValidatorArgs) as ValidationResult;

    let validationErrorObject = null;
    if (!validationResult.succeeded) {
      validationErrorObject = {
        [validationType]: validationResult
      };
    }

    return validationErrorObject;
  };
}

[carherco]

¿Y simplemente una única función con esta huella?

fonkToAngular(validator, customArgs);

Por ejemplo:

fonkToAngular(Validator.required, {trim: true});

Quedando el uso en formularios de Angular de la siguiente manera:

const userForm = new FormGroup({
  user: new FormControl('default_value', [fonkToAngular(Validators.required, {trim: false}), fonkToAngular(Validators.email)]),
  password: new FormControl('default_value', [fonkToAngular(Validators.required), fonkToAngular(Validators.maxLength, {length: 20})])
});

Total, en fonk tampoco hay tipado cuando pones los customArgs en el Validation Schema...