chore: migrating to NG21

Author: bougwal

.nvmrc

@@ -0,0 +1 @@
+20.20.0

src/EcommerceDDD.Spa/.nvmrc

@@ -0,0 +1 @@
+20.20.0

src/EcommerceDDD.Spa/angular.json

@@ -38,7 +38,11 @@
             "scripts": [
               "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
             ],
-            "browser": "src/main.ts"
+            "browser": "src/main.ts",
+            "allowedCommonJsDependencies": [
+              "@opentelemetry/api",
+              "tinyduration"
+            ]
           },
           "configurations": {
             "production": {
@@ -50,7 +54,7 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
+                  "maximumWarning": "3kb",
                   "maximumError": "4kb"
                 }
               ],
@@ -60,7 +64,8 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+            "optimization": true
             },
             "development": {
               "optimization": false,

src/EcommerceDDD.Spa/jest.config.js

@@ -1,16 +1,29 @@
-
 module.exports = {
   preset: 'jest-preset-angular',
-  moduleDirectories: [ "node_modules", "src"],
-
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-  testEnvironment: "jsdom",
+  testEnvironment: 'jsdom',
+  testPathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/dist/'],
+  coverageDirectory: 'coverage',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!(@microsoft|@opentelemetry|tinyduration|@angular|ngx-toastr|@ng-bootstrap|@fortawesome)/)'],
+  moduleFileExtensions: ['ts', 'html', 'js', 'json', 'mjs'],
   moduleNameMapper: {
-    "@core/(.*)": "<rootDir>/src/app/core/$1",
-    "@ecommerce/(.*)": "<rootDir>/src/app/modules/ecommerce/$1",
-    "@authentication/(.*)": "<rootDir>/src/app/modules/authentication/$1",
-    "@shared/(.*)": "<rootDir>/src/app/shared/$1",
-    "@environments/(.*)": "<rootDir>/src/environments/$1"
+    '^zone\\.js$': '<rootDir>/node_modules/zone.js/fesm2015/zone.js',
+    '^(.*)\\.js$': '$1',
+    '^src/app/clients/(.*)$': '<rootDir>/src/app/clients/$1',
+    '@core/(.*)': '<rootDir>/src/app/core/$1',
+    '@ecommerce/(.*)': '<rootDir>/src/app/modules/ecommerce/$1',
+    '@authentication/(.*)': '<rootDir>/src/app/modules/authentication/$1',
+    '@shared/(.*)': '<rootDir>/src/app/shared/$1',
+    '@environments/(.*)': '<rootDir>/src/environments/$1',
   },
-  coveragePathIgnorePatterns: ["/models","/constants",  "/environments"]
-};
+  coveragePathIgnorePatterns: ['/models', '/constants', '/environments'],
+};