Merge pull request #650 from aspnetboilerplate/feat/net8-and-angular17

Upgrade to .NET 8 and Angular 17

Author: ismcagdas

angular/angular.json

@@ -98,21 +98,21 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "AbpProjectName:build"
+            "buildTarget": "AbpProjectName:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "AbpProjectName:build:production"
+              "buildTarget": "AbpProjectName:build:production"
             },
             "hmr": {
-              "browserTarget": "AbpProjectName:build:hmr"
+              "buildTarget": "AbpProjectName:build:hmr"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "AbpProjectName:build"
+            "buildTarget": "AbpProjectName:build"
           }
         },
         "test": {

angular/package.json

@@ -13,57 +13,57 @@
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/animations": "^15.0.3",
-    "@angular/common": "^15.0.3",
-    "@angular/compiler": "^15.0.3",
-    "@angular/core": "^15.0.3",
-    "@angular/forms": "^15.0.3",
-    "@angular/platform-browser": "^15.0.3",
-    "@angular/platform-browser-dynamic": "^15.0.3",
-    "@angular/router": "^15.0.3",
+    "@angular/animations": "^17.0.4",
+    "@angular/common": "^17.0.4",
+    "@angular/compiler": "^17.0.4",
+    "@angular/core": "^17.0.4",
+    "@angular/forms": "^17.0.4",
+    "@angular/platform-browser": "^17.0.4",
+    "@angular/platform-browser-dynamic": "^17.0.4",
+    "@angular/router": "^17.0.4",
     "@aspnet/signalr": "^1.1.4",
-    "@fortawesome/fontawesome-free": "^6.2.1",
-    "abp-ng2-module": "8.0.0",
-    "abp-web-resources": "^5.7.0",
+    "@fortawesome/fontawesome-free": "^6.4.2",
+    "abp-ng2-module": "10.0.0",
+    "abp-web-resources": "^5.9.1",
     "admin-lte-css-only": "^3.2.0",
-    "core-js": "^3.26.1",
+    "core-js": "^3.33.3",
     "famfamfam-flags": "^1.0.0",
     "lodash-es": "^4.17.15",
     "moment": "2.29.4",
-    "moment-timezone": "0.5.40",
-    "ngx-bootstrap": "^9.0.0",
+    "moment-timezone": "0.5.43",
+    "ngx-bootstrap": "^11.0.2",
     "ngx-pagination": "^6.0.3",
     "push.js": "1.0.12",
-    "rxjs": "^7.6.0",
-    "sweetalert2": "^11.6.15",
+    "rxjs": "^7.8.1",
+    "sweetalert2": "^11.10.1",
     "ts-helpers": "^1.1.2",
-    "tslib": "^2.4.1",
-    "zone.js": "~0.12.0"
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.0.3",
-    "@angular/cli": "^15.0.3",
-    "@angular/compiler-cli": "^15.0.3",
+    "@angular-devkit/build-angular": "^17.0.2",
+    "@angular/cli": "^17.0.2",
+    "@angular/compiler-cli": "^17.0.4",
     "@angularclass/hmr": "^3.0.0",
-    "@types/jasmine": "~4.3.1",
-    "@types/lodash-es": "^4.17.6",
+    "@types/jasmine": "~5.1.3",
+    "@types/lodash-es": "^4.17.11",
     "@types/moment-timezone": "^0.5.30",
-    "@types/node": "^18.11.15",
+    "@types/node": "^20.9.3",
     "codelyzer": "^6.0.0",
-    "jasmine-core": "~4.5.0",
+    "jasmine-core": "~5.1.1",
     "jasmine-spec-reporter": "~7.0.0",
-    "karma": "~6.4.1",
-    "karma-chrome-launcher": "~3.1.1",
+    "karma": "~6.4.2",
+    "karma-chrome-launcher": "~3.2.0",
     "karma-cli": "^2.0.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "^2.0.0",
-    "nswag": "^13.18.1",
+    "karma-jasmine-html-reporter": "^2.1.0",
+    "nswag": "^13.20.0",
     "protractor": "~7.0.0",
     "ts-node": "^10.9.1",
     "tslint": "~6.1.0",
-    "typescript": "4.8.4",
-    "webpack-bundle-analyzer": "^4.7.0"
+    "typescript": "5.2.2",
+    "webpack-bundle-analyzer": "^4.10.1"
   },
   "angular-cli": {}
 }

angular/src/app/layout/sidebar-menu.component.ts

@@ -23,22 +23,20 @@ export class SidebarMenuComponent extends AppComponentBase implements OnInit {
 
     constructor(injector: Injector, private router: Router) {
         super(injector);
-        this.router.events.subscribe(this.routerEvents);
     }
 
     ngOnInit(): void {
         this.menuItems = this.getMenuItems();
         this.patchMenuItems(this.menuItems);
-        this.routerEvents
-            .pipe(filter((event) => event instanceof NavigationEnd))
-            .subscribe((event) => {
-                const currentUrl = event.url !== '/' ? event.url : this.homeRoute;
+
+        this.router.events.subscribe((event: NavigationEnd) => {
+            const currentUrl = event.url !== '/' ? event.url : this.homeRoute;
                 const primaryUrlSegmentGroup = this.router.parseUrl(currentUrl).root
                     .children[PRIMARY_OUTLET];
                 if (primaryUrlSegmentGroup) {
                     this.activateMenuItems('/' + primaryUrlSegmentGroup.toString());
                 }
-            });
+        });
     }
 
     getMenuItems(): MenuItem[] {

angular/src/shared/auth/auth-route-guard.ts

@@ -2,15 +2,10 @@ import { Injectable } from '@angular/core';
 import { PermissionCheckerService } from 'abp-ng2-module';
 import { AppSessionService } from '../session/app-session.service';
 
-import {
-    CanActivate, Router,
-    ActivatedRouteSnapshot,
-    RouterStateSnapshot,
-    CanActivateChild
-} from '@angular/router';
+import { Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 
 @Injectable()
-export class AppRouteGuard implements CanActivate, CanActivateChild {
+export class AppRouteGuard  {
 
     constructor(
         private _permissionChecker: PermissionCheckerService,

angular/src/shared/helpers/SignalRAspNetCoreHelper.ts

@@ -12,7 +12,8 @@ export class SignalRAspNetCoreHelper {
             qs: AppConsts.authorization.encryptedAuthTokenName + '=' + encodeURIComponent(encryptedAuthToken),
             remoteServiceBaseUrl: AppConsts.remoteServiceBaseUrl,
             startConnection: undefined,
-            url: '/signalr'
+            url: '/signalr',
+            withUrlOptions: {}
         };
 
         const script = document.createElement('script');

angular/src/shared/service-proxies/service-proxies.ts

@@ -1,6 +1,6 @@
 //----------------------
 // <auto-generated>
-//     Generated using the NSwag toolchain v13.18.1.0 (NJsonSchema v10.8.0.0 (Newtonsoft.Json v13.0.0.0)) (http://NSwag.org)
+//     Generated using the NSwag toolchain v13.20.0.0 (NJsonSchema v10.9.0.0 (Newtonsoft.Json v13.0.0.0)) (http://NSwag.org)
 // </auto-generated>
 //----------------------