added action action and state sanitizer #494

modules/store-devtools/spec/config.spec.ts

@@ -0,0 +1,21 @@
+import { ActionReducer, Action } from '@ngrx/store';
+import { StoreDevtoolsConfig } from '../';
+
+describe('StoreDevtoolsOptions', () => {
+  it('can be initialized with actionSanitizer', () => {
+    const options = new StoreDevtoolsConfig();
+    function sanitizer(action: Action, id: number): Action {
+      return action;
+    }
+    options.actionSanitizer = sanitizer;
+    expect(options.actionSanitizer).toEqual(sanitizer);
+  });
+  it('can be initialized with stateSanitizer', () => {
+    const options = new StoreDevtoolsConfig();
+    function stateSanitizer(state: any, index: number): any {
+      return state;
+    }
+    options.actionSanitizer = stateSanitizer;
+    expect(options.actionSanitizer).toEqual(stateSanitizer);
+  });
+});

modules/store-devtools/src/config.ts

@@ -1,9 +1,11 @@
-import { ActionReducer } from '@ngrx/store';
+import { ActionReducer, Action } from '@ngrx/store';
 import { InjectionToken, Type } from '@angular/core';
 
 export class StoreDevtoolsConfig {
   maxAge: number | false;
   monitor: ActionReducer<any, any>;
+  actionSanitizer?: <A extends Action>(action: A, id: number) => A;
+  stateSanitizer?: <S>(state: S, index: number) => S;
 }
 
 export const STORE_DEVTOOLS_CONFIG = new InjectionToken<StoreDevtoolsConfig>(

modules/store-devtools/src/instrument.ts

@@ -64,12 +64,22 @@ export function noMonitor(): null {
   return null;
 }
 
+export function noActionSanitizer(): null {
+  return null;
+}
+
+export function noStateSanitizer(): null {
+  return null;
+}
+
 export function createConfig(
   _options: StoreDevtoolsOptions
 ): StoreDevtoolsConfig {
   const DEFAULT_OPTIONS: StoreDevtoolsConfig = {
     maxAge: false,
     monitor: noMonitor,
+    actionSanitizer: noActionSanitizer,
+    stateSanitizer: noStateSanitizer,
   };
 
   let options = typeof _options === 'function' ? _options() : _options;