Formateador de Flow
Da formato al código tipado de Flow en JavaScript con este formateador de Flow. Pega código con alias de tipo, tipos de objeto exactos, funciones anotadas o la directiva @flow, y la herramienta lo reorganizará token por token con sangría de dos espacios, espacios en las anotaciones de tipo y los operadores, puntos y coma al final de las instrucciones y llaves ajustadas para los objetos exactos. Útil para desarrolladores que mantienen bases de código Flow y quieren fragmentos limpios para revisiones, migraciones y documentación.
Preguntas frecuentes
¿Cómo funciona el formateador de Flow?
Divide el código en tokens, como llaves, puntos y coma, operadores, cadenas y comentarios, y reconstruye el diseño a partir de ellos. Los bloques llevan una sangría de dos espacios, las instrucciones terminan con puntos y coma y los operadores tienen un espaciado uniforme.
¿Cómo se formatean los tipos de objeto exactos?
En los tipos de objeto exactos, las barras se mantienen pegadas a las llaves, con un espacio dentro; por ejemplo, type Props = {| name: string, age: number |}. Se normalizan los espacios después de los dos puntos y las comas dentro del tipo.
¿Se conserva el comentario @flow?
Sí, se conservan la directiva // @flow y todos los demás comentarios de línea y de bloque. Un comentario de línea siempre termina su línea, así que el código siguiente empieza en una línea nueva.
¿El formateador comprueba los tipos de mi código?
No, no ejecuta Flow ni valida la sintaxis, así que también da formato a fragmentos incompletos. Ejecuta flow check en tu proyecto para encontrar errores de tipos.
¿Se conservan los genéricos y los parámetros de tipo?
Sí, se controlan los corchetes angulares en tipos como Array<string> o Map<K, V> para no confundirlos con operadores de comparación. Se normaliza el espaciado después de las comas que contienen.
¿Puedo cambiar el ancho de la sangría?
No, el resultado siempre usa dos espacios y no hay opciones de estilo. Así se mantiene un formato uniforme entre ejecuciones y entre los miembros del equipo.
¿Se modifican las cadenas?
No, los literales de cadena, los literales de plantilla y las expresiones regulares se copian exactamente como están escritos. Solo se cambian los espacios en blanco entre tokens.
¿Por qué el resultado está dentro de un bloque javascript?
Flow está tipado como JavaScript, por lo que el resultado se devuelve como un bloque de código Markdown marcado como javascript, que la mayoría de los resaltadores muestran correctamente. Copie las líneas entre las cercas para su archivo .js o .flow.
¿El formato cambiará lo que hace mi código?
La herramienta solo reorganiza los espacios en blanco y añade punto y coma al final de las instrucciones. Revise el resultado si su código depende de líneas sin punto y coma que empiezan con un paréntesis o corchete.
¿Cuánto código puedo dar formato?
Hasta 5 MB de código por ejecución; las entradas mayores se rechazan con un mensaje. El resultado es idéntico a la opción Flow del Formateador de código.