@ngxs/devtools-plugin - npm Package Compare versions

Comparing version 2.0.0-dev.4e7d464 to 2.0.0-dev.4f62e73

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';
 
@@ -17,8 +17,3 @@ var NGXS_DEVTOOLS_OPTIONS = new core.InjectionToken('NGXS_DEVTOOLS_OPTIONS');
         if (globalDevtools) {
-            this.devtoolsExtension = (globalDevtools.connect({
-                name: 'NGXS',
-                maxAge: _options.maxAge,
-                actionSanitizer: _options.actionSanitizer,
-                stateSanitizer: _options.stateSanitizer
-            }));
+            this.devtoolsExtension = (globalDevtools.connect(_options));
             this.devtoolsExtension.subscribe(function (a) { return _this.dispatched(a); });
@@ -33,4 +28,3 @@ }
         }
-        var res = next(state, action);
-        res.subscribe(function (newState) {
+        return next(state, action).pipe(operators.tap(function (newState) {
             var isInitAction = store.getActionTypeFromInstance(action) === '@@INIT';
@@ -44,4 +38,3 @@ if (isInitAction) {
             }
-        });
-        return res;
+        }));
     };
@@ -69,2 +62,5 @@ NgxsReduxDevtoolsPlugin.prototype.dispatched = function (action) {
 ]; };
+var defaultNgxsDevtoolsOptions = {
+    name: 'NGXS'
+};
 var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
@@ -77,4 +73,11 @@ function NgxsReduxDevtoolsPluginModule() {
             providers: [
-                { provide: store.NGXS_PLUGINS, useClass: NgxsReduxDevtoolsPlugin, multi: true },
-                { provide: NGXS_DEVTOOLS_OPTIONS, useValue: options ? options : {} }
+                {
+                    provide: store.NGXS_PLUGINS,
+                    useClass: NgxsReduxDevtoolsPlugin,
+                    multi: true
+                },
+                {
+                    provide: NGXS_DEVTOOLS_OPTIONS,
+                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                }
             ]
@@ -81,0 +84,0 @@ };

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(e),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={name:"NGXS"},a=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[{provide:i.NGXS_PLUGINS,useClass:n,multi:!0},{provide:o,useValue:Object.assign({},s,e)}]}},t}();a.decorators=[{type:t.NgModule,args:[{imports:[i.NgxsModule]}]}],a.ctorParameters=function(){return[]},e.NgxsReduxDevtoolsPluginModule=a,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';
 
@@ -43,8 +44,3 @@ /**
         if (globalDevtools) {
-            this.devtoolsExtension = /** @type {?} */ (globalDevtools.connect({
-                name: 'NGXS',
-                maxAge: _options.maxAge,
-                actionSanitizer: _options.actionSanitizer,
-                stateSanitizer: _options.stateSanitizer
-            }));
+            this.devtoolsExtension = /** @type {?} */ (globalDevtools.connect(_options));
             this.devtoolsExtension.subscribe(a => this.dispatched(a));
@@ -65,5 +61,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
@@ -78,4 +72,3 @@ const /** @type {?} */ isInitAction = getActionTypeFromInstance(action) === '@@INIT';
             }
-        });
-        return res;
+        }));
     }
@@ -117,2 +110,5 @@ /**
  */
+const defaultNgxsDevtoolsOptions = {
+    name: 'NGXS'
+};
 class NgxsReduxDevtoolsPluginModule {
@@ -127,4 +123,11 @@ /**
             providers: [
-                { provide: NGXS_PLUGINS, useClass: NgxsReduxDevtoolsPlugin, multi: true },
-                { provide: NGXS_DEVTOOLS_OPTIONS, useValue: options ? options : {} }
+                {
+                    provide: NGXS_PLUGINS,
+                    useClass: NgxsReduxDevtoolsPlugin,
+                    multi: true
+                },
+                {
+                    provide: NGXS_DEVTOOLS_OPTIONS,
+                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                }
             ]
@@ -131,0 +134,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';
 
@@ -14,8 +15,3 @@ var NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');
         if (globalDevtools) {
-            this.devtoolsExtension = (globalDevtools.connect({
-                name: 'NGXS',
-                maxAge: _options.maxAge,
-                actionSanitizer: _options.actionSanitizer,
-                stateSanitizer: _options.stateSanitizer
-            }));
+            this.devtoolsExtension = (globalDevtools.connect(_options));
             this.devtoolsExtension.subscribe(function (a) { return _this.dispatched(a); });
@@ -30,4 +26,3 @@ }
         }
-        var res = next(state, action);
-        res.subscribe(function (newState) {
+        return next(state, action).pipe(tap(function (newState) {
             var isInitAction = getActionTypeFromInstance(action) === '@@INIT';
@@ -41,4 +36,3 @@ if (isInitAction) {
             }
-        });
-        return res;
+        }));
     };
@@ -66,2 +60,5 @@ NgxsReduxDevtoolsPlugin.prototype.dispatched = function (action) {
 ]; };
+var defaultNgxsDevtoolsOptions = {
+    name: 'NGXS'
+};
 var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
@@ -74,4 +71,11 @@ function NgxsReduxDevtoolsPluginModule() {
             providers: [
-                { provide: NGXS_PLUGINS, useClass: NgxsReduxDevtoolsPlugin, multi: true },
-                { provide: NGXS_DEVTOOLS_OPTIONS, useValue: options ? options : {} }
+                {
+                    provide: NGXS_PLUGINS,
+                    useClass: NgxsReduxDevtoolsPlugin,
+                    multi: true
+                },
+                {
+                    provide: NGXS_DEVTOOLS_OPTIONS,
+                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                }
             ]
@@ -78,0 +82,0 @@ };

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":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ngxs/store","name":"NgxsModule","line":11,"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":19,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{}}]}}}},"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":46,"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.4e7d464",
+  "version": "2.0.0-dev.4f62e73",
   "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-devtools-plugin.umd.js",

src/devtools.module.d.ts

 import { ModuleWithProviders } from '@angular/core';
 import { NgxsDevtoolsOptions } from './symbols';
+export declare const defaultNgxsDevtoolsOptions: NgxsDevtoolsOptions;
 export declare class NgxsReduxDevtoolsPluginModule {
     static forRoot(options?: NgxsDevtoolsOptions): ModuleWithProviders;
 }

src/symbols.d.ts

@@ -19,2 +19,6 @@ import { InjectionToken } from '@angular/core';
     /**
+     * The name of the extension
+     */
+    name?: string;
+    /**
      * Whether the dev tools is enabled or note. Useful for setting during production.
@@ -21,0 +25,0 @@ */

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

Improved metrics

Total package byte prevSize

47604

increased by0.8%

Lines of code

407

increased by3.83%

No dependency changes