feat: upgrade to Angular 17 (#498)

.github/workflows/single-spa-angular.yml

@@ -13,19 +13,19 @@ jobs:
       fail-fast: true
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         with:
           # Default cache directory for both Yarn and Cypress
           path: ~/.cache
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: '16'
+          node-version: '18.13'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install dependencies

.gitignore

@@ -55,3 +55,5 @@ migrations.json
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+
+.nx/cache

.prettierignore

@@ -17,3 +17,5 @@ dist
 assets
 .husky
 *.ejs
+
+/.nx/cache

libs/single-spa-angular/project.json

@@ -9,8 +9,7 @@
       "executor": "@nx/angular:package",
       "options": {
         "tsConfig": "libs/single-spa-angular/tsconfig.lib.json",
-        "project": "libs/single-spa-angular/ng-package.json",
-        "updateBuildableProjectDepsInPackageJson": true
+        "project": "libs/single-spa-angular/ng-package.json"
       }
     }
   },

nx.json

@@ -1,18 +1,13 @@
 {
-  "npmScope": "single-spa-angular",
   "affected": {
     "defaultBase": "master"
   },
   "tasksRunnerOptions": {
     "default": {
-      "runner": "nx-cloud",
       "options": {
-        "accessToken": "YmQwMTE3MTMtOTE0YS00ZjUwLTliN2ItMWI4N2NmMmQ1MTUzfHJlYWQtd3JpdGU=",
-        "cacheableOperations": ["build", "test", "lint", "e2e"],
         "runtimeCacheInputs": ["node -v", "node ./scripts/get-os.js"],
         "canTrackAnalytics": false,
-        "showUsageWarnings": true,
-        "parallel": 1
+        "showUsageWarnings": true
       }
     }
   },
@@ -54,7 +49,19 @@
   },
   "targetDefaults": {
     "build": {
-      "inputs": ["production", "^production"]
+      "inputs": ["production", "^production"],
+      "cache": true
+    },
+    "test": {
+      "cache": true
+    },
+    "lint": {
+      "cache": true
+    },
+    "e2e": {
+      "cache": true
     }
-  }
+  },
+  "nxCloudAccessToken": "YmQwMTE3MTMtOTE0YS00ZjUwLTliN2ItMWI4N2NmMmQ1MTUzfHJlYWQtd3JpdGU=",
+  "parallel": 1
 }

package.json

@@ -82,52 +82,52 @@
     "test:ci:integration": "yarn start-test start:all 8080 cy:run"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "16.0.1",
-    "@angular-devkit/build-angular": "16.2.2",
-    "@angular-devkit/core": "16.2.2",
-    "@angular-devkit/schematics": "16.2.2",
-    "@angular/animations": "16.2.5",
-    "@angular/cli": "~16.2.0",
-    "@angular/common": "16.2.5",
-    "@angular/compiler": "16.2.5",
-    "@angular/compiler-cli": "16.2.5",
-    "@angular/core": "16.2.5",
-    "@angular/elements": "16.2.5",
-    "@angular/forms": "16.2.5",
-    "@angular/language-service": "16.2.5",
-    "@angular/platform-browser": "16.2.5",
-    "@angular/platform-browser-dynamic": "16.2.5",
-    "@angular/router": "16.2.5",
+    "@angular-builders/custom-webpack": "17.0.0",
+    "@angular-devkit/build-angular": "17.0.3",
+    "@angular-devkit/core": "17.0.3",
+    "@angular-devkit/schematics": "17.0.3",
+    "@angular/animations": "17.0.4",
+    "@angular/cli": "~17.0.0",
+    "@angular/common": "17.0.4",
+    "@angular/compiler": "17.0.4",
+    "@angular/compiler-cli": "17.0.4",
+    "@angular/core": "17.0.4",
+    "@angular/elements": "17.0.4",
+    "@angular/forms": "17.0.4",
+    "@angular/language-service": "17.0.4",
+    "@angular/platform-browser": "17.0.4",
+    "@angular/platform-browser-dynamic": "17.0.4",
+    "@angular/router": "17.0.4",
+    "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
     "@commitlint/cli": "17.4.0",
     "@commitlint/config-conventional": "17.4.0",
-    "@nx/angular": "16.8.1",
-    "@nx/workspace": "16.8.1",
-    "@schematics/angular": "16.2.2",
+    "@nx/angular": "17.2.8",
+    "@nx/workspace": "17.2.8",
+    "@schematics/angular": "17.0.3",
     "@types/jest": "29.4.4",
     "@types/karma": "^6.1.0",
     "@types/node": "^16.11.7",
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "@types/single-spa-react": "4.0.0",
     "@types/systemjs": "^6.1.1",
-    "@typescript-eslint/eslint-plugin": "4.19.0",
-    "@typescript-eslint/parser": "4.19.0",
+    "@typescript-eslint/eslint-plugin": "6.10.0",
+    "@typescript-eslint/parser": "6.10.0",
     "babel-plugin-dynamic-import-node": "2.3.3",
     "concurrently": "^5.1.0",
     "cpx": "^1.5.0",
     "cypress": "9.5.2",
-    "eslint": "7.22.0",
-    "eslint-plugin-prefer-arrow": "^1.2.0",
+    "eslint": "8.48.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^7.0.4",
     "jest": "29.4.3",
     "jest-environment-jsdom": "29.4.3",
-    "jest-preset-angular": "13.1.1",
+    "jest-preset-angular": "13.1.4",
     "json5": "^2.2.2",
     "lint-staged": "^12.1.1",
-    "ng-packagr": "16.2.3",
-    "nx": "16.8.1",
-    "nx-cloud": "16.4.0",
+    "ng-packagr": "17.0.2",
+    "nx": "17.2.8",
     "postcss": "^8.3.9",
     "postcss-import": "14.1.0",
     "postcss-preset-env": "7.5.0",
@@ -143,9 +143,9 @@
     "style-loader": "^3.3.1",
     "ts-jest": "29.0.5",
     "tslib": "^2.3.0",
-    "typescript": "5.1.6",
+    "typescript": "5.2.2",
     "webpack-cli": "^4.9.2",
-    "zone.js": "0.13.1"
+    "zone.js": "0.14.2"
   },
   "dependencies": {
     "single-spa": ">= 5.4"