Upgrade Maven builds to Node.js v16 and npm v8 (#1353)

For Main UI & Basic UI, with appropriate changes for the latter.
Leaving HABot to current versions for now until the build is fixed.

Signed-off-by: Jan N. Klug <github@klug.nrw>

.gitignore

@@ -10,3 +10,4 @@ bin/
 features/*/src/main/history
 npm-debug.log
 node_modules/
+.idea

README.md

@@ -57,7 +57,8 @@ You find the following repository structure:
 
 In most cases, you **don't** need a Java development environment for UI development.
 
-Instead, make sure you have NodeJS 12.16 or later and npm 6.14 or later installed.
+Instead, make sure you have NodeJS 16.14 (HABot: 12.16) or later and npm 8.6 (HABot: 6.14) or later installed.
+
 
 Then identify in the `bundles` directories where the frontend code is - for instance, for the main UI it is `bundles/org.openhab.ui/web/`.
 Then follow the instructions in the specific add-on's `CONTRIBUTING.md` file to get started. In the main UI's case, it is located in [bundles/org.openhab.ui/CONTRIBUTING.md](https://github.com/openhab/openhab-webui/blob/master/bundles/org.openhab.ui/CONTRIBUTING.md). In many cases it will involve executing some `npm` commands to install dependencies and start a development server.

bundles/org.openhab.ui.basic/gulpfile.js

@@ -3,7 +3,7 @@
 
 	var
 		gulp = require("gulp"),
-		sass = require("gulp-sass"),
+		sass = require('gulp-sass')(require('node-sass')),
 		uglify = require("gulp-uglify"),
 		eslint = require("gulp-eslint");
 

bundles/org.openhab.ui.basic/package.json

@@ -8,7 +8,8 @@
   "dependencies": {
     "gulp": "^4.0.2",
     "gulp-eslint": "^6.0.0",
-    "gulp-sass": "^4.1.0",
+    "gulp-sass": "^5.0.0",
+    "node-sass": "^6.0.1",
     "gulp-uglify": "^3.0.2",
     "material-design-icons": "^3.0.1",
     "roboto-fontface": "^0.10.0"

bundles/org.openhab.ui.basic/pom.xml

@@ -35,8 +35,8 @@
         <version>1.9.0</version>
 
         <configuration>
-          <nodeVersion>v12.16.1</nodeVersion>
+          <nodeVersion>v16.14.2</nodeVersion>
-          <npmVersion>6.14.3</npmVersion>
+          <npmVersion>8.6.0</npmVersion>
           <environmentVariables>
             <npm_config_cache>${project.basedir}/npm_cache</npm_config_cache>
             <npm_config_tmp>${project.basedir}/npm_tmp</npm_config_tmp>

bundles/org.openhab.ui/CONTRIBUTING.md

@@ -8,7 +8,7 @@ The repository for web user interfaces, including this project, is located at ht
 
 This project is built using [Vue.js](https://vuejs.org/), [webpack](https://webpack.js.org/) and [Framework7](https://framework7.io).
 
-You need Node 8.10.0 or later and npm 5.6.0. Change to the `web` directory, gather the necessary dependencies with `npm install` then the scripts below will be available.
+You need Node 16.14.0 or later and npm 8.6.0. Change to the `web` directory, gather the necessary dependencies with `npm install` then the scripts below will be available.
 
 ## NPM Scripts
 

bundles/org.openhab.ui/pom.xml

@@ -38,8 +38,8 @@
         <version>1.9.0</version>
 
         <configuration>
-          <nodeVersion>v12.16.1</nodeVersion>
+          <nodeVersion>v16.14.2</nodeVersion>
-          <npmVersion>6.14.3</npmVersion>
+          <npmVersion>8.6.0</npmVersion>
           <workingDirectory>web</workingDirectory>
         </configuration>