arkit - architectural diagrams for JavaScript, TypeScript and Flow

(. arkitektur)

Ladies and gentlemen, I present to your attention arkit - a tool that analyzes the files of your project and generates a dependency diagram between them and external modules. It is probably easier to show with the example of arkit itself:



Thus, for each commit, this SVG-diagram is updated and allows you to always see the current overall picture. Overview of features at the moment:

• Associates project files with the specified architecture components;
• Groups projects and displays dependencies between them;
• Supports JavaScript, TypeScript, Flow, and also node-modules;
• Exports architecture visualization as SVG, PNG or Plant UML diagram;
• Integrated into the development process, so your CI, VCS, README and PR are satisfied.

Try it with a simple command npx arkit -o arkit.svg in the project folder and tell us how you got the result. Also, I wonder if there was a need for such a solution and what alternatives have you tried.