Форматтеры кода

Форматтеры кода ArrayKit приводят в порядок вставленный код, запросы и конфиги, чтобы их было проще читать, ревьюить и коммитить. Форматировщик SQL раскладывает запросы для MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle, Форматировщик JS / TS оформляет JavaScript, TypeScript и JSX или минифицирует JavaScript, а Форматировщик CSS / SCSS, Форматировщик HTML и Форматировщик XML наводят порядок в стилях и разметке. Для конфигов YAML ↔ JSON, INI в JSON и dotenv в JSON конвертируют в обе стороны, а Форматировщик TOML форматирует TOML и превращает его в JSON и обратно. Форматировщик GraphQL, Форматировщик OpenAPI / Swagger, Форматировщик Dockerfile и Форматировщик запросов MongoDB работают с описаниями API, файлами контейнеров и запросами к базам данных, а Оптимизатор SVG вычищает из иконок мусор, оставленный редакторами. Для документации Предпросмотр Markdown отображает Markdown в стиле GitHub прямо во время набора, HTML в Markdown конвертирует страницы и фрагменты, а Рендер диаграмм Mermaid рисует блок-схемы и диаграммы последовательностей в SVG. Для проверки работы есть Тестер regex для шаблонов, инструмент «Сравнить текст» для сравнения двух версий и «Проверка контраста» для пары цветов, а Конвертер цветов CSS и Конвертер единиц CSS переводят цвета и длины CSS. Они созданы для фронтенд-, бэкенд- и DevOps-инженеров и технических писателей. Всё работает в вашем браузере, поэтому ваш код остаётся на вашем устройстве и ничего не загружается.

• YAML ↔ JSON — Преобразуйте YAML в JSON и обратно.
• Предпросмотр Markdown — Преобразуйте Markdown в HTML с предпросмотром в реальном времени.
• Тестер regex — Тестируйте регулярные выражения в реальном времени: совпадения, группы и флаги.
• Конвертер цветов CSS — Преобразуйте между HEX, RGB и HSL с живым образцом цвета.
• Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.
• Конвертер MDX — Рендерит MDX как текст, преобразует HTML → MDX и экранирует текст в литеральный MDX.
• Форматировщик CSS / SCSS — Форматируйте или минифицируйте CSS/SCSS/LESS, сортируйте свойства и убирайте дубликаты.
• Форматировщик JS / TS — Форматирует JavaScript, TypeScript и JSX/TSX с опциями Prettier или минифицирует обычный JavaScript.
• Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
• Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
• Форматировщик SQL — Форматируйте SQL для MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle.
• Форматировщик GraphQL — Форматируйте или минифицируйте запросы и схемы GraphQL, проверяйте синтаксис и извлекайте операции.
• Форматировщик Dockerfile — Форматируйте Dockerfile и получайте рекомендации по лучшим практикам и линту.
• Форматирование запросов MongoDB — Форматируйте запросы оболочки MongoDB и конвейеры агрегации.
• Проверка контраста — Проверяйте коэффициент контраста WCAG и соответствие AA/AAA между двумя цветами.
• Рендер диаграмм Mermaid — Рендерит диаграммы Mermaid (поток, последовательность, gantt) в SVG в вашем браузере.
• Оптимизатор SVG — Минифицирует SVG: удаляет комментарии, метаданные и остатки редактора, сжимает пробелы.
• Форматировщик запросов MongoDB — Форматируйте и выравнивайте запросы MongoDB и выражения find() в браузере.
• Форматировщик агрегаций MongoDB — Форматируйте и выравнивайте конвейеры агрегации MongoDB в браузере.
• Обозреватель MongoDB — Изучайте образец документа или коллекции MongoDB и определяйте схему и типы его полей.
• Форматировщик OpenAPI / Swagger — Форматируйте и проверяйте спецификации OpenAPI / Swagger (JSON или YAML) и считайте пути и операции.
• Конвертер единиц CSS — Преобразование px, rem, em, pt и % вживую.
• Glob в regex — Преобразование glob-шаблона в regex JavaScript с тестером.
• HTML в Markdown — Преобразование HTML в чистый, читаемый Markdown.
• Форматировщик TOML — Форматирование TOML и преобразование в JSON и обратно.
• Конвертер logfmt в JSON — Преобразуйте логи logfmt key=value в JSON и обратно.
• dotenv в JSON — Преобразуйте файл .env в объект JSON и JSON обратно в .env.
• CSV в таблицу Markdown — Превратите CSV или TSV в таблицу Markdown в стиле GitHub.
• INI в JSON — Преобразуйте конфигурацию INI в JSON и JSON обратно в INI.
• Генератор таблиц Markdown — Таблицы Markdown в редактируемой сетке, экспорт в GFM, HTML, LaTeX
• Конвертер размера данных — Байты, биты и единицы KB/MB/GB и KiB/MiB/GiB сразу
• Properties в JSON — Конвертируйте .properties Java в JSON и обратно в браузере.

Часто задаваемые вопросы

Что можно делать с форматтерами кода ArrayKit?

Оформлять или минифицировать код, раскладывать SQL, проверять Dockerfile линтером и форматировать GraphQL, запросы MongoDB, спецификации OpenAPI и TOML. Также можно конвертировать конфиги между YAML, TOML, INI, .env, Java .properties, logfmt и JSON, просматривать Markdown и MDX, превращать HTML или CSV в Markdown, собирать таблицы Markdown и рендерить диаграммы Mermaid. Для быстрых проверок есть Тестер regex, Glob в regex, «Сравнить текст», «Проверка контраста» и Обозреватель MongoDB, а также конвертеры цветов CSS, единиц CSS и размеров данных.

Какие языки можно отформатировать или минифицировать?

Оформлять и минифицировать можно CSS, SCSS и LESS, HTML, XML и GraphQL, а оформлять — JavaScript, TypeScript, JSX и TSX, причём обычный JavaScript можно и минифицировать. Форматировщик SQL поддерживает MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle. Для Dockerfile, запросов MongoDB и спецификаций OpenAPI есть отдельные инструменты — Форматировщик Dockerfile, Форматировщик запросов MongoDB и Форматировщик OpenAPI / Swagger, а Оптимизатор SVG сжимает разметку SVG. Для JSON есть собственные форматировщик и просмотрщик в разделе инструментов JSON.

Безопасно ли вставлять закрытый или проприетарный код?

Да. Каждый форматтер и конвертер работает в вашем браузере, поэтому исходный код, SQL, конфиги и значения из файла .env обрабатываются на вашем устройстве и никогда не загружаются на сервер. Проприетарный код можно форматировать, не выпуская его за пределы вашего компьютера.

Изменит ли форматирование работу моего кода?

Оформление должно менять только внешний вид кода: отступы, переносы строк, пробелы и стиль кавычек. Минификация удаляет пробелы и комментарии, чтобы уменьшить файлы, а для JavaScript ещё и уплотняет сам код. Некоторые опции меняют содержимое намеренно: сортировка свойств CSS переставляет их, а удаление повторяющихся объявлений оставляет только последнее значение каждого свойства, из-за чего может пропасть намеренно добавленный фолбэк. Сравните результат в инструменте «Сравнить текст» и протестируйте его перед выкладкой.

Как конвертировать конфиги между YAML, TOML, INI, .env и JSON?

Выберите подходящий конвертер: YAML ↔ JSON и Форматировщик TOML работают в обе стороны, INI в JSON превращает [секции] во вложенные объекты и обратно, а dotenv в JSON переводит файлы .env в JSON и обратно, корректно обрабатывая значения в кавычках, комментарии и префиксы export. Properties в JSON умеет делать вложенными ключи с точками, например db.host, а Конвертер logfmt в JSON превращает строки логов вида key=value в объекты JSON и обратно.