@ngxs/logger-plugin
Advanced tools
Comparing version 2.0.0-dev.d5a5f04 to 2.0.0-dev.dd0a806
(function (global, factory) { | ||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngxs/store')) : | ||
typeof define === 'function' && define.amd ? define('@ngxs/logger-plugin', ['exports', '@angular/core', '@ngxs/store'], factory) : | ||
(factory((global.ngxs = global.ngxs || {}, global.ngxs['logger-plugin'] = {}),global.ng.core,global['ngxs-store'])); | ||
}(this, (function (exports,core,store) { 'use strict'; | ||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngxs/store'), require('rxjs/operators')) : | ||
typeof define === 'function' && define.amd ? define('@ngxs/logger-plugin', ['exports', '@angular/core', '@ngxs/store', 'rxjs/operators'], factory) : | ||
(factory((global.ngxs = global.ngxs || {}, global.ngxs['logger-plugin'] = {}),global.ng.core,global['ngxs-store'],global.Rx.Observable.prototype)); | ||
}(this, (function (exports,core,store,operators) { 'use strict'; | ||
@@ -32,4 +32,3 @@ var NGXS_LOGGER_PLUGIN_OPTIONS = new core.InjectionToken('NGXS_LOGGER_PLUGIN_OPTIONS'); | ||
logger.log('%c prev state', 'color: #9E9E9E; font-weight: bold', state); | ||
var res = next(state, event); | ||
res.subscribe(function (nextState) { | ||
return next(state, event).pipe(operators.tap(function (nextState) { | ||
logger.log('%c next state', 'color: #4CAF50; font-weight: bold', nextState); | ||
@@ -42,4 +41,3 @@ try { | ||
} | ||
}); | ||
return res; | ||
})); | ||
}; | ||
@@ -46,0 +44,0 @@ return NgxsLoggerPlugin; |
@@ -1,2 +0,2 @@ | ||
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@ngxs/store")):"function"==typeof define&&define.amd?define("@ngxs/logger-plugin",["exports","@angular/core","@ngxs/store"],o):o((e.ngxs=e.ngxs||{},e.ngxs["logger-plugin"]={}),e.ng.core,e["ngxs-store"])}(this,function(e,o,a){"use strict";var n=new o.InjectionToken("NGXS_LOGGER_PLUGIN_OPTIONS"),d=function(e,o){return n="0",t=o-e.toString().length,new Array(t+1).join(n)+e;var n,t},t=function(){function e(e){this._options=e}return e.prototype.handle=function(e,o,n){var t=this._options||{},r=t.logger||console,s=a.getActionTypeFromInstance(o),g=new Date,c="action "+s+(" @ "+d(g.getHours(),2)+":"+d(g.getMinutes(),2)+":"+d(g.getSeconds(),2)+"."+d(g.getMilliseconds(),3)),l=t.collapsed?r.groupCollapsed:r.group;try{l.call(r,c)}catch(u){console.log(c)}"undefined"!=typeof o.payload&&r.log("%c payload","color: #9E9E9E; font-weight: bold",o.payload),r.log("%c prev state","color: #9E9E9E; font-weight: bold",e);var i=n(e,o);return i.subscribe(function(e){r.log("%c next state","color: #4CAF50; font-weight: bold",e);try{r.groupEnd()}catch(u){r.log("—— log end ——")}}),i},e}();t.decorators=[{type:o.Injectable}],t.ctorParameters=function(){return[{type:undefined,decorators:[{type:o.Inject,args:[n]}]}]};var r=function(){function o(){}return o.forRoot=function(e){return{ngModule:o,providers:[{provide:a.NGXS_PLUGINS,useClass:t,multi:!0},{provide:n,useValue:Object.assign({logger:console,collapsed:!1},e)}]}},o}();r.decorators=[{type:o.NgModule}],r.ctorParameters=function(){return[]},e.NgxsLoggerPluginModule=r,e.NgxsLoggerPlugin=t,e.ɵb=n,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@ngxs/store"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@ngxs/logger-plugin",["exports","@angular/core","@ngxs/store","rxjs/operators"],o):o((e.ngxs=e.ngxs||{},e.ngxs["logger-plugin"]={}),e.ng.core,e["ngxs-store"],e.Rx.Observable.prototype)}(this,function(e,o,u,a){"use strict";var t=new o.InjectionToken("NGXS_LOGGER_PLUGIN_OPTIONS"),p=function(e,o){return t="0",n=o-e.toString().length,new Array(n+1).join(t)+e;var t,n},n=function(){function e(e){this._options=e}return e.prototype.handle=function(e,o,t){var n=this._options||{},r=n.logger||console,s=u.getActionTypeFromInstance(o),g=new Date,l="action "+s+(" @ "+p(g.getHours(),2)+":"+p(g.getMinutes(),2)+":"+p(g.getSeconds(),2)+"."+p(g.getMilliseconds(),3)),i=n.collapsed?r.groupCollapsed:r.group;try{i.call(r,l)}catch(c){console.log(l)}return"undefined"!=typeof o.payload&&r.log("%c payload","color: #9E9E9E; font-weight: bold",o.payload),r.log("%c prev state","color: #9E9E9E; font-weight: bold",e),t(e,o).pipe(a.tap(function(e){r.log("%c next state","color: #4CAF50; font-weight: bold",e);try{r.groupEnd()}catch(c){r.log("—— log end ——")}}))},e}();n.decorators=[{type:o.Injectable}],n.ctorParameters=function(){return[{type:undefined,decorators:[{type:o.Inject,args:[t]}]}]};var r=function(){function o(){}return o.forRoot=function(e){return{ngModule:o,providers:[{provide:u.NGXS_PLUGINS,useClass:n,multi:!0},{provide:t,useValue:Object.assign({logger:console,collapsed:!1},e)}]}},o}();r.decorators=[{type:o.NgModule}],r.ctorParameters=function(){return[]},e.NgxsLoggerPluginModule=r,e.NgxsLoggerPlugin=n,e.ɵb=t,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
//# sourceMappingURL=ngxs-logger-plugin.umd.min.js.map |
import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core'; | ||
import { getActionTypeFromInstance, NGXS_PLUGINS } from '@ngxs/store'; | ||
import { tap } from 'rxjs/operators'; | ||
@@ -57,4 +58,3 @@ /** | ||
logger.log('%c prev state', 'color: #9E9E9E; font-weight: bold', state); | ||
const /** @type {?} */ res = next(state, event); | ||
res.subscribe(nextState => { | ||
return next(state, event).pipe(tap(nextState => { | ||
logger.log('%c next state', 'color: #4CAF50; font-weight: bold', nextState); | ||
@@ -67,4 +67,3 @@ try { | ||
} | ||
}); | ||
return res; | ||
})); | ||
} | ||
@@ -71,0 +70,0 @@ } |
import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core'; | ||
import { getActionTypeFromInstance, NGXS_PLUGINS } from '@ngxs/store'; | ||
import { tap } from 'rxjs/operators'; | ||
@@ -29,4 +30,3 @@ var NGXS_LOGGER_PLUGIN_OPTIONS = new InjectionToken('NGXS_LOGGER_PLUGIN_OPTIONS'); | ||
logger.log('%c prev state', 'color: #9E9E9E; font-weight: bold', state); | ||
var res = next(state, event); | ||
res.subscribe(function (nextState) { | ||
return next(state, event).pipe(tap(function (nextState) { | ||
logger.log('%c next state', 'color: #4CAF50; font-weight: bold', nextState); | ||
@@ -39,4 +39,3 @@ try { | ||
} | ||
}); | ||
return res; | ||
})); | ||
}; | ||
@@ -43,0 +42,0 @@ return NgxsLoggerPlugin; |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":4,"metadata":{"NgxsLoggerPluginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1}}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxsLoggerPluginModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@ngxs/store","name":"NGXS_PLUGINS","line":12,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsLoggerPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{}}]}}}},"NgxsLoggerPlugin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":8,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"handle":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":46},"arguments":["NGXS_LOGGER_PLUGIN_OPTIONS"]}},"origins":{"NgxsLoggerPluginModule":"./src/logger.module","NgxsLoggerPlugin":"./src/logger.plugin","ɵa":"./src/symbols","ɵb":"./src/symbols"},"importAs":"@ngxs/logger-plugin"} | ||
{"__symbolic":"module","version":4,"metadata":{"NgxsLoggerPluginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1}}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxsLoggerPluginModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@ngxs/store","name":"NGXS_PLUGINS","line":12,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsLoggerPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{}}]}}}},"NgxsLoggerPlugin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":9,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"handle":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":46},"arguments":["NGXS_LOGGER_PLUGIN_OPTIONS"]}},"origins":{"NgxsLoggerPluginModule":"./src/logger.module","NgxsLoggerPlugin":"./src/logger.plugin","ɵa":"./src/symbols","ɵb":"./src/symbols"},"importAs":"@ngxs/logger-plugin"} |
{ | ||
"name": "@ngxs/logger-plugin", | ||
"description": "logger plugin for @ngxs/store", | ||
"version": "2.0.0-dev.d5a5f04", | ||
"version": "2.0.0-dev.dd0a806", | ||
"peerDependencies": { | ||
"@angular/core": "^5.0.0", | ||
"@ngxs/store": "2.0.0-rc.21" | ||
"@ngxs/store": "2.0.0" | ||
}, | ||
@@ -9,0 +9,0 @@ "main": "bundles/ngxs-logger-plugin.umd.js", |
@@ -1,17 +0,2 @@ | ||
# @ngxs/logger | ||
```TS | ||
// app.module.ts | ||
import { NgxsModule } from '@ngxs/store'; | ||
import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin'; | ||
@NgModule({ | ||
imports: [ | ||
NgxsModule.forRoot(), | ||
NgxsLoggerPluginModule.forRoot(), | ||
] | ||
}) | ||
export class AppModule { } | ||
``` | ||
# @ngxs/logger-plugin | ||
Logger plugin for NGXS. See [repo](https://github.com/ngxs/store) for more info. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
38849
313
3