habrahabr

arkit — архитектурные диаграммы для JavaScript, TypeScript и Flow

  • четверг, 14 марта 2019 г. в 00:20:18
https://habr.com/ru/post/443560/
  • JavaScript
  • Node.JS
  • TypeScript
  • Визуализация данных
  • Инфографика


arkit (швед. arkitektur)

Дамы и господа, представляю вашему вниманию arkit — инструмент, который анализирует файлы вашего проекта и генерирует диаграмму зависимостей между ними и внешними модулями. Наверное, проще показать на примере самого arkit:

архитектурная диаграмма

Таким образом, по каждому коммиту, эта SVG-диаграмма обновляется и позволяет всегда видеть актуальную общую картину. Обзор возможностей на данный момент:

  • Ассоциирует файлы проекта с указанными компонентами архитектуры;
  • Группирует проекты и отображает зависимости между ними;
  • Поддерживает JavaScript, TypeScript, Flow, а также node-модули;
  • Экспортирует визуализацию архитектуры как SVG, PNG или Plant UML диаграмму;
  • Интегрируется в процесс разработки, поэтому вашм CI, VCS, README и PR довольны.

Попробуйте его простой командой npx arkit -o arkit.svg в папке проекта и расскажите как вам результат. Также мне интересно была ли необходимость в таком решении и какие альтернативы вы пробовали.