Formatadores de Código

Os formatadores de código do ArrayKit organizam o código, as consultas e os arquivos de configuração que você cola, para que fiquem mais fáceis de ler, revisar e versionar. Formate consultas para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle com o Formatador de SQL, embeleze JavaScript, TypeScript e JSX ou minifique JavaScript com o Formatador de JS / TS, e arrume folhas de estilo e marcação com o Formatador de CSS / SCSS, o Formatador de HTML e o Formatador de XML. Para configuração, YAML ↔ JSON, INI para JSON e dotenv para JSON convertem nos dois sentidos, e o Formatador TOML formata TOML e o converte em JSON e de volta. O Formatador de GraphQL, o Formatador de OpenAPI / Swagger, o Formatador de Dockerfile e o Formatador de consultas MongoDB cuidam de definições de API, arquivos de contêiner e consultas de banco de dados, e o Otimizador de SVG remove dos ícones o excesso deixado pelos editores. Para documentação, a Prévia de Markdown renderiza Markdown no estilo do GitHub enquanto você digita, o HTML para Markdown converte páginas e trechos, e o Renderizador de diagramas Mermaid desenha fluxogramas e diagramas de sequência em SVG. Para conferir o trabalho, teste um padrão no Testador de regex, compare duas versões com o Comparar texto, avalie um par de cores com o Verificador de contraste e converta cores e medidas CSS com o Conversor de cores CSS e o Conversor de Unidades CSS. Eles foram feitos para engenheiros de front-end, back-end e DevOps e para redatores técnicos. Tudo roda no seu navegador, então seu código fica no seu dispositivo e nada é enviado.

• YAML ↔ JSON — Converta YAML para JSON e vice-versa.
• Prévia de Markdown — Renderize Markdown em HTML com prévia ao vivo.
• Testador de regex — Teste expressões regulares ao vivo com correspondências, grupos e flags.
• Conversor de cores CSS — Converta entre HEX, RGB e HSL com uma amostra ao vivo.
• Comparar texto — Compare dois textos linha por linha e veja adições e remoções.
• Conversor de MDX — Renderize MDX como texto, converta HTML → MDX e escape texto para MDX literal.
• Formatador de CSS / SCSS — Embeleze ou minifique CSS/SCSS/LESS, ordene propriedades e remova duplicatas.
• Formatador de JS / TS — Embeleze JavaScript, TypeScript e JSX/TSX com opções do Prettier, ou minifique JavaScript puro.
• Formatador de HTML — Embeleze ou minifique HTML, formate CSS/JS inline e veja a prévia do resultado.
• Formatador de XML — Embeleze, minifique e valide XML, e converta XML ↔ JSON.
• Formatador de SQL — Formate SQL para MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle.
• Formatador de GraphQL — Formate ou minifique consultas e esquemas GraphQL, valide a sintaxe e extraia operações.
• Formatador de Dockerfile — Formate um Dockerfile e receba sugestões de boas práticas e lint.
• Formatador de consultas MongoDB — Formate consultas do shell do MongoDB e pipelines de agregação.
• Verificador de contraste — Verifique a relação de contraste WCAG e se passa em AA/AAA entre duas cores.
• Renderizador de diagramas Mermaid — Renderize diagramas Mermaid (fluxo, sequência, gantt) em SVG no seu navegador.
• Otimizador de SVG — Minifique SVG: remova comentários, metadados e restos do editor, e colapse espaços.
• Embelezador de consultas MongoDB — Embeleze e indente consultas MongoDB e instruções find() no seu navegador.
• Embelezador de agregações MongoDB — Embeleze e indente pipelines de agregação do MongoDB no seu navegador.
• Explorador do MongoDB — Explore uma amostra de documento ou coleção do MongoDB e infira o esquema e os tipos dos campos.
• Formatador de OpenAPI / Swagger — Formate e valide especificações OpenAPI / Swagger (JSON ou YAML) e conte caminhos e operações.
• Conversor de Unidades CSS — Converta px, rem, em, pt e % com um tamanho de fonte raiz configurável.
• Glob para Regex — Converta um padrão glob em regex JavaScript e teste contra caminhos.
• HTML para Markdown — Converta HTML em Markdown limpo com tabelas GFM, listas e links.
• Formatador TOML — Formate TOML e converta de e para JSON com erros de análise claros.
• Conversor logfmt para JSON — Converta logs logfmt key=value para JSON e de volta, com valores entre aspas e coerção de tipos.
• dotenv para JSON — Converta um arquivo .env em um objeto JSON e JSON de volta em .env, no navegador.
• CSV para Tabela Markdown — Transforme CSV ou TSV em uma tabela Markdown no estilo do GitHub, no navegador.
• INI para JSON — Converta configuração INI em JSON e JSON de volta em INI, com seções e chaves globais, no navegador.
• Gerador de Tabela Markdown — Monte tabelas Markdown numa grade editável e exporte vários formatos.
• Conversor de Tamanho de Dados — Converta entre bytes, KB, MB, GB e unidades binárias KiB, MiB, GiB.
• Properties para JSON — Converta .properties do Java para JSON e volte, no navegador.

Perguntas frequentes

O que posso fazer com os formatadores de código do ArrayKit?

Embelezar ou minificar código, formatar SQL, fazer lint de um Dockerfile e formatar GraphQL, consultas MongoDB, especificações OpenAPI e TOML. Você também pode converter configurações entre YAML, TOML, INI, .env, .properties do Java, logfmt e JSON, pré-visualizar Markdown e MDX, transformar HTML ou CSV em Markdown, montar tabelas Markdown e renderizar diagramas Mermaid. Para verificações rápidas, há o Testador de regex, o Glob para Regex, o Comparar texto, o Verificador de contraste e o Explorador do MongoDB, além de conversores de cores CSS, unidades CSS e tamanhos de dados.

Quais linguagens posso embelezar ou minificar?

Você pode embelezar e minificar CSS, SCSS e LESS, HTML, XML e GraphQL, e embelezar JavaScript, TypeScript, JSX e TSX, com minificação para JavaScript puro. O Formatador de SQL trabalha com MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle. Dockerfiles, consultas MongoDB e especificações OpenAPI têm ferramentas próprias: o Formatador de Dockerfile, o Formatador de consultas MongoDB e o Formatador de OpenAPI / Swagger; já o Otimizador de SVG reduz a marcação SVG. O JSON tem formatador e visualizador próprios nas ferramentas JSON.

É seguro colar código privado ou proprietário?

Sim. Todos os formatadores e conversores rodam no seu navegador, então código-fonte, SQL, arquivos de configuração e os valores de um arquivo .env são processados no seu dispositivo e nunca são enviados a um servidor. Você pode formatar código proprietário sem que ele saia da sua máquina.

A formatação muda o funcionamento do meu código?

Embelezar deve mudar apenas a aparência do código: indentação, quebras de linha, espaçamento e estilo de aspas. Minificar remove espaços em branco e comentários para deixar os arquivos menores e, no caso do JavaScript, também compacta o código. Algumas opções alteram o conteúdo de propósito: ordenar as propriedades CSS muda a ordem delas, e remover declarações duplicadas mantém só o último valor de cada propriedade, o que pode eliminar um fallback intencional. Compare o resultado com o Comparar texto e teste antes de publicar.

Como converto arquivos de configuração entre YAML, TOML, INI, .env e JSON?

Escolha o conversor correspondente: YAML ↔ JSON e o Formatador TOML funcionam nos dois sentidos, INI para JSON transforma [seções] em objetos aninhados e vice-versa, e dotenv para JSON converte arquivos .env em JSON e de volta, tratando valores entre aspas, comentários e prefixos export. Properties para JSON pode aninhar chaves com ponto, como db.host, e o Conversor logfmt para JSON transforma linhas de log key=value em objetos JSON e vice-versa.