Skip to content
forked from mgechev/ngrev

Tool for reverse engineering of Angular applications

License

Notifications You must be signed in to change notification settings

Julianhm9612/ngrev

 
 

Repository files navigation

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

About

Tool for reverse engineering of Angular applications

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 93.4%
  • JavaScript 5.9%
  • Other 0.7%