ui: fix build on latest Ubuntu and macOS (#11259)

* ui: fix build on latest Ubuntu and macOS

This fixes UI build, so it can build against nodejs 20.x/LTS.

Signed-off-by: Rohit Yadav <[email protected]>

* Update ui/package.json

---------

Signed-off-by: Rohit Yadav <[email protected]>

Author: rohityadavcloud

ui/README.md

@@ -8,18 +8,18 @@ A modern role-based progressive CloudStack UI based on Vue.js and Ant Design.
 
 Install node: (Debian/Ubuntu)
 
-    curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
+    curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash -
     sudo apt-get install -y nodejs
     # Or use distro provided: sudo apt-get install npm nodejs
 
 Install node: (CentOS/Fedora/RHEL)
 
-    curl -sL https://rpm.nodesource.com/setup_16.x | sudo bash -
+    curl -sL https://rpm.nodesource.com/setup_20.x | sudo bash -
     sudo yum install nodejs
 
 Install node: (Mac OS)
 
-    brew install node@16
+    brew install node@20
 
 Optionally, you may also install system-wide dev tools:
 
@@ -44,6 +44,10 @@ To use the community Simulator QA server you can do this:
 
     echo "CS_URL=https://qa.cloudstack.cloud" > .env.local
 
+This may be required for newer npm versions:
+
+    export NODE_OPTIONS=--openssl-legacy-provider
+
 Build and run:
 
     npm run serve

ui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloudstack-ui",
   "description": "Modern role-based Apache CloudStack UI",
-  "version": "4.19.0",
+  "version": "4.22.0",
   "homepage": "https://cloudstack.apache.org/",
   "repository": {
     "type": "git",
@@ -106,8 +106,10 @@
     "uglifyjs-webpack-plugin": "^2.2.0",
     "vue-jest": "^5.0.0-0",
     "vue-svg-loader": "^0.17.0-beta.2",
-    "webpack": "^4.46.0"
+    "webpack": "^4.46.0",
+    "node-gyp": "10.0.1",  "nan": "2.18.0"
   },
+  "resolutions": { "nan": "2.18.0" },
   "eslintConfig": {
     "root": true,
     "env": {