@ngxs/devtools-plugin - npm Package Compare versions

Comparing version 3.0.0-dev.61a13c6 to 3.0.0-dev.68979ec

bundles/ngxs-devtools-plugin.umd.js

@@ -65,5 +65,6 @@ (function (global, factory) {
 ]; };
-var defaultNgxsDevtoolsOptions = {
-    name: 'NGXS'
-};
+function devtoolsOptionsFactory(options) {
+    return Object.assign({ name: 'NGXS' }, options);
+}
+var USER_OPTIONS = new core.InjectionToken('USER_OPTIONS');
 var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
@@ -82,4 +83,9 @@ function NgxsReduxDevtoolsPluginModule() {
                 {
+                    provide: USER_OPTIONS,
+                    useValue: options
+                },
+                {
                     provide: NGXS_DEVTOOLS_OPTIONS,
-                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                    useFactory: devtoolsOptionsFactory,
+                    deps: [USER_OPTIONS]
                 }
@@ -100,3 +106,5 @@ ]
 exports.NgxsReduxDevtoolsPlugin = NgxsReduxDevtoolsPlugin;
-exports.ɵb = NGXS_DEVTOOLS_OPTIONS;
+exports.ɵb = USER_OPTIONS;
+exports.ɵa = devtoolsOptionsFactory;
+exports.ɵd = NGXS_DEVTOOLS_OPTIONS;
 
@@ -103,0 +111,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

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"),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,o){var n=this;this._options=e,this._state=t,this._injector=o,this.devtoolsExtension=null,this.windowObj="undefined"!=typeof window?window:{};var s=this.windowObj.__REDUX_DEVTOOLS_EXTENSION__||this.windowObj.devToolsExtension;s&&(this.devtoolsExtension=s.connect(e),this.devtoolsExtension.subscribe(function(e){return n.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"TOGGLE_ACTION"===e.payload.type&&console.warn("Skip is not supported at this time.");else if("ACTION"===e.type){var o=this._injector.get(i.Store),n=JSON.parse(e.payload);o.dispatch(n)}},e}();n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Inject,args:[o]}]},{type:i.StateStream},{type:t.Injector}]};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})});
+!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,o){var n=this;this._options=e,this._state=t,this._injector=o,this.devtoolsExtension=null,this.windowObj="undefined"!=typeof window?window:{};var s=this.windowObj.__REDUX_DEVTOOLS_EXTENSION__||this.windowObj.devToolsExtension;s&&(this.devtoolsExtension=s.connect(e),this.devtoolsExtension.subscribe(function(e){return n.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"TOGGLE_ACTION"===e.payload.type&&console.warn("Skip is not supported at this time.");else if("ACTION"===e.type){var o=this._injector.get(i.Store),n=JSON.parse(e.payload);o.dispatch(n)}},e}();function s(e){return Object.assign({name:"NGXS"},e)}n.decorators=[{type:t.Injectable}],n.ctorParameters=function(){return[{type:undefined,decorators:[{type:t.Inject,args:[o]}]},{type:i.StateStream},{type:t.Injector}]};var a=new t.InjectionToken("USER_OPTIONS"),d=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[{provide:i.NGXS_PLUGINS,useClass:n,multi:!0},{provide:a,useValue:e},{provide:o,useFactory:s,deps:[a]}]}},t}();d.decorators=[{type:t.NgModule,args:[{imports:[i.NgxsModule]}]}],d.ctorParameters=function(){return[]},e.NgxsReduxDevtoolsPluginModule=d,e.NgxsReduxDevtoolsPlugin=n,e.ɵb=a,e.ɵa=s,e.ɵd=o,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ngxs-devtools-plugin.umd.min.js.map

esm2015/ngxs-devtools-plugin.js

@@ -111,5 +111,10 @@ import { InjectionToken, Injectable, Inject, Injector, NgModule } from '@angular/core';
  */
-const defaultNgxsDevtoolsOptions = {
-    name: 'NGXS'
-};
+/**
+ * @param {?} options
+ * @return {?}
+ */
+function devtoolsOptionsFactory(options) {
+    return Object.assign({ name: 'NGXS' }, options);
+}
+const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
 class NgxsReduxDevtoolsPluginModule {
@@ -130,4 +135,9 @@ /**
                 {
+                    provide: USER_OPTIONS,
+                    useValue: options
+                },
+                {
                     provide: NGXS_DEVTOOLS_OPTIONS,
-                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                    useFactory: devtoolsOptionsFactory,
+                    deps: [USER_OPTIONS]
                 }
@@ -159,3 +169,3 @@ ]
 
-export { NgxsReduxDevtoolsPluginModule, NgxsReduxDevtoolsPlugin, NGXS_DEVTOOLS_OPTIONS as ɵb };
+export { NgxsReduxDevtoolsPluginModule, NgxsReduxDevtoolsPlugin, USER_OPTIONS as ɵb, devtoolsOptionsFactory as ɵa, NGXS_DEVTOOLS_OPTIONS as ɵd };
 //# sourceMappingURL=ngxs-devtools-plugin.js.map

esm5/ngxs-devtools-plugin.js

@@ -63,5 +63,6 @@ import { InjectionToken, Injectable, Inject, Injector, NgModule } from '@angular/core';
 ]; };
-var defaultNgxsDevtoolsOptions = {
-    name: 'NGXS'
-};
+function devtoolsOptionsFactory(options) {
+    return Object.assign({ name: 'NGXS' }, options);
+}
+var USER_OPTIONS = new InjectionToken('USER_OPTIONS');
 var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
@@ -80,4 +81,9 @@ function NgxsReduxDevtoolsPluginModule() {
                 {
+                    provide: USER_OPTIONS,
+                    useValue: options
+                },
+                {
                     provide: NGXS_DEVTOOLS_OPTIONS,
-                    useValue: Object.assign({}, defaultNgxsDevtoolsOptions, options)
+                    useFactory: devtoolsOptionsFactory,
+                    deps: [USER_OPTIONS]
                 }
@@ -96,3 +102,3 @@ ]
 
-export { NgxsReduxDevtoolsPluginModule, NgxsReduxDevtoolsPlugin, NGXS_DEVTOOLS_OPTIONS as ɵb };
+export { NgxsReduxDevtoolsPluginModule, NgxsReduxDevtoolsPlugin, USER_OPTIONS as ɵb, devtoolsOptionsFactory as ɵa, NGXS_DEVTOOLS_OPTIONS as ɵd };
 //# sourceMappingURL=ngxs-devtools-plugin.js.map

ngxs-devtools-plugin.d.ts

@@ -5,2 +5,3 @@ /**
 export * from './index';
-export { NGXS_DEVTOOLS_OPTIONS as ɵb, NgxsDevtoolsOptions as ɵa } from './src/symbols';
+export { USER_OPTIONS as ɵb, devtoolsOptionsFactory as ɵa } from './src/devtools.module';
+export { NGXS_DEVTOOLS_OPTIONS as ɵd, NgxsDevtoolsOptions as ɵc } from './src/symbols';

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":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":16,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngxs/store","name":"StateStream","line":17,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":23}]}],"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"}
+{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"function","parameters":["options"],"value":{"name":"NGXS"}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":32},"arguments":["USER_OPTIONS"]},"NgxsReduxDevtoolsPluginModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@ngxs/store","name":"NgxsModule","line":16,"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":24,"character":19},"useClass":{"__symbolic":"reference","name":"NgxsReduxDevtoolsPlugin"},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"options"}},{"provide":{"__symbolic":"reference","name":"ɵd"},"useFactory":{"__symbolic":"reference","name":"ɵa"},"deps":[{"__symbolic":"reference","name":"ɵb"}]}]}}}},"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":16,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@ngxs/store","name":"StateStream","line":17,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":23}]}],"handle":[{"__symbolic":"method"}],"dispatched":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"interface"},"ɵd":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":46,"character":41},"arguments":["NGXS_DEVTOOLS_OPTIONS"]}},"origins":{"ɵa":"./src/devtools.module","ɵb":"./src/devtools.module","NgxsReduxDevtoolsPluginModule":"./src/devtools.module","NgxsReduxDevtoolsPlugin":"./src/devtools.plugin","ɵc":"./src/symbols","ɵd":"./src/symbols"},"importAs":"@ngxs/devtools-plugin"}

package.json

 {
   "name": "@ngxs/devtools-plugin",
   "description": "redux devtools plugin for @ngxs/store",
-  "version": "3.0.0-dev.61a13c6",
+  "version": "3.0.0-dev.68979ec",
   "peerDependencies": {
-    "@angular/core": "^5.0.0",
+    "@angular/core": ">=5.0.0 || >6.0.0",
     "@ngxs/store": "3.0.0-beta.0"
@@ -8,0 +8,0 @@ },

src/devtools.module.d.ts

@@ -1,6 +0,13 @@
-import { ModuleWithProviders } from '@angular/core';
+import { ModuleWithProviders, InjectionToken } from '@angular/core';
 import { NgxsDevtoolsOptions } from './symbols';
-export declare const defaultNgxsDevtoolsOptions: NgxsDevtoolsOptions;
+export declare function devtoolsOptionsFactory(options: NgxsDevtoolsOptions): {
+    name: string;
+    disabled?: boolean;
+    maxAge?: number;
+    actionSanitizer?: (action: any) => void;
+    stateSanitizer?: (state: any) => void;
+};
+export declare const USER_OPTIONS: InjectionToken<{}>;
 export declare class NgxsReduxDevtoolsPluginModule {
     static forRoot(options?: NgxsDevtoolsOptions): ModuleWithProviders;
 }

No alert changes

Improved metrics

Total package byte prevSize

54094

increased by6.29%

Lines of code

458

increased by7.51%

No dependency changes