Description: |
|
|---|
AE-2302 : Upgrade GUI framework - Angular 21
Review Request #1262 — Created Dec. 24, 2025 and submitted
| Information | |
|---|---|
| pmurugaiyan | |
| AMP | |
| amp_4_0 | |
| AE-2302 | |
| Reviewers | |
| apoorva.sn, pradeep, shuinvy | |
- Update Angular framework to v21
- Implemented Facade design pattern for services
- inject() prioritised over constructors
- Bundle size reduced with optimization measures.
npm run start
gui@0.0.0 start
ng serve
Initial chunk files | Names | Raw size
styles.css | styles | 146.74 kB |
main.js | main | 116.10 kB |
chunk-DKN3KIA4.js | - | 81.01 kB |
chunk-FYME7EFK.js | - | 14.02 kB |
chunk-KY4BFDWX.js | - | 9.04 kB |
chunk-PFCYJ6AV.js | - | 858 bytes |
polyfills.js | polyfills | 95 bytes |
| Initial total | 367.86 kB
Lazy chunk files | Names | Raw size
chunk-IUCYIWJD.js | config-hub | 572.10 kB |
chunk-KIVLTKKE.js | general-settings | 463.66 kB |
chunk-4MC53B3Q.js | apv-ssl-overview | 272.21 kB |
chunk-CTUPRTGT.js | vpn-details-overview | 265.01 kB |
chunk-VIYB6HDM.js | avx-instances-overview | 229.15 kB |
chunk-STWWTP5I.js | dashboard | 218.77 kB |
chunk-FTFMGPER.js | vpn-resource-group-overview | 215.26 kB |
chunk-HGM7JCEZ.js | admin-tools | 211.70 kB |
chunk-S6HDG6IH.js | monitoring | 201.76 kB |
chunk-I4MJNLQY.js | volume-license-devices-overview | 185.11 kB |
chunk-PUQ3VUD7.js | devices | 151.97 kB |
chunk-3Q4X5D57.js | notification | 141.34 kB |
chunk-OHYIBJ3M.js | avx-device-details | 138.01 kB |
chunk-EJRAQILY.js | reports | 135.52 kB |
chunk-NDSPDT7K.js | storage | 127.52 kB |
...and 43 more lazy chunks files. Use "--verbose" to show all the files.
Application bundle generation complete. [8.415 seconds] - 2025-12-24T04:39:46.243Z
Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
10:09:46 AM [vite] (client) Re-optimizing dependencies because vite config has changed
➜ Local: http://localhost:4200/
➜ press h + enter to show help
npm run build
gui@0.0.0 build
ng build
Initial chunk files | Names | Raw size | Estimated transfer size
chunk-QJJ4FBNA.js | - | 1.23 MB | 245.62 kB
chunk-GJLD3DBL.js | - | 761.76 kB | 208.25 kB
chunk-5Y3RUOSA.js | - | 265.32 kB | 74.55 kB
styles-3ULAYBMD.css | styles | 128.68 kB | 9.97 kB
main-5I7QUC6Y.js | main | 42.87 kB | 9.52 kB
polyfills-5CFQRCPP.js | polyfills | 34.59 kB | 11.33 kB
chunk-IOGKXNMX.js | - | 34.31 kB | 7.51 kB
chunk-CUB5XBSR.js | - | 9.15 kB | 1.69 kB
chunk-MYT76KMM.js | - | 8.65 kB | 2.20 kB
chunk-ZNXIG3ZT.js | - | 1.61 kB | 659 bytes
chunk-EQVTEUXC.js | - | 1.17 kB | 519 bytes
chunk-ZMPFKLTE.js | - | 974 bytes | 974 bytes
chunk-6YJEF4CE.js | - | 227 bytes | 227 bytes
| Initial total | 2.52 MB | 573.02 kB
Lazy chunk files | Names | Raw size | Estimated transfer size
chunk-QBNVOM6Y.js | xterm | 281.12 kB | 57.45 kB
chunk-ATH3TPSV.js | config-hub | 164.79 kB | 17.40 kB
chunk-ZVDYW2NG.js | general-settings | 123.99 kB | 18.65 kB
chunk-XQZF72PO.js | - | 108.64 kB | 20.09 kB
chunk-JUVP5QTI.js | vpn-details-overview | 76.48 kB | 11.65 kB
chunk-PWXRJQG5.js | apv-ssl-overview | 75.13 kB | 8.90 kB
chunk-CPCZKPKY.js | dashboard | 65.23 kB | 9.61 kB
chunk-7GQJDZ7Z.js | vpn-resource-group-overview | 62.24 kB | 5.26 kB
chunk-6PJUYVVH.js | admin-tools | 61.00 kB | 8.01 kB
chunk-BZUTWM7V.js | monitoring | 53.47 kB | 6.31 kB
chunk-ENMEZLOH.js | volume-license-devices-overview | 53.46 kB | 7.83 kB
chunk-CPJF7FK4.js | avx-instances-overview | 48.02 kB | 7.92 kB
chunk-RVIUB73U.js | notification | 42.33 kB | 7.03 kB
chunk-7A24H6ZQ.js | devices | 41.59 kB | 7.89 kB
chunk-S4PMCVTM.js | storage | 39.57 kB | 5.82 kB
...and 48 more lazy chunks files. Use "--verbose" to show all the files.
Application bundle generation complete. [9.627 seconds] - 2025-12-24T04:47:35.029Z
The changes has been tested locally.
