Skip to content

mgechev/ngrev

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
March 20, 2021 11:41
December 30, 2020 02:08
January 12, 2021 20:33
e2e
January 17, 2021 20:35
src
July 26, 2021 17:40
December 30, 2020 02:08
December 30, 2020 02:08
January 16, 2021 20:26
December 30, 2020 02:08
December 30, 2020 02:08
December 30, 2020 02:08
December 30, 2020 02:08
December 30, 2020 02:08
December 30, 2020 02:08
December 30, 2020 02:08
January 16, 2021 20:26
January 16, 2021 21:35
January 16, 2021 20:26

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.

ngrev is not maintained by the Angular team. It's a side project developed by the open source community.

How to use?

macOS

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

The application is not signed, so you may have to explicitly allow your mac to run it in System Preferences -> Security & Privacy -> General.

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 Angular Ivy compiler. ngrev is not tested with versions older than v11. To stay up to date check the update guide on angular.io.

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.

Demo

Demo here.

Component template

Themes

Command + P

Module Dependencies

Release

To release:

  1. Update version in package.json.
  2. git commit -am vX.Y.Z && git tag vX.Y.Z
  3. git push && git push --tags

Contributors

mgechev vik-13
mgechev vik-13

License

MIT