Generar un formulario desde su descripción en JSON y validar los envíos

1const lineas = require("fs").readFileSync(0, "utf8").split("\n");
2
3const TIPOS = ["texto", "email", "numero", "fecha", "area", "opcion", "radio", "casilla"];
4
5const escapar = (s) => String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
6
7/** "Matrícula de FP" → "matricula-de-fp" */
8const slug = (s) => s.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
9
10/** Comprueba la descripción de cada campo y devuelve solo los válidos. */
11function revisarCampos(campos) {
12  const validos = [];
13  campos.forEach((c, i) => {
14    const quien = `Campo ${i + 1}${c && c.nombre ? ` (${c.nombre})` : ""}`;
15    if (!c || typeof c.nombre !== "string" || !/^[a-z][a-z0-9_]*$/i.test(c.nombre)) console.log(`${quien}: nombre no válido`);
16    else if (!TIPOS.includes(c.tipo)) console.log(`${quien}: tipo desconocido «${c.tipo}»`);
17    else if ((c.tipo === "opcion" || c.tipo === "radio") && (!Array.isArray(c.opciones) || c.opciones.length === 0)) console.log(`${quien}: le faltan las opciones`);
18    else if (validos.some((v) => v.nombre === c.nombre)) console.log(`${quien}: nombre repetido`);
19    else validos.push({ ...c, etiqueta: c.etiqueta ?? c.nombre });
20  });
21  return validos;
22}
23
24const atributo = (nombre, valor) => (valor === undefined ? "" : ` ${nombre}="${escapar(valor)}"`);
25
26function generar(titulo, campos) {
27  const html = [`<form id="${slug(titulo) || "formulario"}" novalidate>`, `  <h2>${escapar(titulo)}</h2>`];
28  for (const c of campos) {
29    const etiqueta = escapar(c.etiqueta) + (c.obligatorio ? " *" : "");
30    const comunes = `id="${c.nombre}" name="${c.nombre}"${c.obligatorio ? " required" : ""}`;
31    switch (c.tipo) {
32      case "texto":
33      case "email":
34        html.push(`  <label for="${c.nombre}">${etiqueta}</label>`);
35        html.push(`  <input type="${c.tipo === "texto" ? "text" : "email"}" ${comunes}${atributo("minlength", c.min)}${atributo("maxlength", c.max)}>`);
36        break;
37      case "numero":
38        html.push(`  <label for="${c.nombre}">${etiqueta}</label>`);
39        html.push(`  <input type="number" ${comunes}${atributo("min", c.min)}${atributo("max", c.max)}>`);
40        break;
41      case "fecha":
42        html.push(`  <label for="${c.nombre}">${etiqueta}</label>`);
43        html.push(`  <input type="date" ${comunes}>`);
44        break;
45      case "area":
46        html.push(`  <label for="${c.nombre}">${etiqueta}</label>`);
47        html.push(`  <textarea ${comunes}${atributo("minlength", c.min)}${atributo("maxlength", c.max)}></textarea>`);
48        break;
49      case "opcion":
50        html.push(`  <label for="${c.nombre}">${etiqueta}</label>`);
51        html.push(`  <select ${comunes}>`);
52        html.push(`    <option value="">Elige una opción</option>`);
53        for (const o of c.opciones) html.push(`    <option value="${escapar(o)}">${escapar(o)}</option>`);
54        html.push("  </select>");
55        break;
56      case "radio":
57        // un grupo de radios va en un fieldset: la leyenda es la pregunta y cada label, una respuesta
58        html.push("  <fieldset>");
59        html.push(`    <legend>${etiqueta}</legend>`);
60        for (const o of c.opciones) {
61          html.push(`    <label><input type="radio" name="${c.nombre}" value="${escapar(o)}"${c.obligatorio ? " required" : ""}> ${escapar(o)}</label>`);
62        }
63        html.push("  </fieldset>");
64        break;
65      case "casilla":
66        html.push(`  <label><input type="checkbox" ${comunes}> ${etiqueta}</label>`);
67        break;
68    }
69  }
70  html.push('  <button type="submit">Enviar</button>', "</form>");
71  return html;
72}
73
74function fechaValida(t) {
75  if (!/^\d{4}-\d{2}-\d{2}$/.test(t)) return false;
76  const [a, m, d] = t.split("-").map(Number);
77  const f = new Date(Date.UTC(a, m - 1, d));
78  return f.getUTCFullYear() === a && f.getUTCMonth() === m - 1 && f.getUTCDate() === d;
79}
80
81/** Valida un envío (application/x-www-form-urlencoded) y lo convierte en un objeto con tipos. */
82function validar(campos, cuerpo) {
83  const datos = new URLSearchParams(cuerpo);
84  const errores = [], valores = {};
85  for (const c of campos) {
86    const bruto = datos.get(c.nombre);
87    const t = bruto === null ? "" : bruto.trim();
88    if (t === "") {
89      if (c.obligatorio) errores.push(`${c.nombre}: es obligatorio`);
90      valores[c.nombre] = c.tipo === "casilla" ? false : null;
91      continue;
92    }
93    const largo = [...t].length;
94    switch (c.tipo) {
95      case "numero": {
96        if (!/^-?\d+(\.\d+)?$/.test(t)) {
97          errores.push(`${c.nombre}: no es un número`);
98          break;
99        }
100        const n = Number(t);
101        if (c.min !== undefined && n < c.min) errores.push(`${c.nombre}: mínimo ${c.min}`);
102        else if (c.max !== undefined && n > c.max) errores.push(`${c.nombre}: máximo ${c.max}`);
103        valores[c.nombre] = n;
104        break;
105      }
106      case "fecha":
107        if (!fechaValida(t)) errores.push(`${c.nombre}: no es una fecha válida`);
108        valores[c.nombre] = t;
109        break;
110      case "email":
111      case "texto":
112      case "area":
113        if (c.tipo === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)) errores.push(`${c.nombre}: no es un correo válido`);
114        else if (c.min !== undefined && largo < c.min) errores.push(`${c.nombre}: mínimo ${c.min} caracteres`);
115        else if (c.max !== undefined && largo > c.max) errores.push(`${c.nombre}: máximo ${c.max} caracteres`);
116        valores[c.nombre] = t;
117        break;
118      case "opcion":
119      case "radio":
120        if (!c.opciones.includes(t)) errores.push(`${c.nombre}: «${t}» no es una opción válida`);
121        valores[c.nombre] = t;
122        break;
123      case "casilla":
124        if (t !== "on") errores.push(`${c.nombre}: valor no válido «${t}»`);
125        valores[c.nombre] = true;
126        break;
127    }
128  }
129  for (const clave of new Set(datos.keys())) {
130    if (!campos.some((c) => c.nombre === clave)) errores.push(`${clave}: campo desconocido`);
131  }
132  return { errores, valores };
133}
134
135function main() {
136  const corte = lineas.findIndex((l) => l.trim() === "---");
137  const fin = corte < 0 ? lineas.length : corte;
138  let esquema;
139  try {
140    esquema = JSON.parse(lineas.slice(0, fin).join("\n"));
141    if (!esquema || !Array.isArray(esquema.campos)) throw new Error();
142  } catch {
143    console.log("La descripción no es válida: hace falta un JSON con una lista «campos»");
144    return;
145  }
146  const campos = revisarCampos(esquema.campos);
147  for (const l of generar(esquema.titulo ?? "Formulario", campos)) console.log(l);
148  let n = 0;
149  for (const linea of lineas.slice(fin + 1)) {
150    if (!linea.trim()) continue;
151    n++;
152    const { errores, valores } = validar(campos, linea.trim());
153    if (errores.length === 0) {
154      console.log(`Envío ${n}: correcto`);
155      console.log("  " + JSON.stringify(valores));
156    } else {
157      console.log(`Envío ${n}: ${errores.length} ${errores.length === 1 ? "error" : "errores"}`);
158      for (const e of errores) console.log("  - " + e);
159    }
160  }
161}
162
163main();