Перейти к содержимому

Форматтер Flow

Форматируйте типизированный код JavaScript с помощью этого форматтера Flow. Вставьте код с псевдонимами типов, точными типами объектов, аннотированными функциями или директивой @flow, и инструмент отформатирует его токен за токеном: добавит отступы в два пробела, пробелы в аннотациях типов и вокруг операторов, точки с запятой в конце инструкций и компактные скобки точных типов объектов. Подойдет разработчикам, поддерживающим кодовые базы на Flow, которым нужны аккуратные фрагменты для проверок, миграций и документации.

Сбросить

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

Как работает форматтер Flow?

Он разбивает код на токены, такие как фигурные скобки, точки с запятой, операторы, строки и комментарии, а затем заново выстраивает код на их основе. В блоках используются отступы в два пробела, инструкции завершаются точками с запятой, а вокруг операторов расставляются единообразные пробелы.

Как форматируются точные типы объектов?

В точных типах объектов вертикальные черты располагаются вплотную к скобкам, а внутри ставятся пробелы, например: type Props = {| name: string, age: number |}. Пробелы после двоеточий и запятых внутри типа приводятся к единому виду.

Сохраняется ли комментарий @flow?

Да, директива // @flow и все остальные однострочные и блочные комментарии сохраняются. Однострочный комментарий всегда завершает строку, поэтому следующий фрагмент кода начинается с новой строки.

Проверяет ли форматтер типы в моем коде?

Нет, он не запускает Flow и не проверяет синтаксис, поэтому форматирует и незавершенные фрагменты. Чтобы найти ошибки типов в проекте, запустите flow check.

Сохраняются ли обобщения и параметры типов?

Да, угловые скобки в типах, например Array<string> или Map<K, V>, распознаются, чтобы их не приняли за операторы сравнения. Пробелы после запятых внутри них приводятся к единому виду.

Можно ли изменить размер отступа?

Нет, результат всегда использует отступы в два пробела, и параметров стиля нет. Благодаря этому форматирование остается единообразным при каждом запуске и у всех участников команды.

Меняются ли строки?

Нет, строковые литералы, шаблонные литералы и регулярные выражения копируются в точности так, как написаны. Меняются только пробелы между токенами.

Почему вывод заключен в блок кода с ограждением javascript?

Flow имеет тип JavaScript, поэтому результат возвращается в виде блока кода Markdown с пометкой javascript, который корректно отображается в большинстве подсветчиков синтаксиса. Скопируйте строки между ограждениями в файл .js или .flow.

Изменится ли поведение моего кода после форматирования?

Инструмент только переставляет пробелы и добавляет точки с запятой в конце инструкций. Проверьте результат, если в вашем коде есть строки без точек с запятой, начинающиеся с круглой или квадратной скобки.

Какой объём кода можно отформатировать?

До 5 MB кода за один запуск; более крупный ввод отклоняется с сообщением. Результат идентичен варианту Flow в форматере кода.

О проекте OneClick Pro

OneClick Pro — это бесплатная коллекция из более чем 150 веб-инструментов для повседневных задач: преобразования изображений и единиц измерения, форматирования и проверки кода, проверки доменов и SEO, а также работы с текстом, датами и числами. Все инструменты доступны без регистрации и подписки, а введенные вами данные используются только для расчета результата и никогда не сохраняются. Используйте коллекцию как быстрый набор инструментов для разовых задач или добавьте в закладки те, которыми пользуетесь каждый день.