angular-ast-viz - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

angular-ast-viz.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"AstTreeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-ast-tree","template":"<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <app-ast-tree *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n                  [key]=\"key\"></app-ast-tree>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <app-ast-tree (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></app-ast-tree>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n","styles":[".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"selectNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"AstTreeModule":"./src/app/ast-tree/ast-tree.module","ɵa":"./src/app/ast-tree/ast-tree.component"},"importAs":"angular-ast-viz"}
+{"__symbolic":"module","version":4,"metadata":{"AstVizModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ast-viz","template":"<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <ast-viz *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n             [key]=\"key\"></ast-viz>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <ast-viz (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></ast-viz>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":19},"member":"OnPush"},"styles":[".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]}]}],"members":{"node":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"selectNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"AstVizModule":"./src/app/ast-tree/ast-tree.module","ɵa":"./src/app/ast-tree/ast-tree.component"},"importAs":"angular-ast-viz"}

bundles/angular-ast-viz.umd.js

@@ -49,4 +49,5 @@ (function (global, factory) {
     { type: core.Component, args: [{
-                selector: 'app-ast-tree',
-                template: "<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <app-ast-tree *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n                  [key]=\"key\"></app-ast-tree>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <app-ast-tree (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></app-ast-tree>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n",
+                selector: 'ast-viz',
+                template: "<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <ast-viz *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n             [key]=\"key\"></ast-viz>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <ast-viz (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></ast-viz>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n",
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
                 styles: [".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]
@@ -61,8 +62,8 @@ },] },
 };
-var AstTreeModule = /** @class */ (function () {
-    function AstTreeModule() {
+var AstVizModule = /** @class */ (function () {
+    function AstVizModule() {
     }
-    return AstTreeModule;
+    return AstVizModule;
 }());
-AstTreeModule.decorators = [
+AstVizModule.decorators = [
     { type: core.NgModule, args: [{
@@ -76,5 +77,5 @@ imports: [
 ];
-AstTreeModule.ctorParameters = function () { return []; };
+AstVizModule.ctorParameters = function () { return []; };
 
-exports.AstTreeModule = AstTreeModule;
+exports.AstVizModule = AstVizModule;
 exports.ɵa = AstTreeComponent;
@@ -81,0 +82,0 @@

bundles/angular-ast-viz.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],n):n(e["angular-ast-viz"]={},e.ng.core,e.ng.common)}(this,function(e,n,t){"use strict";var o=new Set(["type","start","end","loc","comments","tokens","sourceType","directives","extra"]),r=function(){function e(){this.node={},this.selectNode=new n.EventEmitter}return Object.defineProperty(e.prototype,"specialKeys",{get:function(){return Object.keys(this.node).filter(function(e){return!o.has(e)})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"stringKeys",{get:function(){var n=this;return this.specialKeys.filter(function(e){return"string"==typeof n.node[e]||"number"==typeof n.node[e]})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"objectKeys",{get:function(){var n=this;return this.specialKeys.filter(function(e){return"object"==typeof n.node[e]}).reverse()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isArray",{get:function(){return Array.isArray(this.node)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}();r.decorators=[{type:n.Component,args:[{selector:"app-ast-tree",template:'<ng-container *ngIf="node">\n  <div *ngIf="node.type" fxLayout>\n    <div class="box {{node.type}}" (click)="selectNode.emit(node)" fxLayout>\n      <span class="key">{{key ? key + \': \' : \'\'}}</span>\n      <span class="node">{{node.type}}</span>\n    </div>\n    <span class="props" *ngFor="let key of stringKeys">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf="node.type" style="padding-left: 20px;">\n    <app-ast-tree *ngFor="let key of objectKeys" [node]="node[key]" (selectNode)="selectNode.emit($event)"\n                  [key]="key"></app-ast-tree>\n  </div>\n  <ng-container *ngIf="isArray">\n    <ng-container *ngIf="node.length > 0">\n      <div class="box Array">{{key}}: [</div>\n      <div style="margin-left: 20px" *ngFor="let child of node">\n        <app-ast-tree (selectNode)="selectNode.emit($event)" [node]="child"></app-ast-tree>\n      </div>\n      <div class="box Array">]</div>\n    </ng-container>\n    <ng-container *ngIf="node.length ===  0">\n      <div class="box Array">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf="!node">\n  <div class="box Empty" fxLayout>\n    <span class="key">{{key ? key + \': \' : \'\'}}</span>\n    <span class="node">Null</span>\n  </div>\n</ng-container>\n',styles:[".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]}]}],r.ctorParameters=function(){return[]},r.propDecorators={node:[{type:n.Input}],key:[{type:n.Input}],selectNode:[{type:n.Output}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule],declarations:[r],exports:[r]}]}],a.ctorParameters=function(){return[]},e.AstTreeModule=a,e.ɵa=r,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],n):n(e["angular-ast-viz"]={},e.ng.core,e.ng.common)}(this,function(e,n,t){"use strict";var o=new Set(["type","start","end","loc","comments","tokens","sourceType","directives","extra"]),r=function(){function e(){this.node={},this.selectNode=new n.EventEmitter}return Object.defineProperty(e.prototype,"specialKeys",{get:function(){return Object.keys(this.node).filter(function(e){return!o.has(e)})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"stringKeys",{get:function(){var n=this;return this.specialKeys.filter(function(e){return"string"==typeof n.node[e]||"number"==typeof n.node[e]})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"objectKeys",{get:function(){var n=this;return this.specialKeys.filter(function(e){return"object"==typeof n.node[e]}).reverse()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isArray",{get:function(){return Array.isArray(this.node)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e}();r.decorators=[{type:n.Component,args:[{selector:"ast-viz",template:'<ng-container *ngIf="node">\n  <div *ngIf="node.type" fxLayout>\n    <div class="box {{node.type}}" (click)="selectNode.emit(node)" fxLayout>\n      <span class="key">{{key ? key + \': \' : \'\'}}</span>\n      <span class="node">{{node.type}}</span>\n    </div>\n    <span class="props" *ngFor="let key of stringKeys">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf="node.type" style="padding-left: 20px;">\n    <ast-viz *ngFor="let key of objectKeys" [node]="node[key]" (selectNode)="selectNode.emit($event)"\n             [key]="key"></ast-viz>\n  </div>\n  <ng-container *ngIf="isArray">\n    <ng-container *ngIf="node.length > 0">\n      <div class="box Array">{{key}}: [</div>\n      <div style="margin-left: 20px" *ngFor="let child of node">\n        <ast-viz (selectNode)="selectNode.emit($event)" [node]="child"></ast-viz>\n      </div>\n      <div class="box Array">]</div>\n    </ng-container>\n    <ng-container *ngIf="node.length ===  0">\n      <div class="box Array">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf="!node">\n  <div class="box Empty" fxLayout>\n    <span class="key">{{key ? key + \': \' : \'\'}}</span>\n    <span class="node">Null</span>\n  </div>\n</ng-container>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]}]}],r.ctorParameters=function(){return[]},r.propDecorators={node:[{type:n.Input}],key:[{type:n.Input}],selectNode:[{type:n.Output}]};var i=function(){};i.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule],declarations:[r],exports:[r]}]}],i.ctorParameters=function(){return[]},e.AstVizModule=i,e.ɵa=r,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=angular-ast-viz.umd.min.js.map

esm2015/angular-ast-viz.js

@@ -1,2 +0,2 @@
-import { Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -46,3 +46,3 @@
     { type: Component, args: [{
-                selector: 'app-ast-tree',
+                selector: 'ast-viz',
                 template: `<ng-container *ngIf="node">
@@ -57,4 +57,4 @@ <div *ngIf="node.type" fxLayout>
   <div *ngIf="node.type" style="padding-left: 20px;">
-    <app-ast-tree *ngFor="let key of objectKeys" [node]="node[key]" (selectNode)="selectNode.emit($event)"
-                  [key]="key"></app-ast-tree>
+    <ast-viz *ngFor="let key of objectKeys" [node]="node[key]" (selectNode)="selectNode.emit($event)"
+             [key]="key"></ast-viz>
   </div>
@@ -65,3 +65,3 @@ <ng-container *ngIf="isArray">
       <div style="margin-left: 20px" *ngFor="let child of node">
-        <app-ast-tree (selectNode)="selectNode.emit($event)" [node]="child"></app-ast-tree>
+        <ast-viz (selectNode)="selectNode.emit($event)" [node]="child"></ast-viz>
       </div>
@@ -82,2 +82,3 @@ <div class="box Array">]</div>
 `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [`.box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}`]
@@ -98,5 +99,5 @@ },] },
  */
-class AstTreeModule {
+class AstVizModule {
 }
-AstTreeModule.decorators = [
+AstVizModule.decorators = [
     { type: NgModule, args: [{
@@ -111,3 +112,3 @@ imports: [
 /** @nocollapse */
-AstTreeModule.ctorParameters = () => [];
+AstVizModule.ctorParameters = () => [];
 
@@ -127,3 +128,3 @@ /**
 
-export { AstTreeModule, AstTreeComponent as ɵa };
+export { AstVizModule, AstTreeComponent as ɵa };
 //# sourceMappingURL=angular-ast-viz.js.map

esm5/angular-ast-viz.js

@@ -1,2 +0,2 @@
-import { Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -46,4 +46,5 @@
     { type: Component, args: [{
-                selector: 'app-ast-tree',
-                template: "<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <app-ast-tree *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n                  [key]=\"key\"></app-ast-tree>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <app-ast-tree (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></app-ast-tree>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n",
+                selector: 'ast-viz',
+                template: "<ng-container *ngIf=\"node\">\n  <div *ngIf=\"node.type\" fxLayout>\n    <div class=\"box {{node.type}}\" (click)=\"selectNode.emit(node)\" fxLayout>\n      <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n      <span class=\"node\">{{node.type}}</span>\n    </div>\n    <span class=\"props\" *ngFor=\"let key of stringKeys\">{{key}}={{node[key]}}</span>\n  </div>\n  <div *ngIf=\"node.type\" style=\"padding-left: 20px;\">\n    <ast-viz *ngFor=\"let key of objectKeys\" [node]=\"node[key]\" (selectNode)=\"selectNode.emit($event)\"\n             [key]=\"key\"></ast-viz>\n  </div>\n  <ng-container *ngIf=\"isArray\">\n    <ng-container *ngIf=\"node.length > 0\">\n      <div class=\"box Array\">{{key}}: [</div>\n      <div style=\"margin-left: 20px\" *ngFor=\"let child of node\">\n        <ast-viz (selectNode)=\"selectNode.emit($event)\" [node]=\"child\"></ast-viz>\n      </div>\n      <div class=\"box Array\">]</div>\n    </ng-container>\n    <ng-container *ngIf=\"node.length ===  0\">\n      <div class=\"box Array\">{{key}}: []</div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!node\">\n  <div class=\"box Empty\" fxLayout>\n    <span class=\"key\">{{key ? key + ': ' : ''}}</span>\n    <span class=\"node\">Null</span>\n  </div>\n</ng-container>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".box{padding:10px;background:#eee;margin-top:4px}.box.CallExpression,.box.ExpressionStatement{background:#e4ff04}.box.Identifier{background:#ffe000}.box.Array{background:#fafafa}.box.BooleanLiteral,.box.NullLiteral,.box.NumericLiteral,.box.RegExpLiteral,.box.StringLiteral{background:#00daff}.props{padding:10px;margin-top:4px}"]
@@ -58,8 +59,8 @@ },] },
 };
-var AstTreeModule = /** @class */ (function () {
-    function AstTreeModule() {
+var AstVizModule = /** @class */ (function () {
+    function AstVizModule() {
     }
-    return AstTreeModule;
+    return AstVizModule;
 }());
-AstTreeModule.decorators = [
+AstVizModule.decorators = [
     { type: NgModule, args: [{
@@ -73,5 +74,5 @@ imports: [
 ];
-AstTreeModule.ctorParameters = function () { return []; };
+AstVizModule.ctorParameters = function () { return []; };
 
-export { AstTreeModule, AstTreeComponent as ɵa };
+export { AstVizModule, AstTreeComponent as ɵa };
 //# sourceMappingURL=angular-ast-viz.js.map

package.json

 {
   "name": "angular-ast-viz",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "scripts": {

src/app/ast-tree/ast-tree.module.d.ts

@@ -1,2 +0,2 @@
-export declare class AstTreeModule {
+export declare class AstVizModule {
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42126

1.75%

Lines of code

320

1.27%

No dependency changes