Pull to refresh

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

JavaScriptNode.JSData visualizationTypeScriptInfographics
arkit (швед. arkitektur)

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

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

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

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

Попробуйте его простой командой npx arkit -o arkit.svg в папке проекта и расскажите как вам результат. Также мне интересно была ли необходимость в таком решении и какие альтернативы вы пробовали.
Tags:javascripttypescriptflowархитектуравизуализациякод
Hubs: JavaScript Node.JS Data visualization TypeScript Infographics
Total votes 23: ↑22 and ↓1 +21
Views5.7K

Popular right now

Профессия Data Science
June 16, 2021114,000 ₽SkillFactory
Полный курс по Data Science
June 16, 2021114,000 ₽SkillFactory
Data Scientist
June 18, 2021126,000 ₽Нетология
Факультет аналитики Big Data
June 23, 2021270,000 ₽GeekBrains
Node.js: серверный JavaScript
June 28, 202127,000 ₽Loftschool