Merge pull request #681 from aspnetboilerplate/feat/ng-standalone

Feat/ng standalone

Author: oguzhanagir

angular/.browserslistrc

@@ -9,4 +9,6 @@
 last 2 versions
 Firefox ESR
 not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.
+not IE 9-11
+not kaios 2.5
+not op_mini all

angular/angular.json

@@ -9,13 +9,16 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "tsConfig": "src/tsconfig.json",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "assets": [
               "src/assets",
               "src/favicon.ico",
@@ -36,9 +39,7 @@
               "src/assets/freeze-ui/freeze-ui.css",
               "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
               "node_modules/admin-lte-css-only/css/adminlte.min.css",
-              "src/shared/core.less",
-              "node_modules/primeng/resources/primeng.min.css",
-              "node_modules/primeng/resources/themes/bootstrap4-light-blue/theme.css"
+              "src/shared/core.less"
             ],
             "scripts": [
               "node_modules/moment/min/moment.min.js",
@@ -51,12 +52,11 @@
               "src/assets/abp-web-resources/abp.freeze-ui.js",
               "node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js"
             ],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -71,8 +71,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

angular/package.json

@@ -6,34 +6,35 @@
   "scripts": {
     "pree2e": "webdriver-manager update --standalone false --gecko false",
     "e2e": "protractor",
-    "hmr": "ng serve --host 0.0.0.0 --port 4200 --hmr",
+    "hmr": "ng serve --host 0.0.0.0 --port 4200",
     "lint": "tslint --force --project src/tsconfig.json src/**/*.ts -t verbose",
     "ng": "ng",
-    "start": "ng serve --host 0.0.0.0 --port 4200",
+    "start": "ng serve --host 0.0.0.0 --port 4200 --no-hmr",
     "test": "ng test"
   },
   "dependencies": {
-    "@angular/animations": "^18.1.2",
-    "@angular/common": "^18.1.2",
-    "@angular/compiler": "^18.1.2",
-    "@angular/core": "^18.1.2",
-    "@angular/forms": "^18.1.2",
-    "@angular/platform-browser": "^18.1.2",
-    "@angular/platform-browser-dynamic": "^18.1.2",
-    "@angular/router": "^18.1.2",
+    "@angular/animations": "^19.2.1",
+    "@angular/common": "^19.2.1",
+    "@angular/compiler": "^19.2.1",
+    "@angular/core": "^19.2.1",
+    "@angular/forms": "^19.2.1",
+    "@angular/platform-browser": "^19.2.1",
+    "@angular/platform-browser-dynamic": "^19.2.1",
+    "@angular/router": "^19.2.1",
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@microsoft/signalr": "^8.0.7",
     "abp-ng2-module": "12.1.0",
     "abp-web-resources": "^6.1.0",
     "admin-lte-css-only": "^3.2.0",
-    "core-js": "^3.40.0",
+    "core-js": "^3.41.0",
     "famfamfam-flags": "^1.0.0",
     "lodash-es": "^4.17.21",
     "moment": "2.30.1",
     "moment-timezone": "0.5.47",
     "ngx-bootstrap": "^19.0.2",
     "ngx-pagination": "^6.0.3",
-    "primeng": "^17.18.11",
+    "primeng": "^19.0.9",
+    "@primeng/themes": "^19.0.9",
     "push.js": "1.0.12",
     "rtl-detect": "^1.1.2",
     "rxjs": "^7.8.2",
@@ -42,14 +43,14 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.1.2",
-    "@angular/cli": "^18.1.2",
-    "@angular/compiler-cli": "^18.1.2",
+    "@angular-devkit/build-angular": "^19.2.1",
+    "@angular/cli": "^19.2.1",
+    "@angular/compiler-cli": "^19.2.1",
     "@angularclass/hmr": "^3.0.0",
     "@types/jasmine": "~5.1.7",
     "@types/lodash-es": "^4.17.12",
     "@types/moment-timezone": "^0.5.30",
-    "@types/node": "^22.13.5",
+    "@types/node": "^22.13.10",
     "jasmine-core": "~5.6.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "~6.4.4",
@@ -62,7 +63,7 @@
     "protractor": "~7.0.0",
     "ts-node": "^10.9.2",
     "tslint": "~6.1.3",
-    "typescript": "5.5.3",
+    "typescript": "5.8.2",
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "angular-cli": {}

angular/src/account/account.component.ts

@@ -6,10 +6,17 @@ import {
   Renderer2
 } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
+import { AccountHeaderComponent } from './layout/account-header.component';
+import { TenantChangeComponent } from './tenant/tenant-change.component';
+import { RouterOutlet } from '@angular/router';
+import { AccountLanguagesComponent } from './layout/account-languages.component';
+import { AccountFooterComponent } from './layout/account-footer.component';
 
 @Component({
-  templateUrl: './account.component.html',
-  encapsulation: ViewEncapsulation.None
+    templateUrl: './account.component.html',
+    encapsulation: ViewEncapsulation.None,
+    standalone: true,
+    imports: [AccountHeaderComponent, TenantChangeComponent, RouterOutlet, AccountLanguagesComponent, AccountFooterComponent]
 })
 export class AccountComponent extends AppComponentBase implements OnInit {
   constructor(injector: Injector, private renderer: Renderer2) {

angular/src/account/account.module.ts

@@ -27,9 +27,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         SharedModule,
         ServiceProxyModule,
         AccountRoutingModule,
-        ModalModule.forChild()
-    ],
-    declarations: [
+        ModalModule.forChild(),
         AccountComponent,
         LoginComponent,
         RegisterComponent,
@@ -38,7 +36,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         AccountFooterComponent,
         // tenant
         TenantChangeComponent,
-        TenantChangeDialogComponent,
+        TenantChangeDialogComponent
     ]
 })
 export class AccountModule {

angular/src/account/layout/account-footer.component.ts

@@ -1,10 +1,13 @@
 import { Component, Injector, ChangeDetectionStrategy } from '@angular/core';
 import { AppComponentBase } from '@shared/app-component-base';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  selector: 'account-footer',
-  templateUrl: './account-footer.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-footer',
+    templateUrl: './account-footer.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [LocalizePipe]
 })
 export class AccountFooterComponent extends AppComponentBase {
   currentYear: number;

angular/src/account/layout/account-header.component.ts

@@ -1,8 +1,9 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
-  selector: 'account-header',
-  templateUrl: './account-header.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-header',
+    templateUrl: './account-header.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class AccountHeaderComponent {}

angular/src/account/layout/account-languages.component.ts

@@ -8,9 +8,10 @@ import { AppComponentBase } from '@shared/app-component-base';
 import { filter as _filter } from 'lodash-es';
 
 @Component({
-  selector: 'account-languages',
-  templateUrl: './account-languages.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'account-languages',
+    templateUrl: './account-languages.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class AccountLanguagesComponent extends AppComponentBase
   implements OnInit {

angular/src/account/login/login.component.ts

@@ -3,10 +3,16 @@ import { AbpSessionService } from 'abp-ng2-module';
 import { AppComponentBase } from '@shared/app-component-base';
 import { accountModuleAnimation } from '@shared/animations/routerTransition';
 import { AppAuthService } from '@shared/auth/app-auth.service';
+import { FormsModule } from '@angular/forms';
+import { AbpValidationSummaryComponent } from '../../shared/components/validation/abp-validation.summary.component';
+import { RouterLink } from '@angular/router';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './login.component.html',
-  animations: [accountModuleAnimation()]
+    templateUrl: './login.component.html',
+    animations: [accountModuleAnimation()],
+    standalone: true,
+    imports: [FormsModule, AbpValidationSummaryComponent, RouterLink, LocalizePipe]
 })
 export class LoginComponent extends AppComponentBase {
   submitting = false;

angular/src/account/register/register.component.ts

@@ -1,5 +1,5 @@
 import { Component, Injector, Input } from '@angular/core';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { finalize } from 'rxjs/operators';
 import { AppComponentBase } from '@shared/app-component-base';
 import {
@@ -9,10 +9,15 @@ import {
 } from '@shared/service-proxies/service-proxies';
 import { accountModuleAnimation } from '@shared/animations/routerTransition';
 import { AppAuthService } from '@shared/auth/app-auth.service';
+import { FormsModule } from '@angular/forms';
+import { AbpValidationSummaryComponent } from '../../shared/components/validation/abp-validation.summary.component';
+import { LocalizePipe } from '@shared/pipes/localize.pipe';
 
 @Component({
-  templateUrl: './register.component.html',
-  animations: [accountModuleAnimation()]
+    templateUrl: './register.component.html',
+    animations: [accountModuleAnimation()],
+    standalone: true,
+    imports: [FormsModule, AbpValidationSummaryComponent, RouterLink, LocalizePipe]
 })
 export class RegisterComponent extends AppComponentBase {
   model: RegisterInput = new RegisterInput();