Feature/upgrade angular and nx 20230405 (#1826)

* Upgrade angular and Nx

* Update changelog

CHANGELOG.md

@@ -14,6 +14,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the content of the pricing page
 - Changed the `auth` endpoint of the login with _Security Token_ from `GET` to `POST`
 - Changed the `auth` endpoint of the _Internet Identity_ login provider from `GET` to `POST`
+- Upgraded `angular` from version `15.1.5` to `15.2.5`
+- Upgraded `Nx` from version `15.7.2` to `15.9.2`
 
 ## 1.250.0 - 2023-04-02
 

apps/api/jest.config.ts

@@ -2,13 +2,14 @@
 export default {
   displayName: 'api',
 
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json'
-    }
-  },
+  globals: {},
   transform: {
-    '^.+\\.[tj]s$': 'ts-jest'
+    '^.+\\.[tj]s$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json'
+      }
+    ]
   },
   moduleFileExtensions: ['ts', 'js', 'html'],
   coverageDirectory: '../../coverage/apps/api',

apps/client/jest.config.ts

@@ -3,12 +3,7 @@ export default {
   displayName: 'client',
 
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$'
-    }
-  },
+  globals: {},
   coverageDirectory: '../../coverage/apps/client',
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
@@ -16,7 +11,13 @@ export default {
     'jest-preset-angular/build/serializers/html-comment'
   ],
   transform: {
-    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular'
+    '^.+.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$'
+      }
+    ]
   },
   transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
   preset: '../../jest.preset.js'

apps/client/src/app/components/investment-chart/investment-chart.component.ts

@@ -208,8 +208,10 @@ export class InvestmentChartComponent implements OnChanges, OnDestroy {
 
         if (
           this.savingsRate &&
+          // @ts-ignore
           this.chart.options.plugins.annotation.annotations.savingsRate
         ) {
+          // @ts-ignore
           this.chart.options.plugins.annotation.annotations.savingsRate.value =
             this.savingsRate;
         }

apps/client/tsconfig.spec.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node"]
+    "types": ["jest", "node"],
+    "target": "es2016"
   },
   "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]

libs/common/jest.config.ts

@@ -2,11 +2,9 @@
 export default {
   displayName: 'common',
 
-  globals: {
-    'ts-jest': { tsconfig: '<rootDir>/tsconfig.spec.json' }
-  },
+  globals: {},
   transform: {
-    '^.+\\.[tj]sx?$': 'ts-jest'
+    '^.+\\.[tj]sx?$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }]
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   coverageDirectory: '../../coverage/libs/common',

libs/ui/jest.config.ts

@@ -3,15 +3,16 @@ export default {
   displayName: 'ui',
 
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$'
-    }
-  },
+  globals: {},
   coverageDirectory: '../../coverage/libs/ui',
   transform: {
-    '^.+.(ts|mjs|js|html)$': 'jest-preset-angular'
+    '^.+.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$'
+      }
+    ]
   },
   transformIgnorePatterns: ['node_modules/(?!.*.mjs$)'],
   snapshotSerializers: [

libs/ui/tsconfig.spec.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
-    "types": ["jest", "node"]
+    "types": ["jest", "node"],
+    "target": "es2016"
   },
   "files": ["src/test-setup.ts"],
   "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]

package.json

@@ -52,17 +52,17 @@
     "workspace-generator": "nx workspace-generator"
   },
   "dependencies": {
-    "@angular/animations": "15.1.5",
-    "@angular/cdk": "15.1.5",
-    "@angular/common": "15.1.5",
-    "@angular/compiler": "15.1.5",
-    "@angular/core": "15.1.5",
-    "@angular/forms": "15.1.5",
-    "@angular/material": "15.1.5",
-    "@angular/platform-browser": "15.1.5",
-    "@angular/platform-browser-dynamic": "15.1.5",
-    "@angular/router": "15.1.5",
-    "@angular/service-worker": "15.1.5",
+    "@angular/animations": "15.2.5",
+    "@angular/cdk": "15.2.5",
+    "@angular/common": "15.2.5",
+    "@angular/compiler": "15.2.5",
+    "@angular/core": "15.2.5",
+    "@angular/forms": "15.2.5",
+    "@angular/material": "15.2.5",
+    "@angular/platform-browser": "15.2.5",
+    "@angular/platform-browser-dynamic": "15.2.5",
+    "@angular/router": "15.2.5",
+    "@angular/service-worker": "15.2.5",
     "@codewithdan/observable-store": "2.2.15",
     "@dfinity/agent": "0.15.1",
     "@dfinity/auth-client": "0.15.1",
@@ -79,7 +79,7 @@
     "@nestjs/platform-express": "9.1.4",
     "@nestjs/schedule": "2.1.0",
     "@nestjs/serve-static": "3.0.0",
-    "@nrwl/angular": "15.7.2",
+    "@nrwl/angular": "15.9.2",
     "@prisma/client": "4.11.0",
     "@simplewebauthn/browser": "5.2.1",
     "@simplewebauthn/server": "5.2.1",
@@ -131,29 +131,29 @@
     "zone.js": "0.12.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "15.1.6",
-    "@angular-devkit/core": "15.1.6",
-    "@angular-devkit/schematics": "15.1.6",
+    "@angular-devkit/build-angular": "15.2.5",
+    "@angular-devkit/core": "15.2.5",
+    "@angular-devkit/schematics": "15.2.5",
     "@angular-eslint/eslint-plugin": "15.2.0",
     "@angular-eslint/eslint-plugin-template": "15.2.0",
     "@angular-eslint/template-parser": "15.2.0",
-    "@angular/cli": "15.1.6",
-    "@angular/compiler-cli": "15.1.5",
-    "@angular/language-service": "15.1.5",
-    "@angular/localize": "15.1.5",
-    "@angular/pwa": "15.1.6",
+    "@angular/cli": "15.2.5",
+    "@angular/compiler-cli": "15.2.5",
+    "@angular/language-service": "15.2.5",
+    "@angular/localize": "15.2.5",
+    "@angular/pwa": "15.2.5",
     "@nestjs/schematics": "9.0.3",
     "@nestjs/testing": "9.1.4",
-    "@nrwl/cli": "15.7.2",
-    "@nrwl/cypress": "15.7.2",
-    "@nrwl/eslint-plugin-nx": "15.7.2",
-    "@nrwl/jest": "15.7.2",
-    "@nrwl/nest": "15.7.2",
-    "@nrwl/node": "15.7.2",
-    "@nrwl/nx-cloud": "15.0.3",
-    "@nrwl/storybook": "15.7.2",
-    "@nrwl/workspace": "15.7.2",
-    "@schematics/angular": "15.1.6",
+    "@nrwl/cli": "15.9.2",
+    "@nrwl/cypress": "15.9.2",
+    "@nrwl/eslint-plugin-nx": "15.9.2",
+    "@nrwl/jest": "15.9.2",
+    "@nrwl/nest": "15.9.2",
+    "@nrwl/node": "15.9.2",
+    "@nrwl/nx-cloud": "15.3.5",
+    "@nrwl/storybook": "15.9.2",
+    "@nrwl/workspace": "15.9.2",
+    "@schematics/angular": "15.2.5",
     "@simplewebauthn/typescript-types": "5.2.1",
     "@storybook/addon-essentials": "6.5.16",
     "@storybook/angular": "6.5.16",
@@ -165,7 +165,7 @@
     "@types/cache-manager": "3.4.2",
     "@types/color": "3.0.3",
     "@types/google-spreadsheet": "3.1.5",
-    "@types/jest": "28.1.8",
+    "@types/jest": "29.4.4",
     "@types/lodash": "4.14.191",
     "@types/marked": "4.0.8",
     "@types/node": "18.11.18",
@@ -182,17 +182,17 @@
     "import-sort-cli": "6.0.0",
     "import-sort-parser-typescript": "6.0.0",
     "import-sort-style-module": "6.0.0",
-    "jest": "29.4.1",
-    "jest-environment-jsdom": "29.4.1",
-    "jest-preset-angular": "12.2.3",
-    "nx": "15.7.2",
+    "jest": "29.4.3",
+    "jest-environment-jsdom": "29.4.3",
+    "jest-preset-angular": "13.0.0",
+    "nx": "15.9.2",
     "prettier": "2.8.4",
     "prettier-plugin-organize-attributes": "0.0.5",
     "replace-in-file": "6.3.5",
     "ts-jest": "29.0.5",
     "ts-node": "10.9.1",
     "tslib": "2.0.0",
-    "typescript": "4.8.4"
+    "typescript": "4.9.5"
   },
   "engines": {
     "node": ">=16"