NgRx AppStore with RouterState and Devtools.

.gitignore

@@ -15,4 +15,4 @@ npm-debug.log*
 .DS_Store
 
 # npm pack file
-angular-mat-baum-1.0.0-beta.1.tgz
+angular-mat-baum-*.tgz

package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "@angular-devkit/core": "^9.1.7",
     "@angular-devkit/schematics": "^9.1.7",
+    "@ngrx/schematics": "^9.2.0",
     "@schematics/angular": "^9.1.7",
     "typescript": "~3.8.2"
   },

src/application/app-after.ts

@@ -13,6 +13,11 @@ import {
 } from '@angular-devkit/schematics';
 import {createCustomTheme} from "./theme";
 
+import {
+	addImportToModule, InsertChange, insertImport,
+} from '@ngrx/schematics/schematics-core';
+import * as ts from 'typescript';
+
 export function factory(_options: App): Rule {
 	return (_tree: Tree, _context: SchematicContext) => {
 
@@ -56,7 +61,8 @@ export function factory(_options: App): Rule {
 					...strings,
 					path: `projects/${name}/src/app`
 				})]), MergeStrategy.AllowCreationConflict);
-			},			() => {
+			},
+			() => {
 				return mergeWith(apply(url('./files/styles'), [template({
 					..._options,
 					...strings,
@@ -73,6 +79,74 @@ export function factory(_options: App): Rule {
 			(tree) => {
 				tree.overwrite(`projects/${name}/src/styles.scss`, createCustomTheme(strings.dasherize(name)))
 			},
+			() => {
+				return mergeWith(apply(url('./files/store'), [template({
+					..._options,
+					...strings,
+					path: `projects/${name}/src/app`
+				})]), MergeStrategy.AllowCreationConflict);
+			},
+			(tree) => {
+				const source = ts.createSourceFile(
+					`projects/${name}/src/app/app.module.ts`,
+					// @ts-ignore
+					tree.read(`projects/${name}/src/app/app.module.ts`).toString(),
+					ts.ScriptTarget.Latest, true
+				);
+
+				const changes = addImportToModule(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					`StoreModule.forRoot(reducers, { metaReducers, runtimeChecks: { strictStateImmutability: true, strictActionImmutability: true }})`,
+					'@ngrx/store'
+				);
+
+				changes.push(...addImportToModule(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					`StoreDevtoolsModule.instrument({maxAge: 25, logOnly: environment.production})`,
+					'@ngrx/store-devtools'
+				));
+
+				changes.push(...addImportToModule(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					`StoreRouterConnectingModule.forRoot({ serializer: CustomSerializer })`,
+					'@ngrx/router-store'
+				));
+
+				changes.push(insertImport(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					'reducers, metaReducers',
+					'./store/reducers/global.reducers'
+				));
+
+				changes.push(insertImport(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					'environment',
+					'../environments/environment'
+				));
+
+				changes.push(insertImport(
+					source,
+					`projects/${name}/src/app/app.module.ts`,
+					'CustomSerializer',
+					'./store/reducers/custom-route-serializer'
+				));
+
+				const recorder = tree.beginUpdate(`projects/${name}/src/app/app.module.ts`);
+
+				for (const change of changes) {
+					if (change instanceof InsertChange) {
+						recorder.insertLeft(change.pos, change.toAdd);
+					}
+				}
+				tree.commitUpdate(recorder);
+
+				return tree;
+			},
 		])
 	}
 }

src/application/app.ts

@@ -31,7 +31,6 @@ export function factory(_options: App): Rule {
 				path: `projects/${name}/src/app`,
 			}),
 			() => {
-				console.log('defining routes');
 				return mergeWith(apply(url('./files/routers'), [template({
 					..._options,
 					...strings,

src/application/files/store/__path@dasherize__/store/reducers/custom-route-serializer.ts

@@ -0,0 +1,28 @@
+import { Params, RouterStateSnapshot } from '@angular/router';
+import { RouterStateSerializer } from '@ngrx/router-store';
+
+export interface RouterStateUrl {
+    url: string;
+    params: Params;
+    queryParams: Params;
+}
+
+export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
+    serialize(routerState: RouterStateSnapshot): RouterStateUrl {
+        let route = routerState.root;
+
+        while (route.firstChild) {
+            route = route.firstChild;
+        }
+
+        const {
+            url,
+            root: { queryParams },
+        } = routerState;
+        const { params } = route;
+
+        // Only return an object including the URL, params and query params
+        // instead of the entire snapshot
+        return { url, params, queryParams };
+    }
+}

src/application/files/store/__path@dasherize__/store/reducers/global.reducers.ts

@@ -0,0 +1,15 @@
+import { routerReducer, RouterReducerState } from '@ngrx/router-store';
+import { ActionReducerMap, MetaReducer } from '@ngrx/store';
+import { RouterStateUrl } from './custom-route-serializer';
+import { environment } from '../../../environments/environment';
+
+export interface AppState {
+    router: RouterReducerState<RouterStateUrl>;
+}
+
+export const reducers: ActionReducerMap<AppState> = {
+    router: routerReducer
+};
+
+
+export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [] : [];