feat: upgrade to angular 15 (#911)

* upgrade to angular 15

* remove unsupported command

* add npmrc with scripts-prepend-node-path=true

* change typescript version

* remove codelyzer

* ignore ajx dependency check

* update caniuse browser list

* migrate to cypress 10.3

* update to angular-hybrid 15

* update to angular-hybrid 15

---------

Co-authored-by: Rafael  Fernandez Serra <[email protected]>

Author: wawyed

.github/workflows/ci.yml

@@ -24,7 +24,6 @@ jobs:
       - uses: actions/checkout@v2
       - name: Configure
         run: |
-          npm config set scripts-prepend-node-path auto
           git config --global user.email [email protected]
           git config --global user.name uirouter_github_actions
       - name: Install Dependencies

.npmrc

@@ -0,0 +1 @@
+scripts-prepend-node-path=true

cypress.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  video: false,
+  e2e: {
+    supportFile: false,
+    setupNodeEvents(on, config) {},
+    baseUrl: 'http://localhost:4000',
+  },
+})

cypress.json

@@ -11,24 +11,29 @@
     "e2e": "run-p -r start cypress",
     "cypress": "wait-on tcp:4000 && cypress run"
   },
+  "checkPeerDependencies": {
+    "ignore": [
+      "ajv"
+    ]
+  },
   "license": "MIT",
   "dependencies": {
-    "@angular/animations": "14.2.2",
-    "@angular/common": "14.2.2",
-    "@angular/compiler": "14.2.2",
-    "@angular/core": "14.2.2",
-    "@angular/forms": "14.2.2",
-    "@angular/platform-browser": "14.2.2",
-    "@angular/platform-browser-dynamic": "14.2.2",
-    "@angular/router": "14.2.2",
-    "@angular/upgrade": "14.2.2",
-    "@uirouter/angular": "10.0.0",
-    "@uirouter/angular-hybrid": "^14.0.0",
+    "@angular/animations": "15.2.3",
+    "@angular/common": "15.2.3",
+    "@angular/compiler": "15.2.3",
+    "@angular/core": "15.2.3",
+    "@angular/forms": "15.2.3",
+    "@angular/platform-browser": "15.2.3",
+    "@angular/platform-browser-dynamic": "15.2.3",
+    "@angular/router": "15.2.3",
+    "@angular/upgrade": "15.2.3",
+    "@uirouter/angular": "11.0.0",
+    "@uirouter/angular-hybrid": "^15.0.1",
     "@uirouter/angularjs": "1.0.30",
-    "@uirouter/core": "6.0.8",
+    "@uirouter/core": "6.1.0",
     "@uirouter/rx": "1.0.0",
     "@uirouter/visualizer": "^7.2.1",
-    "angular": "1.8.2",
+    "angular": "1.8.3",
     "core-js": "^2.4.1",
     "postcss": "8.4.4",
     "rxjs": "^7.4.0",
@@ -37,16 +42,15 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "14.2.3",
-    "@angular/cli": "14.2.3",
-    "@angular/compiler-cli": "14.2.2",
-    "@angular/language-service": "14.2.2",
+    "@angular-devkit/build-angular": "15.2.4",
+    "@angular/cli": "15.2.4",
+    "@angular/compiler-cli": "15.2.3",
+    "@angular/language-service": "15.2.3",
     "@types/angular": "^1.8.3",
     "@types/jasmine": "~3.10.2",
     "@types/jasminewd2": "~2.0.10",
     "@types/node": "^16.11.11",
-    "codelyzer": "^6.0.2",
-    "cypress": "9.1.0",
+    "cypress": "10.3.0",
     "jasmine-core": "~3.10.1",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.3.9",
@@ -57,7 +61,7 @@
     "npm-run-all": "4.1.5",
     "protractor": "~7.0.0",
     "shx": "0.3.3",
-    "ts-node": "~10.4.0",
+    "ts-node": "~10.9.1",
     "tslint": "~6.1.0",
     "typescript": "~4.8.3",
     "wait-on": "6.0.0"

cypress/integration/sample_app_spec.js renamed to cypress/e2e/sample_app.cy.js

@@ -7,16 +7,10 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
 }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package.json

@@ -8,7 +8,7 @@
     "declaration": false,
     "moduleResolution": "node",
     "experimentalDecorators": true,
-    "target": "es2020",
+    "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
@@ -17,6 +17,7 @@
       "dom"
     ],
     "module": "es2020",
-    "baseUrl": "./"
+    "baseUrl": "./",
+    "useDefineForClassFields": false
   }
 }

src/test.ts

@@ -1,7 +1,5 @@
 {
-  "rulesDirectory": [
-    "node_modules/codelyzer"
-  ],
+  "rulesDirectory": [],
   "rules": {
     "arrow-return-shorthand": true,
     "callable-types": true,