package.json

@@ -42,7 +42,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-standard": "^4.0.1",
     "lint-staged": "^9.5.0",
-    "webpack-cli": "^3.3.11"
+    "webpack-cli": "^5.0.1"
   },
   "eslintConfig": {
     "parser": "babel-eslint",

packages/console-app/package.json

@@ -53,6 +53,7 @@
     "lodash.defaultsdeep": "^4.6.1",
     "lodash.get": "^4.4.2",
     "moment": "^2.26.0",
+    "node-polyfill-webpack-plugin": "^2.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router": "^5.2.0",
@@ -67,8 +68,8 @@
     "@babel/plugin-proposal-export-default-from": "^7.8.3",
     "@babel/preset-env": "^7.4.5",
     "@babel/preset-react": "^7.0.0",
-    "@webpack-cli/info": "^0.2.0",
+    "@webpack-cli/info": "^2.0.1",
-    "@webpack-cli/init": "^0.3.0",
+    "@webpack-cli/init": "^1.1.3",
     "babel-eslint": "^10.0.2",
     "babel-jest": "^24.8.0",
     "babel-loader": "^8.0.0",
@@ -76,7 +77,7 @@
     "babel-plugin-import-graphql": "^2.7.0",
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-inline-json-import": "^0.3.2",
-    "dotenv-webpack": "^1.8.0",
+    "dotenv-webpack": "^8.0.1",
     "eslint": "^6.7.2",
     "eslint-config-semistandard": "^15.0.0",
     "eslint-config-standard": "^14.1.1",
@@ -89,17 +90,17 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-standard": "^4.0.1",
     "graphql": "^15.0.0",
-    "html-webpack-plugin": "^4.3.0",
+    "html-webpack-plugin": "^5.5.0",
     "jest": "^24.8.0",
-    "react-scripts": "^3.4.1",
+    "react-scripts": "^5.0.1",
     "semistandard": "^14.2.0",
-    "webpack": "^4.41.2",
+    "webpack": "^5.76.2",
-    "webpack-bundle-analyzer": "^3.6.0",
+    "webpack-bundle-analyzer": "^4.8.0",
-    "webpack-cli": "^3.3.11",
+    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^3.11.0",
+    "webpack-dev-server": "^4.13.1",
-    "webpack-merge": "^4.2.2",
+    "webpack-merge": "^5.8.0",
-    "webpack-version-file-plugin": "^0.4.0",
+    "webpack-version-file-plugin": "^0.5.0",
-    "yaml-loader": "^0.6.0"
+    "yaml-loader": "^0.8.0"
   },
   "peerDependencies": {
     "react": "16.12.0",

packages/console-app/version.ejs

@@ -1,7 +1,8 @@
 {
   "build": {
     "name":      "<%= package.name %>",
-    "buildDate": "<%= currentTime.toISOString() %>",
+    <%# TODO: figure out how to get this back (failed in update to Node 18/Webpack5) %>
+    "buildDate": "currentTime.toISOString()",
     "version":   "<%= package.version %>"
   }
 }

packages/console-app/webpack-analyzer.config.js

@@ -2,7 +2,7 @@
 // Copyright 2019 DXOS.org
 //
 
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
 const baseConfig = require('./webpack-common.config');

packages/console-app/webpack-common.config.js

@@ -4,6 +4,7 @@
 
 const path = require('path');
 const Dotenv = require('dotenv-webpack');
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")
 const VersionFile = require('webpack-version-file-plugin');
 const webpack = require('webpack');
 
@@ -14,19 +15,24 @@ const CONFIG_FILE = path.relative('./src', process.env.CONFIG_FILE || 'config-lo
 module.exports = {
   devtool: 'eval-source-map',
 
-  devServer: {
+  watchOptions: {
-    contentBase: path.join(__dirname, 'dist'),
+    ignored: /node_modules/,
-    compress: true,
+    aggregateTimeout: 600
-    disableHostCheck: true,
-    port: 8080,
-    watchOptions: {
-      ignored: /node_modules/,
-      aggregateTimeout: 600
-    }
   },
 
-  node: {
+  devServer: {
-    fs: 'empty'
+    static: {
+      directory: path.join(__dirname, "dist")
+    },
+    compress: true,
+    allowedHosts: "all",
+    port: 8080
+  },
+
+  resolve: {
+    fallback: {
+      fs: false
+    }
   },
 
   output: {
@@ -84,7 +90,9 @@ module.exports = {
       template: path.join(__dirname, 'version.ejs'),
       packageFile: path.join(__dirname, 'package.json'),
       outputFile: path.join(__dirname, 'src', 'version.json')
-    })
+    }),
+
+    new NodePolyfillPlugin()
   ],
 
   module: {
@@ -96,11 +104,9 @@ module.exports = {
           loader: 'babel-loader'
         }
       },
-
       // https://github.com/eemeli/yaml-loader
       {
         test: /\.ya?ml$/,
-        type: 'json',
         use: 'yaml-loader'
       }
     ]

packages/console-app/webpack.config.js

@@ -2,7 +2,7 @@
 // Copyright 2019 DXOS.org
 //
 
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 
 const commonConfig = require('./webpack-common.config');