Update devtools window prop name

packages/store/package.json

@@ -32,6 +32,7 @@
     "rxjs": "^6.0.0"
   },
   "devDependencies": {
+    "redux-devtools-extension": "^2.13.7",
     "typedoc": "0.11.1",
     "typedoc-plugin-sourcefile-url": "1.0.3"
   },

packages/store/src/components/dev-tools.ts

@@ -1,9 +1,22 @@
+// tslint:disable:no-implicit-dependencies
 import { ApplicationRef, Injectable, NgZone } from '@angular/core';
-import { Unsubscribe } from 'redux';
+import { AnyAction, StoreEnhancer, Unsubscribe } from 'redux';
+import { EnhancerOptions } from 'redux-devtools-extension';
 import { NgRedux } from './ng-redux';
 
-declare const window: any;
-const environment: any = typeof window !== 'undefined' ? window : {};
+interface WindowWithReduxDevTools extends Window {
+  __REDUX_DEVTOOLS_EXTENSION__?: {
+    (options: EnhancerOptions): StoreEnhancer<any>;
+    listen: (
+      onMessage: (message: AnyAction) => void,
+      instanceId?: string,
+    ) => void;
+  };
+}
+
+const environment: WindowWithReduxDevTools = (typeof window !== 'undefined'
+  ? window
+  : {}) as WindowWithReduxDevTools;
 
 /**
  * An angular-2-ified version of the Redux DevTools chrome extension.
@@ -22,14 +35,14 @@ export class DevToolsExtension {
    * format as described here:
    * [zalmoxisus/redux-devtools-extension/blob/master/docs/API/Arguments.md]
    */
-  enhancer = (options?: object) => {
+  enhancer = (options?: EnhancerOptions) => {
     let subscription: Unsubscribe;
     if (!this.isEnabled()) {
       return null;
     }
 
     // Make sure changes from dev tools update angular's view.
-    environment.devToolsExtension.listen(({ type }: any) => {
+    environment.__REDUX_DEVTOOLS_EXTENSION__!.listen(({ type }) => {
       if (type === 'START') {
         subscription = this.ngRedux.subscribe(() => {
           if (!NgZone.isInAngularZone()) {
@@ -41,11 +54,11 @@ export class DevToolsExtension {
       }
     });
 
-    return environment.devToolsExtension(options);
+    return environment.__REDUX_DEVTOOLS_EXTENSION__!(options || {});
   };
 
   /**
    * Returns true if the extension is installed and enabled.
    */
-  isEnabled = () => environment && environment.devToolsExtension;
+  isEnabled = () => environment && environment.__REDUX_DEVTOOLS_EXTENSION__;
 }