@ngxs/devtools-plugin - npm Package Compare versions

Comparing version 2.0.0-dev.560ca26 to 2.0.0-dev.5a258c4

bundles/ngxs-devtools-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/devtools-plugin', ['exports', '@angular/core', '@ngxs/store'], factory) :
-	(factory((global.ngxs = global.ngxs || {}, global.ngxs['devtools-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/devtools-plugin', ['exports', '@angular/core', '@ngxs/store', 'rxjs/operators'], factory) :
+	(factory((global.ngxs = global.ngxs || {}, global.ngxs['devtools-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_DEVTOOLS_OPTIONS = new core.InjectionToken('NGXS_DEVTOOLS_OPTIONS');
         }
-        var res = next(state, action);
-        res.subscribe(function (newState) {
+        return next(state, action).pipe(operators.tap(function (newState) {
             var isInitAction = store.getActionTypeFromInstance(action) === '@@INIT';
@@ -43,4 +42,3 @@ if (isInitAction) {
             }
-        });
-        return res;
+        }));
     };
@@ -47,0 +45,0 @@ NgxsReduxDevtoolsPlugin.prototype.dispatched = function (action) {

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@ngxs/store")):"function"==typeof define&&define.amd?define("@ngxs/devtools-plugin",["exports","@angular/core","@ngxs/store"],t):t((e.ngxs=e.ngxs||{},e.ngxs["devtools-plugin"]={}),e.ng.core,e["ngxs-store"])}(this,function(e,t,r){"use strict";var n=new t.InjectionToken("NGXS_DEVTOOLS_OPTIONS"),o=function(){function e(e,t){var n=this;this._options=e,this._state=t,this.devtoolsExtension=null,this.windowObj="undefined"!=typeof window?window:{};var o=this.windowObj.__REDUX_DEVTOOLS_EXTENSION__||this.windowObj.devToolsExtension;o&&(this.devtoolsExtension=o.connect({name:"NGXS",maxAge:e.maxAge,actionSanitizer:e.actionSanitizer,stateSanitizer:e.stateSanitizer}),this.devtoolsExtension.subscribe(function(e){return n.dispatched(e)}))}return e.prototype.handle=function(n,o,e){var s=this,t=this._options&&this._options.disabled;if(!this.devtoolsExtension||t)return e(n,o);var i=e(n,o);return i.subscribe(function(e){if("@@INIT"===r.getActionTypeFromInstance(o))s.devtoolsExtension.init(n);else{var t=r.getActionTypeFromInstance(o);s.devtoolsExtension.send(Object.assign({},o,{type:t}),e)}}),i},e.prototype.dispatched=function(e){if("DISPATCH"===e.type)if("JUMP_TO_ACTION"===e.payload.type||"JUMP_TO_STATE"===e.payload.type){var t=JSON.parse(e.state);this._state.next(t)}else e.payload.type;else e.type},e}();o.decorators=[{type:t.Injectable}],o.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Inject,args:[n]}]},{type:r.StateStream}]};var s=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[{provide:r.NGXS_PLUGINS,useClass:o,multi:!0},{provide:n,useValue:e||{}}]}},t}();s.decorators=[{type:t.NgModule,args:[{imports:[r.NgxsModule]}]}],s.ctorParameters=function(){return[]},e.NgxsReduxDevtoolsPluginModule=s,e.NgxsReduxDevtoolsPlugin=o,e.ɵb=n,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@ngxs/store"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@ngxs/devtools-plugin",["exports","@angular/core","@ngxs/store","rxjs/operators"],t):t((e.ngxs=e.ngxs||{},e.ngxs["devtools-plugin"]={}),e.ng.core,e["ngxs-store"],e.Rx.Observable.prototype)}(this,function(e,t,i,r){"use strict";var o=new t.InjectionToken("NGXS_DEVTOOLS_OPTIONS"),n=function(){function e(e,t){var o=this;this._options=e,this._state=t,this.devtoolsExtension=null,this.windowObj="undefined"!=typeof window?window:{};var n=this.windowObj.__REDUX_DEVTOOLS_EXTENSION__||this.windowObj.devToolsExtension;n&&(this.devtoolsExtension=n.connect({name:"NGXS",maxAge:e.maxAge,actionSanitizer:e.actionSanitizer,stateSanitizer:e.stateSanitizer}),this.devtoolsExtension.subscribe(function(e){return o.dispatched(e)}))}return e.prototype.handle=function(o,n,e){var s=this,t=this._options&&this._options.disabled;return!this.devtoolsExtension||t?e(o,n):e(o,n).pipe(r.tap(function(e){if("@@INIT"===i.getActionTypeFromInstance(n))s.devtoolsExtension.init(o);else{var t=i.getActionTypeFromInstance(n);s.devtoolsExtension.send(Object.assign({},n,{type:t}),e)}}))},e.prototype.dispatched=function(e){if("DISPATCH"===e.type)if("JUMP_TO_ACTION"===e.payload.type||"JUMP_TO_STATE"===e.payload.type){var t=JSON.parse(e.state);this._state.next(t)}else e.payload.type;else e.type},e}();n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Inject,args:[o]}]},{type:i.StateStream}]};var s=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[{provide:i.NGXS_PLUGINS,useClass:n,multi:!0},{provide:o,useValue:e||{}}]}},t}();s.decorators=[{type:t.NgModule,args:[{imports:[i.NgxsModule]}]}],s.ctorParameters=function(){return[]},e.NgxsReduxDevtoolsPluginModule=s,e.NgxsReduxDevtoolsPlugin=n,e.ɵb=o,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ngxs-devtools-plugin.umd.min.js.map

esm2015/ngxs-devtools-plugin.js

 import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
 import { getActionTypeFromInstance, StateStream, NgxsModule, NGXS_PLUGINS } from '@ngxs/store';
+import { tap } from 'rxjs/operators';
 
@@ -64,5 +65,3 @@ /**
         }
-        // process the state
-        const /** @type {?} */ res = next(state, action);
-        res.subscribe(newState => {
+        return next(state, action).pipe(tap(newState => {
             // if init action, send initial state to dev tools
@@ -77,4 +76,3 @@ const /** @type {?} */ isInitAction = getActionTypeFromInstance(action) === '@@INIT';
             }
-        });
-        return res;
+        }));
     }
@@ -81,0 +79,0 @@ /**

esm5/ngxs-devtools-plugin.js

 import { InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
 import { getActionTypeFromInstance, StateStream, NgxsModule, NGXS_PLUGINS } from '@ngxs/store';
+import { tap } from 'rxjs/operators';
 
@@ -29,4 +30,3 @@ var NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');
         }
-        var res = next(state, action);
-        res.subscribe(function (newState) {
+        return next(state, action).pipe(tap(function (newState) {
             var isInitAction = getActionTypeFromInstance(action) === '@@INIT';
@@ -40,4 +40,3 @@ if (isInitAction) {
             }
-        });
-        return res;
+        }));
     };
@@ -44,0 +43,0 @@ NgxsReduxDevtoolsPlugin.prototype.dispatched = function (action) {

ngxs-devtools-plugin.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"NgxsReduxDevtoolsPluginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ngxs/store","name":"NgxsModule","line":7,"character":12}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPluginModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@ngxs/store","name":"NGXS_PLUGINS","line":14,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"reference","name":"options"},"thenExpression":{"__symbolic":"reference","name":"options"},"elseExpression":{}}}]}}}},"NgxsReduxDevtoolsPlugin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngxs/store","name":"StateStream","line":13,"character":100}]}],"handle":[{"__symbolic":"method"}],"dispatched":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":41,"character":41},"arguments":["NGXS_DEVTOOLS_OPTIONS"]}},"origins":{"NgxsReduxDevtoolsPluginModule":"./src/devtools.module","NgxsReduxDevtoolsPlugin":"./src/devtools.plugin","ɵa":"./src/symbols","ɵb":"./src/symbols"},"importAs":"@ngxs/devtools-plugin"}
+{"__symbolic":"module","version":4,"metadata":{"NgxsReduxDevtoolsPluginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ngxs/store","name":"NgxsModule","line":7,"character":12}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["options"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPluginModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@ngxs/store","name":"NGXS_PLUGINS","line":14,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"reference","name":"options"},"thenExpression":{"__symbolic":"reference","name":"options"},"elseExpression":{}}}]}}}},"NgxsReduxDevtoolsPlugin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngxs/store","name":"StateStream","line":15,"character":100}]}],"handle":[{"__symbolic":"method"}],"dispatched":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":41,"character":41},"arguments":["NGXS_DEVTOOLS_OPTIONS"]}},"origins":{"NgxsReduxDevtoolsPluginModule":"./src/devtools.module","NgxsReduxDevtoolsPlugin":"./src/devtools.plugin","ɵa":"./src/symbols","ɵb":"./src/symbols"},"importAs":"@ngxs/devtools-plugin"}

package.json

 {
   "name": "@ngxs/devtools-plugin",
   "description": "redux devtools plugin for @ngxs/store",
-  "version": "2.0.0-dev.560ca26",
+  "version": "2.0.0-dev.5a258c4",
   "peerDependencies": {
     "@angular/core": "^5.0.0",
-    "@ngxs/store": "2.0.0-rc.21"
+    "@ngxs/store": "2.0.0-rc.23"
   },
@@ -9,0 +9,0 @@ "main": "bundles/ngxs-devtools-plugin.umd.js",

README.md

@@ -1,17 +0,2 @@
-# @ngxs/storage-plugin
-
-
-```TS
-// app.module.ts
-
-import { NgxsModule } from '@ngxs/store';
-import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
-
-@NgModule({
-  imports: [
-    NgxsModule.forRoot(),
-    NgxsStoragePluginModule.forRoot(),
-  ]
-})
-export class AppModule { }
-```
+# @ngxs/devtools-plugin
+Storage plugin for NGXS. See [repo](https://github.com/ngxs/store) for more info.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

47249

decreased by-0.32%

Lines of code

387

decreased by-1.28%

Number of lines in readme file

3

decreased by-83.33%

No dependency changes