Update dependencies and build system

Signed-off-by: Knut Ahlers <knut@ahlers.me>

.gitignore

@@ -1,2 +1,3 @@
 dist/app.js
+dist/app.js.LICENSE.txt
 node_modules

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14 as builder
+FROM node:18 as builder
 
 COPY . /src
 WORKDIR /src

package.json

@@ -1,33 +1,33 @@
 {
   "devDependencies": {
-    "axios": "^0.19.2",
-    "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.5",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "bootstrap": "^4.5.0",
-    "bootstrap-vue": "^2.16.0",
-    "bootswatch": "^4.5.0",
-    "css-loader": "^1.0.0",
-    "node-sass": "^4.14.1",
-    "popper.js": "^1.16.1",
-    "sass-loader": "^7.3.1",
-    "style-loader": "^0.21.0",
-    "vue": "^2.6.11",
-    "vue-i18n": "^8.20.0",
-    "vue-loader": "^15.9.3",
-    "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-middleware": "^1.4.0",
-    "webpack-hot-middleware": "^2.9.1"
+    "@babel/core": "^7.18.13",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/runtime": "^7.18.9",
+    "babel-loader": "^8.2.5",
+    "css-loader": "^6.7.1",
+    "node-sass": "^7.0.1",
+    "sass-loader": "^13.0.2",
+    "style-loader": "^3.3.1",
+    "util": "^0.12.4",
+    "vue-loader": "^15",
+    "vue-template-compiler": "^2",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0"
   },
   "name": "browserphone",
   "private": true,
   "scripts": {
-    "build": "webpack -p"
+    "build": "webpack --mode production"
   },
   "dependencies": {
-    "@twilio/voice-sdk": "^2.1.1"
+    "@twilio/voice-sdk": "^2.1.1",
+    "axios": "^0.27.2",
+    "bootstrap": "^4",
+    "bootstrap-vue": "^2.22.0",
+    "bootswatch": "^4",
+    "popper.js": "^1.16.1",
+    "vue": "^2",
+    "vue-i18n": "^8"
   }
 }

webpack.config.js

@@ -1,7 +1,8 @@
 const path = require('path')
-const webpack = require('webpack');
+const webpack = require('webpack')
+
+const { VueLoaderPlugin } = require('vue-loader')
 
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 function resolve(dir) {
   return path.join(__dirname, dir)
@@ -14,16 +15,20 @@ module.exports = {
     path: resolve('./dist'),
   },
   plugins: [
-    new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({
       'process.env': {
-        'NODE_ENV': JSON.stringify('production')
-      }
+        NODE_ENV: JSON.stringify('production'),
+      },
     }),
     new VueLoaderPlugin(),
   ],
+  resolve: {
+    fallback: {
+      util: require.resolve('util/'),
+    },
+  },
   optimization: {
-    minimize: true
+    minimize: true,
   },
   module: {
     rules: [
@@ -43,14 +48,9 @@ module.exports = {
         use: {
           loader: 'babel-loader',
           options: {
-            plugins: [
-              ['transform-runtime', {polyfill: false, regenerator: true}],
-            ],
-            presets: [
-              ['env', { "targets": { "browsers": [">0.25%", "not ie 11", "not op_mini all"] } }]
-            ]
-          }
-        }
+            presets: [['@babel/preset-env', { targets: { browsers: ['>0.25%', 'not ie 11', 'not op_mini all'] } }]],
+          },
+        },
       },
 
       {
@@ -58,6 +58,6 @@ module.exports = {
         loader: 'vue-loader',
       },
 
-    ]
-  }
+    ],
+  },
 }