chore(deps): update all dependencies and use webpack 5 (#2858)

Author: ylemkimon

.github/workflows/nodejs.yml

@@ -86,7 +86,7 @@ jobs:
 
       - name: Link webpack-dev-server
         run: |
-          npm link
+          npm link --ignore-scripts # do not build the client again
           npm link webpack-dev-server
 
       - name: Run tests for webpack version ${{ matrix.webpack-version }}

client-src/clients/SockJSClient.js

@@ -4,7 +4,9 @@ const SockJS = require('sockjs-client/dist/sockjs');
 const { log } = require('../default/utils/log');
 const BaseClient = require('./BaseClient');
 
-module.exports = class SockJSClient extends BaseClient {
+module.exports = class SockJSClient extends (
+  BaseClient
+) {
   constructor(url) {
     super();
     this.sock = new SockJS(url);

client-src/clients/WebsocketClient.js

@@ -5,7 +5,9 @@
 const { log } = require('../default/utils/log');
 const BaseClient = require('./BaseClient');
 
-module.exports = class WebsocketClient extends BaseClient {
+module.exports = class WebsocketClient extends (
+  BaseClient
+) {
   constructor(url) {
     super();
     this.client = new WebSocket(url.replace(/^http/, 'ws'));

client-src/default/webpack.config.js

@@ -9,6 +9,7 @@ module.exports = {
     path: path.resolve(__dirname, '../../client/default'),
     filename: 'index.bundle.js',
   },
+  target: ['web', 'es5'],
   module: {
     rules: [
       {

client-src/sockjs/webpack.config.js

@@ -11,4 +11,5 @@ module.exports = {
     library: 'SockJS',
     libraryTarget: 'umd',
   },
+  target: ['web', 'es5'],
 };

client-src/transpiled-modules/webpack.config.js

@@ -1,14 +1,15 @@
 'use strict';
 
 const path = require('path');
-const merge = require('webpack-merge');
+const { merge } = require('webpack-merge');
 
 const base = {
   mode: 'production',
   output: {
     path: path.resolve(__dirname, '../../client/transpiled-modules'),
     libraryTarget: 'commonjs2',
   },
+  target: ['web', 'es5'],
   module: {
     rules: [
       {

lib/Server.js

@@ -17,7 +17,7 @@ const webpack = require('webpack');
 const webpackDevMiddleware = require('webpack-dev-middleware');
 const getFilenameFromUrl = require('webpack-dev-middleware/dist/utils/getFilenameFromUrl')
   .default;
-const validateOptions = require('schema-utils');
+const { validate } = require('schema-utils');
 const normalizeOptions = require('./utils/normalizeOptions');
 const updateCompiler = require('./utils/updateCompiler');
 const getCertificate = require('./utils/getCertificate');
@@ -39,7 +39,7 @@ if (!process.env.WEBPACK_DEV_SERVER) {
 
 class Server {
   constructor(compiler, options = {}) {
-    validateOptions(schema, options, 'webpack Dev Server');
+    validate(schema, options, 'webpack Dev Server');
 
     this.compiler = compiler;
     this.options = options;

lib/servers/SockJSServer.js

@@ -26,7 +26,9 @@ const BaseServer = require('./BaseServer');
   };
 }
 
-module.exports = class SockJSServer extends BaseServer {
+module.exports = class SockJSServer extends (
+  BaseServer
+) {
   // options has: error (function), debug (function), server (http/s server), path (string)
   constructor(server) {
     super(server);

lib/servers/WebsocketServer.js

@@ -6,7 +6,9 @@
 const ws = require('ws');
 const BaseServer = require('./BaseServer');
 
-module.exports = class WebsocketServer extends BaseServer {
+module.exports = class WebsocketServer extends (
+  BaseServer
+) {
   constructor(server) {
     super(server);