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 on an 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 specified architecture components;
• Groups projects and displays dependencies between them;
• Supports JavaScript, TypeScript, Flow, as well as node modules;
• Exports an architecture visualization as an SVG, PNG, or Plant UML diagram;
• Integrates into the development process, so your CI, VCS, README and PR are happy.

Try it with a simple command npx arkit -o arkit.svgin the project folder and tell us how you get the result. I also wonder if there was a need for such a solution and what alternatives you tried.