/ngrev

Tool for reverse engineering of Angular applications

Primary LanguageTypeScriptMIT LicenseMIT

ngrev

ngrev

Graphical tool for reverse engineering of Angular projects. It allows you to navigate in the structure of your application and observe the relationship between the different modules, providers, and directives. The tool performs static code analysis which means that you don't have to run your application in order to use it.

How to use?

macOS

  1. Go to the releases page.
  2. Download the latest *.dmg file.
  3. Install the application.

Linux

  1. Go to the releases page.
  2. Download the latest *.AppImage file.
  3. Run the *.AppImage file (you may need to chmod +x *.AppImage).

Windows

  1. Go to the releases page.
  2. Download the latest *.exe file.
  3. Install the application.

Creating a custom theme

You can add your own theme by creating a [theme-name].theme.json file in Electron [userData]/themes. For a sample theme see Dark.

Application Requirements

Your application needs to be compatible with the Angular's AoT compiler (i.e. you should be able to compile it with ngc).

Using with Angular CLI

  1. Open the Angular's application directory.
  2. Make sure the dependencies are installed.
  3. Open ngrev.
  4. Click on Select Project and select [YOUR_CLI_APP]/src/tsconfig.app.json.

Using with Angular Seed

  1. Open the Angular's application directory.
  2. Make sure the dependencies are installed.
  3. Open ngrev.
  4. Click on Select Project and select [YOUR_CLI_APP]/src/client/tsconfig.json.

Demo

Demo here.

Component template

Themes

Command + P

Module Dependencies

Contributors

mgechev MichalMaM
mgechev MichalMaM

License

MIT