# Technologies

# Main parts

• UI : vanilla JS + webcomponents

• CSS : with BEM methodology http://getbem.com/

• Graph view : mxGraph https://github.com/jgraph/mxgraph

• Codebase view : codemirror

• Codebase parsing : ts-query

• Dependency tree : start with https://github.com/dependents/node-dependency-tree ?

https://github.com/dependents/node-precinct

https://github.com/pahen/detective-typescript

https://github.com/eslint/typescript-eslint-parser

https://github.com/JamesHenry/typescript-estree

intellisenses VSCode ?

https://github.com/typhonjs-node-escomplex/typhonjs-escomplex

Raw ideas :

• create dependency tree of files

• list in global : classes, files, functions

• link them globally and inside each class and function code, references etc

Performance tricks :

• typescript + rollup + code splitting

• typescript AST generation inside web worker

UML TypeScript :

https://github.com/joaompneves/tsviz

https://github.com/joaompneves/tsviz/blob/master/src/ts-analyser.ts

# Notes on E2E testing

Testcafe was selected as a cross browser solution without WebDriver. An issue with their internal http-reverse-proxy and native ES6 module breaks E2E testing with Stencil Web Components. -> Switching to Cypress.io during the fix of this issue. Test onl on Chrome.