24-334 Adding store router and store devtools

package-lock.json

@@ -341,11 +341,21 @@
       "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-4.1.1.tgz",
       "integrity": "sha1-y3WLhSeWSyWOpBlR9ZqhROPvn64="
     },
+    "@ngrx/router-store": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@ngrx/router-store/-/router-store-4.1.1.tgz",
+      "integrity": "sha1-F/rHwPX/3e+LdemnTtLLCQdPO8o="
+    },
     "@ngrx/store": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-4.1.1.tgz",
       "integrity": "sha1-aA403yd16IUnVO13f/rJW9gbfeA="
     },
+    "@ngrx/store-devtools": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-4.1.1.tgz",
+      "integrity": "sha1-IHRcOcdWD9wF+k8iY4RCp+x91nY="
+    },
     "@ngtools/json-schema": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@ngtools/json-schema/-/json-schema-1.1.0.tgz",

package.json

@@ -22,7 +22,9 @@
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
     "@ngrx/effects": "^4.1.1",
+    "@ngrx/router-store": "^4.1.1",
     "@ngrx/store": "^4.1.1",
+    "@ngrx/store-devtools": "^4.1.1",
     "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
     "firebase": "^4.6.2",

src/app/app.module.ts

@@ -3,6 +3,9 @@ import { NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
 import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
+import { StoreRouterConnectingModule } from '@ngrx/router-store';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { environment } from '../environments/environment';
 
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
@@ -26,7 +29,9 @@ import { AuthEffects } from './auth/ngrx/auth.effects';
     AuthModule,
     CoreModule,
     StoreModule.forRoot(appReducers),
-    EffectsModule.forRoot([AuthEffects])
+    EffectsModule.forRoot([AuthEffects]),
+    StoreRouterConnectingModule,
+    !environment.production ? StoreDevtoolsModule.instrument() : []
   ],
   bootstrap: [AppComponent]
 })