angular-ast-viz - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

angular-ast-viz.metadata.json

@@ -1,1 +0,1 @@
-{"__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"}
+{"__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;display:inline-block}.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

@@ -52,3 +52,3 @@ (function (global, factory) {
                 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}"]
+                styles: [".box{padding:10px;background:#eee;margin-top:4px;display:inline-block}.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}"]
             },] },
@@ -55,0 +55,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:"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})});
+!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;display:inline-block}.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

@@ -80,3 +80,3 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
                 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}`]
+                styles: [`.box{padding:10px;background:#eee;margin-top:4px;display:inline-block}.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}`]
             },] },
@@ -83,0 +83,0 @@ ];

esm5/angular-ast-viz.js

@@ -49,3 +49,3 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
                 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}"]
+                styles: [".box{padding:10px;background:#eee;margin-top:4px;display:inline-block}.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}"]
             },] },
@@ -52,0 +52,0 @@ ];

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

42315

0.45%

No dependency changes