feat(core): migrate to Angular 14 and Nx 14 (#125)

BREAKING CHANGE: Angular 14 is now the minimum required version to use the module.

Closes #123

angular.json

@@ -26,7 +26,7 @@
           "builder": "@nrwl/jest:jest",
           "outputs": ["coverage/libs/ngx-cookieconsent"],
           "options": {
-            "jestConfig": "libs/ngx-cookieconsent/jest.config.js",
+            "jestConfig": "libs/ngx-cookieconsent/jest.config.ts",
             "passWithNoTests": true
           }
         },
@@ -53,7 +53,7 @@
           }
         },
         "release": {
-          "builder": "@nrwl/workspace:run-commands",
+          "builder": "nx:run-commands",
           "options": {
             "command": "npx semantic-release",
             "cwd": "libs/ngx-cookieconsent"
@@ -152,7 +152,7 @@
           "builder": "@nrwl/jest:jest",
           "outputs": ["coverage/apps/ngx-cookieconsent-demo"],
           "options": {
-            "jestConfig": "apps/ngx-cookieconsent-demo/jest.config.js",
+            "jestConfig": "apps/ngx-cookieconsent-demo/jest.config.ts",
             "passWithNoTests": true
           }
         },

apps/ngx-cookieconsent-demo/jest.config.js → apps/ngx-cookieconsent-demo/jest.config.ts

@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   displayName: 'ngx-cookieconsent-demo',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],

apps/ngx-cookieconsent-demo/src/app/app-routing.module.ts

@@ -2,21 +2,26 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 export const routes: Routes = [
-    {
-        path: '',
-        redirectTo: 'home',
-        pathMatch: 'full'
-    },
-    {
-        path: 'getting-started',
-        loadChildren: () => import('./getting-started/getting-started.module').then((m) => m.GettingStartedModule)
-    }
+  {
+    path: '',
+    redirectTo: 'home',
+    pathMatch: 'full',
+  },
+  {
+    path: 'getting-started',
+    loadChildren: () =>
+      import('./getting-started/getting-started.module').then(
+        (m) => m.GettingStartedModule
+      ),
+  },
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes, {
-    initialNavigation: 'enabled'
-})],
-    exports: [RouterModule]
+  imports: [
+    RouterModule.forRoot(routes, {
+      initialNavigation: 'enabledBlocking',
+    }),
+  ],
+  exports: [RouterModule],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {}

apps/ngx-cookieconsent-demo/tsconfig.app.json

@@ -5,5 +5,6 @@
     "types": []
   },
   "files": ["src/main.ts", "src/polyfills.ts"],
-  "include": ["src/**/*.d.ts"]
+  "include": ["src/**/*.d.ts"],
+  "exclude": ["jest.config.ts"]
 }

apps/ngx-cookieconsent-demo/tsconfig.json

@@ -17,7 +17,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "target": "es2020"
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,

apps/ngx-cookieconsent-demo/tsconfig.spec.json

@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }

decorate-angular-cli.js

@@ -62,7 +62,7 @@ function symlinkNgCLItoNxCLI() {
 
 try {
   symlinkNgCLItoNxCLI();
-  require('nx/src/cli/decorate-cli').decorateCli();
+  require('nx/src/adapter/decorate-cli').decorateCli();
   output.log({ title: 'Angular CLI has been decorated to enable computation caching.' });
 } catch(e) {
   output.error({ title: 'Decoration of the Angular CLI did not complete successfully' });

jest.config.js → jest.config.ts

@@ -1,6 +1,6 @@
 const { getJestProjects } = require('@nrwl/jest');
 
-module.exports = {
+export default {
   projects: [
     ...getJestProjects(),
     '<rootDir>/apps/ngx-cookieconsent-demo',

jest.preset.js

@@ -1,3 +1,3 @@
-const nxPreset = require('@nrwl/jest/preset');
+const nxPreset = require('@nrwl/jest/preset').default;
 
 module.exports = { ...nxPreset };

libs/ngx-cookieconsent/jest.config.js → libs/ngx-cookieconsent/jest.config.ts

@@ -1,4 +1,5 @@
-module.exports = {
+/* eslint-disable */
+export default {
   displayName: 'ngx-cookieconsent',
   preset: '../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],

libs/ngx-cookieconsent/package.json

@@ -2,8 +2,8 @@
   "name": "ngx-cookieconsent",
   "version": "0.0.0-development",
   "peerDependencies": {
-    "@angular/common": ">=12.0.1",
-    "@angular/core": ">=12.0.1",
+    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=14.0.0",
     "cookieconsent": "^3.1.1"
   },
   "dependencies": {

libs/ngx-cookieconsent/tsconfig.json

@@ -17,7 +17,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "target": "es2020"
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,

libs/ngx-cookieconsent/tsconfig.lib.json

@@ -2,13 +2,18 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "target": "es2015",
+    "target": "es2020",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
     "types": [],
     "lib": ["dom", "es2018"]
   },
-  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "**/*.test.ts"],
+  "exclude": [
+    "src/test-setup.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "jest.config.ts"
+  ],
   "include": ["**/*.ts"]
 }

libs/ngx-cookieconsent/tsconfig.lib.prod.json

@@ -5,5 +5,6 @@
   },
   "angularCompilerOptions": {
     "compilationMode": "partial"
-  }
+  },
+  "exclude": ["jest.config.ts"]
 }

libs/ngx-cookieconsent/tsconfig.spec.json

@@ -6,5 +6,5 @@
     "types": ["jest", "node"]
   },
   "files": ["src/test-setup.ts"],
-  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
 }