Formateadores de código

Los formateadores de código de ArrayKit ordenan el código, las consultas y los archivos de configuración que pegas para que sean más fáciles de leer, revisar y versionar. Organiza consultas para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle con el Formateador de SQL, embellece JavaScript, TypeScript y JSX o minifica JavaScript con el Formateador de JS / TS, y limpia hojas de estilo y marcado con el Formateador de CSS / SCSS, el Formateador de HTML y el Formateador de XML. Para la configuración, YAML ↔ JSON, INI a JSON y dotenv a JSON convierten en ambos sentidos, y el Formateador de TOML da formato a TOML y lo convierte a JSON y viceversa. El Formateador de GraphQL, el Formateador de OpenAPI / Swagger, el Formateador de Dockerfile y el Formateador de consultas MongoDB se ocupan de definiciones de API, archivos de contenedor y consultas de bases de datos, y el Optimizador de SVG elimina de los iconos el código sobrante que dejan los editores. Para la documentación, Vista previa de Markdown renderiza Markdown con el estilo de GitHub mientras escribes, HTML a Markdown convierte páginas y fragmentos, y el Renderizador de diagramas Mermaid dibuja diagramas de flujo y de secuencia como SVG. Para revisar tu trabajo, prueba un patrón en el Probador de regex, compara dos versiones con Comparar texto, comprueba una pareja de colores con el Verificador de contraste, y convierte colores y longitudes CSS con el Conversor de colores CSS y el Conversor de Unidades CSS. Están pensados para ingenieros de frontend, backend y DevOps, y para redactores técnicos. Todo se ejecuta en tu navegador, así que tu código se queda en tu dispositivo y no se sube nada.

• YAML ↔ JSON — Convierte YAML a JSON y de vuelta.
• Vista previa de Markdown — Renderiza Markdown a HTML con vista previa en vivo.
• Probador de regex — Prueba expresiones regulares en vivo con coincidencias, grupos y banderas.
• Conversor de colores CSS — Convierte entre HEX, RGB y HSL con una muestra en vivo.
• Comparar texto — Compara dos textos línea por línea y ve adiciones y eliminaciones.
• Conversor de MDX — Renderiza MDX como texto, convierte HTML → MDX y escapa texto a MDX literal.
• Formateador de CSS / SCSS — Embellece o minifica CSS/SCSS/LESS, ordena propiedades y quita duplicados.
• Formateador de JS / TS — Embellece JavaScript, TypeScript y JSX/TSX con opciones de Prettier, o minifica JavaScript simple.
• Formateador de HTML — Embellece o minifica HTML, formatea CSS/JS en línea y previsualiza el resultado.
• Formateador de XML — Embellece, minifica y valida XML, y convierte XML ↔ JSON.
• Formateador de SQL — Formatea SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle.
• Formateador de GraphQL — Formatea o minifica consultas y esquemas GraphQL, valida la sintaxis y extrae operaciones.
• Formateador de Dockerfile — Formatea un Dockerfile y obtén sugerencias de buenas prácticas y lint.
• Formateador de consultas MongoDB — Formatea consultas del shell de MongoDB y pipelines de agregación.
• Verificador de contraste — Comprueba la relación de contraste WCAG y si pasa AA/AAA entre dos colores.
• Renderizador de diagramas Mermaid — Renderiza diagramas Mermaid (flujo, secuencia, gantt) a SVG en tu navegador.
• Optimizador de SVG — Minifica SVG: elimina comentarios, metadatos y restos del editor, y colapsa espacios.
• Embellecedor de consultas MongoDB — Embellece e indenta consultas MongoDB y sentencias find() en tu navegador.
• Embellecedor de agregaciones MongoDB — Embellece e indenta pipelines de agregación de MongoDB en tu navegador.
• Explorador de MongoDB — Explora una muestra de documento o colección de MongoDB e infiere el esquema y los tipos de sus campos.
• Formateador de OpenAPI / Swagger — Formatea y valida especificaciones OpenAPI / Swagger (JSON o YAML) y cuenta rutas y operaciones.
• Conversor de Unidades CSS — Convierte px, rem, em, pt y % al instante con un tamaño base.
• Glob a Regex — Convierte un patrón glob en una regex de JavaScript y pruébala.
• HTML a Markdown — Convierte HTML en Markdown limpio con tablas GFM y enlaces.
• Formateador de TOML — Formatea TOML y conviértelo a y desde JSON al instante.
• logfmt a JSON — Convierte registros logfmt key=value a JSON y de vuelta, con coerción de tipos.
• dotenv a JSON — Convierte un archivo .env en un objeto JSON y de vuelta a .env.
• CSV a tabla Markdown — Convierte CSV o TSV en una tabla Markdown estilo GitHub.
• INI a JSON — Convierte configuración INI a JSON y JSON de vuelta a INI.
• Generador de Tablas Markdown — Crea tablas en una cuadrícula editable y exporta GFM, HTML, AsciiDoc o LaTeX.
• Conversor de Tamaño de Datos — Convierte entre bytes, KB, MB, GB y unidades binarias KiB, MiB, GiB.
• Properties a JSON — Convierte .properties de Java a JSON y viceversa, en tu navegador.

Preguntas frecuentes

¿Qué puedo hacer con los formateadores de código de ArrayKit?

Embellecer o minificar código, organizar SQL, revisar un Dockerfile y dar formato a GraphQL, consultas de MongoDB, especificaciones OpenAPI y TOML. También puedes convertir configuración entre YAML, TOML, INI, .env, .properties de Java, logfmt y JSON, previsualizar Markdown y MDX, convertir HTML o CSV en Markdown, crear tablas Markdown y renderizar diagramas Mermaid. Para comprobaciones rápidas están el Probador de regex, Glob a Regex, Comparar texto, el Verificador de contraste y el Explorador de MongoDB, además de conversores de colores CSS, unidades CSS y tamaños de datos.

¿Qué lenguajes puedo embellecer o minificar?

Puedes embellecer y minificar CSS, SCSS y LESS, HTML, XML y GraphQL, y embellecer JavaScript, TypeScript, JSX y TSX, con minificación para JavaScript puro. El Formateador de SQL admite MySQL, PostgreSQL, SQL Server, SQLite, BigQuery y Oracle. Los Dockerfiles, las consultas de MongoDB y las especificaciones OpenAPI tienen sus propias herramientas en el Formateador de Dockerfile, el Formateador de consultas MongoDB y el Formateador de OpenAPI / Swagger, y el Optimizador de SVG reduce el marcado SVG. JSON tiene su propio formateador y visor en las herramientas JSON.

¿Es seguro pegar código privado o propietario?

Sí. Todos los formateadores y conversores se ejecutan en tu navegador, así que el código fuente, el SQL, los archivos de configuración y los valores de un archivo .env se procesan en tu dispositivo y nunca se suben a un servidor. Puedes formatear código propietario sin que salga de tu equipo.

¿Formatear cambia el funcionamiento de mi código?

Embellecer solo debería cambiar el aspecto del código: la sangría, los saltos de línea, los espacios y el estilo de las comillas. Minificar elimina espacios y comentarios para que los archivos pesen menos y, en JavaScript, también compacta el código. Algunas opciones cambian el contenido a propósito: ordenar las propiedades CSS las reordena, y eliminar declaraciones duplicadas conserva solo el último valor de cada propiedad, lo que puede quitar un valor de respaldo intencionado. Compara el resultado con Comparar texto y pruébalo antes de publicarlo.

¿Cómo convierto archivos de configuración entre YAML, TOML, INI, .env y JSON?

Elige el conversor que corresponda: YAML ↔ JSON y el Formateador de TOML funcionan en ambos sentidos, INI a JSON convierte las [secciones] en objetos anidados y viceversa, y dotenv a JSON pasa archivos .env a JSON y al revés, respetando los valores entre comillas, los comentarios y los prefijos export. Properties a JSON puede anidar claves con puntos como db.host, y logfmt a JSON convierte líneas de registro clave=valor en objetos JSON y viceversa.