@ngxs/logger-plugin - npm Package Compare versions

Comparing version 2.0.0-dev.7132aaa to 2.0.0-dev.7322c3b

bundles/ngxs-logger-plugin.umd.js

 (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;

bundles/ngxs-logger-plugin.umd.min.js

@@ -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

esm2015/ngxs-logger-plugin.js

 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 @@ }

esm5/ngxs-logger-plugin.js

 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;

ngxs-logger-plugin.metadata.json

@@ -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"}

package.json

 {
   "name": "@ngxs/logger-plugin",
   "description": "logger plugin for @ngxs/store",
-  "version": "2.0.0-dev.7132aaa",
+  "version": "2.0.0-dev.7322c3b",
   "peerDependencies": {
     "@angular/core": "^5.0.0",
-    "@ngxs/store": "2.0.0-rc.22"
+    "@ngxs/store": "2.0.0"
   },
@@ -9,0 +9,0 @@ "main": "bundles/ngxs-logger-plugin.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

38849

0.34%

Worsened metrics

Lines of code

313

-1.26%

No dependency changes