router basic setup.

dashboard page component.

angular.json

@@ -155,6 +155,56 @@
         }
       }
     },
+    "assets": {
+      "projectType": "library",
+      "root": "libs/assets",
+      "sourceRoot": "libs/assets/src",
+      "prefix": "seedx",
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "libs/assets/src/**/*.ts",
+              "libs/assets/src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/libs/assets"],
+          "options": {
+            "jestConfig": "libs/assets/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
+    },
+    "features-classification": {
+      "projectType": "library",
+      "root": "libs/features/classification",
+      "sourceRoot": "libs/features/classification/src",
+      "prefix": "seedx",
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "libs/features/classification/src/**/*.ts",
+              "libs/features/classification/src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "outputs": ["coverage/libs/features/classification"],
+          "options": {
+            "jestConfig": "libs/features/classification/jest.config.js",
+            "passWithNoTests": true
+          }
+        }
+      }
+    },
     "green-api": {
       "projectType": "application",
       "root": "apps/green/api",
@@ -219,31 +269,6 @@
           "builder": "@nx-go/nx-go:lint"
         }
       }
-    },
-    "assets": {
-      "projectType": "library",
-      "root": "libs/assets",
-      "sourceRoot": "libs/assets/src",
-      "prefix": "seedx",
-      "architect": {
-        "lint": {
-          "builder": "@nrwl/linter:eslint",
-          "options": {
-            "lintFilePatterns": [
-              "libs/assets/src/**/*.ts",
-              "libs/assets/src/**/*.html"
-            ]
-          }
-        },
-        "test": {
-          "builder": "@nrwl/jest:jest",
-          "outputs": ["coverage/libs/assets"],
-          "options": {
-            "jestConfig": "libs/assets/jest.config.js",
-            "passWithNoTests": true
-          }
-        }
-      }
     }
   },
   "defaultProject": "green-client"

apps/green/client/src/app/app.module.ts

@@ -1,14 +1,29 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ExtraOptions, Route, RouterModule } from '@angular/router';
+import * as cf from '@features/classification';
 import { AppComponent } from './app.component';
-import { RouterModule } from '@angular/router';
+
+const routerOpts: ExtraOptions = {
+  initialNavigation: 'enabled',
+};
+
+export const routes: Route[] = [
+  {
+    path: '',
+    children: cf.routes,
+  },
+  { path: '**', redirectTo: '/', pathMatch: 'full' },
+];
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
     BrowserModule,
-    RouterModule.forRoot([], { initialNavigation: 'enabled' }),
+    BrowserAnimationsModule,
+    cf.FeaturesClassificationModule,
+    RouterModule.forRoot(routes, routerOpts),
   ],
   providers: [],
   bootstrap: [AppComponent],

jest.config.js

@@ -1,3 +1,7 @@
 module.exports = {
-  projects: ['<rootDir>/apps/green/client', '<rootDir>/libs/assets'],
+  projects: [
+    '<rootDir>/apps/green/client',
+    '<rootDir>/libs/assets',
+    '<rootDir>/libs/features/classification',
+  ],
 };

libs/features/classification/.eslintrc.json

@@ -0,0 +1,31 @@
+{
+  "extends": ["../../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nrwl/nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "parserOptions": {
+        "project": ["libs/features/classification/tsconfig.*?.json"]
+      },
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          { "type": "attribute", "prefix": "seedx", "style": "camelCase" }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          { "type": "element", "prefix": "seedx", "style": "kebab-case" }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

libs/features/classification/README.md

@@ -0,0 +1,7 @@
+# features-classification
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test features-classification` to execute the unit tests.

libs/features/classification/jest.config.js

@@ -0,0 +1,23 @@
+module.exports = {
+  displayName: 'features-classification',
+  preset: '../../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsConfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+      astTransformers: {
+        before: [
+          'jest-preset-angular/build/InlineFilesTransformer',
+          'jest-preset-angular/build/StripStylesTransformer',
+        ],
+      },
+    },
+  },
+  coverageDirectory: '../../../coverage/libs/features/classification',
+  snapshotSerializers: [
+    'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
+    'jest-preset-angular/build/AngularSnapshotSerializer.js',
+    'jest-preset-angular/build/HTMLCommentSerializer.js',
+  ],
+};

libs/features/classification/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/features-classification.module';

libs/features/classification/src/lib/features-classification.module.ts

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { Route } from '@angular/router';
+import { DashboardComponent } from './pages';
+
+export const routes: Route[] = [{ path: '', component: DashboardComponent }];
+
+@NgModule({
+  declarations: [DashboardComponent],
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    ReactiveFormsModule,
+    BrowserAnimationsModule,
+  ],
+})
+export class FeaturesClassificationModule {}

libs/features/classification/src/lib/pages/dashboard/dashboard.component.html

@@ -0,0 +1 @@
+<p>dashboard works!</p>

libs/features/classification/src/lib/pages/dashboard/dashboard.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+  let component: DashboardComponent;
+  let fixture: ComponentFixture<DashboardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DashboardComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DashboardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

libs/features/classification/src/lib/pages/dashboard/dashboard.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'seedx-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.scss']
+})
+export class DashboardComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

libs/features/classification/src/lib/pages/index.ts

@@ -0,0 +1 @@
+export * from './dashboard/dashboard.component';

libs/features/classification/src/test-setup.ts

@@ -0,0 +1 @@
+import 'jest-preset-angular';

libs/features/classification/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

libs/features/classification/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["dom", "es2018"]
+  },
+  "angularCompilerOptions": {
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}

libs/features/classification/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
+}

nx.json

@@ -25,6 +25,7 @@
     "clients-classification": { "tags": [] },
     "http-server": { "tags": [] },
     "http-client": { "tags": [] },
-    "assets": { "tags": [] }
+    "assets": { "tags": [] },
+    "features-classification": { "tags": [] }
   }
 }

tsconfig.base.json

@@ -15,7 +15,8 @@
     "skipDefaultLibCheck": true,
     "baseUrl": ".",
     "paths": {
-      "@assets": ["libs/assets/src/index.ts"]
+      "@assets": ["libs/assets/src/index.ts"],
+      "@features/classification": ["libs/features/classification/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]