Skip to content

Commit dcaa34a

Browse files
committed
Updated Readme.md, Changelog.md and package.json
1 parent 26a5743 commit dcaa34a

File tree

3 files changed

+15
-2
lines changed

3 files changed

+15
-2
lines changed

CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
# Change Log
22

3+
## Version 1.6.0
4+
5+
- Added Dependency injection graph command that visualizes what services are injected into the components. Graph also include all the inputs, outputs, viewchild, viewchildren, contentchild and contentchildren of each component.
6+
37
## Version 1.5.1
48

59
- Now using webpack to reduce size of extension.

README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ Find it on the [Visual Studio Code marketplace](https://marketplace.visualstudio
1111
## Features
1212

1313
* Show the module hierarchy
14+
* Show the dependency injection graph
1415
* Show the component hierarchy
1516
* Generate DGML graph of project component hierarchy
1617
* Summarizes all the Angular modules
@@ -34,6 +35,14 @@ In the visualization the classes will be colored depending on the class decorato
3435

3536
![Show module hierarchy](https://github.com/CoderAllan/vscode-angulartools/raw/main/images/ShowModuleHierarchy.gif)
3637

38+
### Show the dependency injection graph [#](#show-dependency-injection-graph- 'Show the dependency injection graph')
39+
40+
The 'Show a graph representing the components and the injected dependencies' command generates a directed graph representing the components and the services injected into the components of an Angular application. The command scans all *.ts files of the application and for each class decorated with the @Component decorator, it analyses the constructor and each field in the class to identify all injected classes and to identify all the fields decorated with the Input, Output, ViewChild, ViewChildren, ContentChild and ContentChildren decorators.
41+
42+
In the visualization the components will by default be colored dark blue and the injected classes will be colored light blue.
43+
44+
![Show dependency injection graph](https://github.com/CoderAllan/vscode-angulartools/raw/main/images/ShowDependencyInjectionGraph.gif)
45+
3746
### Show the component hierarchy [#](#show-component-hierarchy- 'Show the component hierarchy')
3847

3948
The 'Show the component hierarchy' command is used for visualizing the component hierarchy and Angular application. It analyses all the *.component.ts files and all the corresponding template files to determine how the component use each other and then generates a directed graph showing the component hierarchy.

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@
44
"displayName": "AngularTools",
55
"description": "AngularTools is a collection of tools for exploring an Angular project, help you with documenting, reverse engineering a project or help when refactoring.",
66
"icon": "logo.png",
7-
"version": "1.5.1",
7+
"version": "1.6.0",
88
"license": "MIT",
99
"repository": "https://github.com/CoderAllan/vscode-angulartools",
1010
"author": {
1111
"name": "Allan Simonsen",
1212
"url": "https://github.com/CoderAllan"
1313
},
1414
"engines": {
15-
"vscode": "^1.53.0"
15+
"vscode": "^1.54.0"
1616
},
1717
"categories": [
1818
"Other",

0 commit comments

Comments
 (0)