@ngxs/devtools-plugin 3.7.4 → 3.7.5

package/fesm5/ngxs-devtools-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngxs-devtools-plugin.js","sources":["ng://@ngxs/devtools-plugin/src/symbols.ts","ng://@ngxs/devtools-plugin/src/devtools.plugin.ts","ng://@ngxs/devtools-plugin/src/devtools.module.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/**\r\n * Interface for the redux-devtools-extension API.\r\n */\r\nexport interface NgxsDevtoolsExtension {\r\n  init(state: any): void;\r\n  send(action: any, state?: any): void;\r\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\r\n}\r\n\r\nexport interface NgxsDevtoolsAction {\r\n  type: string;\r\n  payload: any;\r\n  state: any;\r\n  id: number;\r\n  source: string;\r\n}\r\n\r\nexport interface NgxsDevtoolsOptions {\r\n  /**\r\n   * The name of the extension\r\n   */\r\n  name?: string;\r\n\r\n  /**\r\n   * Whether the dev tools is enabled or note. Useful for setting during production.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Max number of entiries to keep.\r\n   */\r\n  maxAge?: number;\r\n\r\n  /**\r\n   * Reformat actions before sending to dev tools\r\n   */\r\n  actionSanitizer?: (action: any) => void;\r\n\r\n  /**\r\n   * Reformat state before sending to devtools\r\n   */\r\n  stateSanitizer?: (state: any) => void;\r\n}\r\n\r\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\r\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\r\nimport { getActionTypeFromInstance, NgxsNextPluginFn, NgxsPlugin, Store } from '@ngxs/store';\r\nimport { tap, catchError } from 'rxjs/operators';\r\n\r\nimport {\r\n  NGXS_DEVTOOLS_OPTIONS,\r\n  NgxsDevtoolsAction,\r\n  NgxsDevtoolsExtension,\r\n  NgxsDevtoolsOptions\r\n} from './symbols';\r\n\r\nconst enum ReduxDevtoolsActionType {\r\n  Dispatch = 'DISPATCH',\r\n  Action = 'ACTION'\r\n}\r\n\r\nconst enum ReduxDevtoolsPayloadType {\r\n  JumpToAction = 'JUMP_TO_ACTION',\r\n  JumpToState = 'JUMP_TO_STATE',\r\n  ToggleAction = 'TOGGLE_ACTION',\r\n  ImportState = 'IMPORT_STATE'\r\n}\r\n\r\n/**\r\n * Adds support for the Redux Devtools extension:\r\n * http://extension.remotedev.io/\r\n */\r\n@Injectable()\r\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\r\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\r\n  private readonly globalDevtools =\r\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\r\n\r\n  private unsubscribe: VoidFunction | null = null;\r\n\r\n  constructor(\r\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\r\n    private _injector: Injector,\r\n    private _ngZone: NgZone\r\n  ) {\r\n    this.connect();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.unsubscribe !== null) {\r\n      this.unsubscribe();\r\n    }\r\n    if (this.globalDevtools) {\r\n      this.globalDevtools.disconnect();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Lazy get the store for circular dependency issues\r\n   */\r\n  private get store(): Store {\r\n    return this._injector.get<Store>(Store);\r\n  }\r\n\r\n  /**\r\n   * Middleware handle function\r\n   */\r\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\r\n    if (!this.devtoolsExtension || this._options.disabled) {\r\n      return next(state, action);\r\n    }\r\n\r\n    return next(state, action).pipe(\r\n      catchError(error => {\r\n        const newState = this.store.snapshot();\r\n        this.sendToDevTools(state, action, newState);\r\n        throw error;\r\n      }),\r\n      tap(newState => {\r\n        this.sendToDevTools(state, action, newState);\r\n      })\r\n    );\r\n  }\r\n\r\n  private sendToDevTools(state: any, action: any, newState: any) {\r\n    const type = getActionTypeFromInstance(action);\r\n    // if init action, send initial state to dev tools\r\n    const isInitAction = type === '@@INIT';\r\n    if (isInitAction) {\r\n      this.devtoolsExtension!.init(state);\r\n    } else {\r\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle the action from the dev tools subscription\r\n   */\r\n  dispatched(action: NgxsDevtoolsAction) {\r\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\r\n      if (\r\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\r\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\r\n      ) {\r\n        const prevState = JSON.parse(action.state);\r\n        this.store.reset(prevState);\r\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\r\n        console.warn('Skip is not supported at this time.');\r\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\r\n        const {\r\n          actionsById,\r\n          computedStates,\r\n          currentStateIndex\r\n        } = action.payload.nextLiftedState;\r\n        this.devtoolsExtension!.init(computedStates[0].state);\r\n        Object.keys(actionsById)\r\n          .filter(actionId => actionId !== '0')\r\n          .forEach(actionId =>\r\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\r\n          );\r\n        this.store.reset(computedStates[currentStateIndex].state);\r\n      }\r\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\r\n      const actionPayload = JSON.parse(action.payload);\r\n      this.store.dispatch(actionPayload);\r\n    }\r\n  }\r\n\r\n  private connect(): void {\r\n    if (!this.globalDevtools || this._options.disabled) {\r\n      return;\r\n    }\r\n\r\n    // The `connect` method adds `message` event listener since it communicates\r\n    // with an extension through `window.postMessage` and message events.\r\n    // We handle only 2 events; thus, we don't want to run many change detections\r\n    // because the extension sends events that we don't have to handle.\r\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\r\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\r\n    );\r\n\r\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\r\n      if (\r\n        action.type === ReduxDevtoolsActionType.Dispatch ||\r\n        action.type === ReduxDevtoolsActionType.Action\r\n      ) {\r\n        this._ngZone.run(() => {\r\n          this.dispatched(action);\r\n        });\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule, ModuleWithProviders, InjectionToken } from '@angular/core';\r\nimport { NGXS_PLUGINS } from '@ngxs/store';\r\n\r\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\r\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\r\n\r\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\r\n  return {\r\n    name: 'NGXS',\r\n    ...options\r\n  };\r\n}\r\n\r\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\r\n\r\n@NgModule()\r\nexport class NgxsReduxDevtoolsPluginModule {\r\n  static forRoot(\r\n    options?: NgxsDevtoolsOptions\r\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\r\n    return {\r\n      ngModule: NgxsReduxDevtoolsPluginModule,\r\n      providers: [\r\n        {\r\n          provide: NGXS_PLUGINS,\r\n          useClass: NgxsReduxDevtoolsPlugin,\r\n          multi: true\r\n        },\r\n        {\r\n          provide: USER_OPTIONS,\r\n          useValue: options\r\n        },\r\n        {\r\n          provide: NGXS_DEVTOOLS_OPTIONS,\r\n          useFactory: devtoolsOptionsFactory,\r\n          deps: [USER_OPTIONS]\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngxs-devtools-plugin.js","sources":["ng://@ngxs/devtools-plugin/src/symbols.ts","ng://@ngxs/devtools-plugin/src/devtools.plugin.ts","ng://@ngxs/devtools-plugin/src/devtools.module.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n/**\n * Interface for the redux-devtools-extension API.\n */\nexport interface NgxsDevtoolsExtension {\n  init(state: any): void;\n  send(action: any, state?: any): void;\n  subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;\n}\n\nexport interface NgxsDevtoolsAction {\n  type: string;\n  payload: any;\n  state: any;\n  id: number;\n  source: string;\n}\n\nexport interface NgxsDevtoolsOptions {\n  /**\n   * The name of the extension\n   */\n  name?: string;\n\n  /**\n   * Whether the dev tools is enabled or note. Useful for setting during production.\n   */\n  disabled?: boolean;\n\n  /**\n   * Max number of entiries to keep.\n   */\n  maxAge?: number;\n\n  /**\n   * Reformat actions before sending to dev tools\n   */\n  actionSanitizer?: (action: any) => void;\n\n  /**\n   * Reformat state before sending to devtools\n   */\n  stateSanitizer?: (state: any) => void;\n}\n\nexport const NGXS_DEVTOOLS_OPTIONS = new InjectionToken('NGXS_DEVTOOLS_OPTIONS');\n","import { Inject, Injectable, Injector, NgZone, OnDestroy, ɵglobal } from '@angular/core';\nimport { getActionTypeFromInstance, NgxsNextPluginFn, NgxsPlugin, Store } from '@ngxs/store';\nimport { tap, catchError } from 'rxjs/operators';\n\nimport {\n  NGXS_DEVTOOLS_OPTIONS,\n  NgxsDevtoolsAction,\n  NgxsDevtoolsExtension,\n  NgxsDevtoolsOptions\n} from './symbols';\n\nconst enum ReduxDevtoolsActionType {\n  Dispatch = 'DISPATCH',\n  Action = 'ACTION'\n}\n\nconst enum ReduxDevtoolsPayloadType {\n  JumpToAction = 'JUMP_TO_ACTION',\n  JumpToState = 'JUMP_TO_STATE',\n  ToggleAction = 'TOGGLE_ACTION',\n  ImportState = 'IMPORT_STATE'\n}\n\n/**\n * Adds support for the Redux Devtools extension:\n * http://extension.remotedev.io/\n */\n@Injectable()\nexport class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {\n  private devtoolsExtension: NgxsDevtoolsExtension | null = null;\n  private readonly globalDevtools =\n    ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || ɵglobal['devToolsExtension'];\n\n  private unsubscribe: VoidFunction | null = null;\n\n  constructor(\n    @Inject(NGXS_DEVTOOLS_OPTIONS) private _options: NgxsDevtoolsOptions,\n    private _injector: Injector,\n    private _ngZone: NgZone\n  ) {\n    this.connect();\n  }\n\n  ngOnDestroy(): void {\n    if (this.unsubscribe !== null) {\n      this.unsubscribe();\n    }\n    if (this.globalDevtools) {\n      this.globalDevtools.disconnect();\n    }\n  }\n\n  /**\n   * Lazy get the store for circular dependency issues\n   */\n  private get store(): Store {\n    return this._injector.get<Store>(Store);\n  }\n\n  /**\n   * Middleware handle function\n   */\n  handle(state: any, action: any, next: NgxsNextPluginFn) {\n    if (!this.devtoolsExtension || this._options.disabled) {\n      return next(state, action);\n    }\n\n    return next(state, action).pipe(\n      catchError(error => {\n        const newState = this.store.snapshot();\n        this.sendToDevTools(state, action, newState);\n        throw error;\n      }),\n      tap(newState => {\n        this.sendToDevTools(state, action, newState);\n      })\n    );\n  }\n\n  private sendToDevTools(state: any, action: any, newState: any) {\n    const type = getActionTypeFromInstance(action);\n    // if init action, send initial state to dev tools\n    const isInitAction = type === '@@INIT';\n    if (isInitAction) {\n      this.devtoolsExtension!.init(state);\n    } else {\n      this.devtoolsExtension!.send({ ...action, action: null, type }, newState);\n    }\n  }\n\n  /**\n   * Handle the action from the dev tools subscription\n   */\n  dispatched(action: NgxsDevtoolsAction) {\n    if (action.type === ReduxDevtoolsActionType.Dispatch) {\n      if (\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToAction ||\n        action.payload.type === ReduxDevtoolsPayloadType.JumpToState\n      ) {\n        const prevState = JSON.parse(action.state);\n        // This makes the DevTools and Router plugins friends with each other.\n        // We're checking for the `router` state to exist, and it also should\n        // have the `trigger` property, so we're sure that this is our router\n        // state (coming from `@ngxs/router-plugin`). This enables a time-traveling\n        // feature since it doesn't only restore the state but also allows the `RouterState`\n        // to navigate back when the action is jumped.\n        if (prevState.router && prevState.router.trigger) {\n          prevState.router.trigger = 'devtools';\n        }\n        this.store.reset(prevState);\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ToggleAction) {\n        console.warn('Skip is not supported at this time.');\n      } else if (action.payload.type === ReduxDevtoolsPayloadType.ImportState) {\n        const {\n          actionsById,\n          computedStates,\n          currentStateIndex\n        } = action.payload.nextLiftedState;\n        this.devtoolsExtension!.init(computedStates[0].state);\n        Object.keys(actionsById)\n          .filter(actionId => actionId !== '0')\n          .forEach(actionId =>\n            this.devtoolsExtension!.send(actionsById[actionId], computedStates[actionId].state)\n          );\n        this.store.reset(computedStates[currentStateIndex].state);\n      }\n    } else if (action.type === ReduxDevtoolsActionType.Action) {\n      const actionPayload = JSON.parse(action.payload);\n      this.store.dispatch(actionPayload);\n    }\n  }\n\n  private connect(): void {\n    if (!this.globalDevtools || this._options.disabled) {\n      return;\n    }\n\n    // The `connect` method adds `message` event listener since it communicates\n    // with an extension through `window.postMessage` and message events.\n    // We handle only 2 events; thus, we don't want to run many change detections\n    // because the extension sends events that we don't have to handle.\n    this.devtoolsExtension = this._ngZone.runOutsideAngular(\n      () => <NgxsDevtoolsExtension>this.globalDevtools.connect(this._options)\n    );\n\n    this.unsubscribe = this.devtoolsExtension.subscribe(action => {\n      if (\n        action.type === ReduxDevtoolsActionType.Dispatch ||\n        action.type === ReduxDevtoolsActionType.Action\n      ) {\n        this._ngZone.run(() => {\n          this.dispatched(action);\n        });\n      }\n    });\n  }\n}\n","import { NgModule, ModuleWithProviders, InjectionToken } from '@angular/core';\nimport { NGXS_PLUGINS } from '@ngxs/store';\n\nimport { NgxsDevtoolsOptions, NGXS_DEVTOOLS_OPTIONS } from './symbols';\nimport { NgxsReduxDevtoolsPlugin } from './devtools.plugin';\n\nexport function devtoolsOptionsFactory(options: NgxsDevtoolsOptions) {\n  return {\n    name: 'NGXS',\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsReduxDevtoolsPluginModule {\n  static forRoot(\n    options?: NgxsDevtoolsOptions\n  ): ModuleWithProviders<NgxsReduxDevtoolsPluginModule> {\n    return {\n      ngModule: NgxsReduxDevtoolsPluginModule,\n      providers: [\n        {\n          provide: NGXS_PLUGINS,\n          useClass: NgxsReduxDevtoolsPlugin,\n          multi: true\n        },\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_DEVTOOLS_OPTIONS,\n          useFactory: devtoolsOptionsFactory,\n          deps: [USER_OPTIONS]\n        }\n      ]\n    };\n  }\n}\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,4 +1,4 @@
-/**
- * The public api for consumers of @ngxs/devtools-plugin
- */
-export * from './src/public_api';
+/**
+ * The public api for consumers of @ngxs/devtools-plugin
+ */
+export * from './src/public_api';

package/ngxs-devtools-plugin.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-export { USER_OPTIONS as ɵb, devtoolsOptionsFactory as ɵa } from './src/devtools.module';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { USER_OPTIONS as ɵb, devtoolsOptionsFactory as ɵa } from './src/devtools.module';

package/package.json

@@ -2,10 +2,10 @@
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@ngxs/devtools-plugin",
   "description": "redux devtools plugin for @ngxs/store",
-  "version": "3.7.4",
+  "version": "3.7.5",
   "sideEffects": true,
   "peerDependencies": {
-    "@ngxs/store": "^3.7.4 || ^3.7.4-dev",
+    "@ngxs/store": "^3.7.5 || ^3.7.5-dev",
     "@angular/core": ">=6.1.0 <15.0.0",
     "rxjs": ">=6.5.5"
   },

package/src/devtools.module.d.ts

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

package/src/devtools.plugin.d.ts

@@ -1,31 +1,31 @@
-import { Injector, NgZone, OnDestroy } from '@angular/core';
-import { NgxsNextPluginFn, NgxsPlugin } from '@ngxs/store';
-import { NgxsDevtoolsAction, NgxsDevtoolsOptions } from './symbols';
-/**
- * Adds support for the Redux Devtools extension:
- * http://extension.remotedev.io/
- */
-export declare class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {
-    private _options;
-    private _injector;
-    private _ngZone;
-    private devtoolsExtension;
-    private readonly globalDevtools;
-    private unsubscribe;
-    constructor(_options: NgxsDevtoolsOptions, _injector: Injector, _ngZone: NgZone);
-    ngOnDestroy(): void;
-    /**
-     * Lazy get the store for circular dependency issues
-     */
-    private readonly store;
-    /**
-     * Middleware handle function
-     */
-    handle(state: any, action: any, next: NgxsNextPluginFn): any;
-    private sendToDevTools;
-    /**
-     * Handle the action from the dev tools subscription
-     */
-    dispatched(action: NgxsDevtoolsAction): void;
-    private connect;
-}
+import { Injector, NgZone, OnDestroy } from '@angular/core';
+import { NgxsNextPluginFn, NgxsPlugin } from '@ngxs/store';
+import { NgxsDevtoolsAction, NgxsDevtoolsOptions } from './symbols';
+/**
+ * Adds support for the Redux Devtools extension:
+ * http://extension.remotedev.io/
+ */
+export declare class NgxsReduxDevtoolsPlugin implements OnDestroy, NgxsPlugin {
+    private _options;
+    private _injector;
+    private _ngZone;
+    private devtoolsExtension;
+    private readonly globalDevtools;
+    private unsubscribe;
+    constructor(_options: NgxsDevtoolsOptions, _injector: Injector, _ngZone: NgZone);
+    ngOnDestroy(): void;
+    /**
+     * Lazy get the store for circular dependency issues
+     */
+    private readonly store;
+    /**
+     * Middleware handle function
+     */
+    handle(state: any, action: any, next: NgxsNextPluginFn): any;
+    private sendToDevTools;
+    /**
+     * Handle the action from the dev tools subscription
+     */
+    dispatched(action: NgxsDevtoolsAction): void;
+    private connect;
+}

package/src/public_api.d.ts

@@ -1,3 +1,3 @@
-export { NgxsReduxDevtoolsPluginModule } from './devtools.module';
-export { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
-export * from './symbols';
+export { NgxsReduxDevtoolsPluginModule } from './devtools.module';
+export { NgxsReduxDevtoolsPlugin } from './devtools.plugin';
+export * from './symbols';

package/src/symbols.d.ts

@@ -1,39 +1,39 @@
-import { InjectionToken } from '@angular/core';
-/**
- * Interface for the redux-devtools-extension API.
- */
-export interface NgxsDevtoolsExtension {
-    init(state: any): void;
-    send(action: any, state?: any): void;
-    subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;
-}
-export interface NgxsDevtoolsAction {
-    type: string;
-    payload: any;
-    state: any;
-    id: number;
-    source: string;
-}
-export interface NgxsDevtoolsOptions {
-    /**
-     * The name of the extension
-     */
-    name?: string;
-    /**
-     * Whether the dev tools is enabled or note. Useful for setting during production.
-     */
-    disabled?: boolean;
-    /**
-     * Max number of entiries to keep.
-     */
-    maxAge?: number;
-    /**
-     * Reformat actions before sending to dev tools
-     */
-    actionSanitizer?: (action: any) => void;
-    /**
-     * Reformat state before sending to devtools
-     */
-    stateSanitizer?: (state: any) => void;
-}
-export declare const NGXS_DEVTOOLS_OPTIONS: InjectionToken<{}>;
+import { InjectionToken } from '@angular/core';
+/**
+ * Interface for the redux-devtools-extension API.
+ */
+export interface NgxsDevtoolsExtension {
+    init(state: any): void;
+    send(action: any, state?: any): void;
+    subscribe(fn: (message: NgxsDevtoolsAction) => void): VoidFunction;
+}
+export interface NgxsDevtoolsAction {
+    type: string;
+    payload: any;
+    state: any;
+    id: number;
+    source: string;
+}
+export interface NgxsDevtoolsOptions {
+    /**
+     * The name of the extension
+     */
+    name?: string;
+    /**
+     * Whether the dev tools is enabled or note. Useful for setting during production.
+     */
+    disabled?: boolean;
+    /**
+     * Max number of entiries to keep.
+     */
+    maxAge?: number;
+    /**
+     * Reformat actions before sending to dev tools
+     */
+    actionSanitizer?: (action: any) => void;
+    /**
+     * Reformat state before sending to devtools
+     */
+    stateSanitizer?: (state: any) => void;
+}
+export declare const NGXS_DEVTOOLS_OPTIONS: InjectionToken<{}>;