Formatadores de Código

Os Formatadores de Código do ArrayKit reúnem as tarefas diárias que mantêm código e configuração limpos, tudo em um só lugar e no seu navegador. Embeleze ou minifique CSS, SCSS e LESS, JavaScript, TypeScript e JSX, HTML, XML, SQL em seis dialetos, GraphQL e Dockerfiles com os Formatadores de CSS, JS, HTML e SQL. Converta entre formatos com o YAML para JSON, o Formatador TOML, o HTML para Markdown e o Glob para Regex, e organize contratos de API com o Formatador OpenAPI / Swagger. Complete o conjunto com o Testador de Regex, o Text Diff, os Conversores de Cor e Unidade CSS, o Verificador de Contraste, o Renderizador de Diagramas Mermaid, o Otimizador de SVG, a Prévia de Markdown e as ferramentas de query, agregação e schema do MongoDB. Feito para engenheiros de frontend, backend e DevOps, tudo é processado localmente 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 ou minifique JavaScript, TypeScript e JSX/TSX com opções do Prettier.
• 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?

Você pode embelezar ou minificar código (CSS, SCSS, LESS, JavaScript, TypeScript, JSX, HTML, XML, SQL, GraphQL e Dockerfiles), converter entre formatos como YAML para JSON, TOML para JSON, HTML para Markdown e glob para regex, validar XML, OpenAPI e TOML, testar expressões regulares, comparar texto, verificar contraste de cores e renderizar diagramas Mermaid — tudo em uma só categoria.

Os Formatadores de Código são seguros para código privado?

Sim. Toda ferramenta roda no seu navegador, então o código, as queries e a configuração que você cola são processados localmente e nunca saem do dispositivo. Nada é enviado para um servidor, o que os torna seguros para arquivos-fonte proprietários ou sensíveis.

Quais linguagens e formatos os Formatadores de Código suportam?

A categoria abrange CSS/SCSS/LESS, JavaScript, TypeScript e JSX, HTML, XML, SQL em MySQL, PostgreSQL, SQL Server, SQLite, BigQuery e Oracle, GraphQL, Dockerfiles e MongoDB. Também converte YAML, JSON, TOML, HTML, Markdown e especificações OpenAPI/Swagger, e otimiza SVG.

Posso tanto embelezar quanto minificar meu código aqui?

Sim. Os Formatadores de CSS, JS, HTML, XML e GraphQL suportam embelezar para leitura e minificar para produção, e várias ferramentas adicionam extras como ordenar propriedades, remover duplicatas ou validar a sintaxe.

Os Formatadores de Código fazem mais do que formatar código?

Sim. Além de formatar, eles convertem dados entre formatos (YAML/JSON, TOML/JSON, HTML/Markdown, glob/regex, unidades e cores CSS), testam expressões regulares, comparam dois textos, verificam o contraste de cores WCAG, renderizam diagramas Mermaid e inspecionam documentos do MongoDB.

Preciso instalar algo para usar os Formatadores de Código?

Nenhuma instalação é necessária. As ferramentas rodam no seu navegador assim que a página carrega e todo o processamento acontece localmente no seu dispositivo, então você pode formatar, converter e validar imediatamente.