housekeeping

package.json

@@ -20,7 +20,7 @@
         "watch": "concurrently -c \"green,gray,gray\" --names \"tsc,ext,wpc\" --kill-others \"npm:watch-tsc\" \"npm:watch-extra\" \"npm:watch-webpack\"",
         "watch-tsc": "tsc --watch --incremental",
         "watch-extra": "cpx \"src/**/*.{scss,html,ico}\" build/src/ --watch",
-        "watch-webpack": "webpack -w --mode development --display minimal",
+        "watch-webpack": "webpack -w --mode development --stats minimal",
         "serve": "http-server -p 1335",
         "preversion": "npm run test",
         "version": "npm run build",
@@ -41,8 +41,10 @@
         "@types/react-dom": "^17.0.0",
         "@typescript-eslint/eslint-plugin": "^4.9.1",
         "@typescript-eslint/parser": "^4.9.1",
+        "buffer": "^6.0.3",
         "concurrently": "^5.3.0",
         "cpx2": "^3.0.0",
+        "crypto-browserify": "^3.12.0",
         "css-loader": "^5.0.1",
         "eslint": "^7.15.0",
         "extra-watch-webpack-plugin": "^1.0.3",
@@ -50,16 +52,18 @@
         "fs-extra": "^9.0.1",
         "mini-css-extract-plugin": "^1.3.2",
         "molstar": "^2.2.3",
-        "node-sass": "^5.0.0",
+        "node-sass": "^6.0.0",
+        "path-browserify": "^1.0.1",
         "raw-loader": "^4.0.2",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "rxjs": "^6.6.6",
-        "sass-loader": "^10.1.0",
+        "sass-loader": "^11.1.1",
+        "stream-browserify": "^3.0.0",
         "style-loader": "^2.0.0",
         "tslib": "^2.1.0",
-        "typescript": "^4.2.3",
-        "webpack": "^4.44.1",
-        "webpack-cli": "^3.3.12"
+        "typescript": "^4.2.4",
+        "webpack": "^5.37.1",
+        "webpack-cli": "^4.7.0"
     }
 }

webpack.config.js

@@ -42,16 +42,22 @@ const sharedConfig = {
             'node_modules',
             path.resolve(__dirname, 'build/src/')
         ],
+        fallback: {
+            fs: false,
+            buffer: require.resolve('buffer'),
+            crypto: require.resolve('crypto-browserify'),
+            path: require.resolve('path-browserify'),
+            stream: require.resolve('stream-browserify')
+        }
     },
     watchOptions: {
         aggregateTimeout: 750
     },
-    devtool: ''
+    devtool: false
 };
 
 module.exports = [
     {
-        node: { fs: 'empty' },
         entry: path.resolve(__dirname, `build/src/viewer/index.js`),
         output: {
             library: 'rcsbMolstar',