dependencies: bump (major)

client/scripts/deprecated-warning.js

@@ -1,47 +0,0 @@
-const chalk = require('chalk');
-
-const messageDefs = [
-  {
-    chalkStyles: ['black'],
-    message: 'This npm script has been deprecated!',
-  },
-  {
-    chalkStyles: ['underline', 'black'],
-    message: `Use npm script \`${process.env.UPDATED_SCRIPT}\` instead.`,
-  },
-];
-const longestMessageLength = messageDefs.reduce((accumulator, messageDef) => {
-  if (messageDef.message.length > accumulator) {
-    accumulator = messageDef.message.length;
-  }
-
-  return accumulator;
-}, 0);
-const paddingLength = 5;
-const verticalPadding = paddingLength * 2 + longestMessageLength - 1;
-const getSpaces = (numSpaces) => Array(numSpaces).join(' ');
-
-console.log('\n');
-console.log(chalk.bgRed(getSpaces(verticalPadding)));
-messageDefs.forEach((messageDef) => {
-  let leftPadding = paddingLength;
-  let rightPadding = paddingLength;
-  const lengthDiff = longestMessageLength - messageDef.message.length;
-
-  if (lengthDiff > 0) {
-    const modifier = lengthDiff % 2 > 0 ? 1 : 0;
-    const padding = paddingLength + Math.floor(lengthDiff / 2);
-
-    leftPadding = padding;
-    rightPadding = padding + modifier;
-  }
-
-  const formattedMessage = messageDef.chalkStyles.reduce(
-    (accumulator, styleFn) => chalk[styleFn](accumulator),
-    messageDef.message,
-  );
-
-  console.log(chalk.bgRed(`${getSpaces(leftPadding)}${formattedMessage}${getSpaces(rightPadding)}`));
-});
-console.log(chalk.bgRed(getSpaces(verticalPadding)));
-console.log('\n');

client/scripts/development.js

@@ -16,9 +16,9 @@ const clearConsole = require('react-dev-utils/clearConsole');
 const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 const {choosePort, prepareUrls} = require('react-dev-utils/WebpackDevServerUtils');
 const openBrowser = require('react-dev-utils/openBrowser');
+const path = require('path');
 const paths = require('../../shared/config/paths');
 const config = require('../config/webpack.config.dev');
-const createDevServerConfig = require('../config/webpackDevServer.config');
 
 const {proxy: floodServerProxy} = require('yargs').env('FLOOD_OPTION_').option('proxy', {
   default: 'http://127.0.0.1:3000',
@@ -49,10 +49,39 @@ choosePort(HOST, DEFAULT_PORT)
     // Create a webpack compiler that is configured with custom messages.
     const compiler = webpack(config);
     // Serve webpack assets generated by the compiler over a web sever.
-    const serverConfig = createDevServerConfig(floodServerProxy, urls.lanUrlForConfig);
-    const devServer = new WebpackDevServer(compiler, serverConfig);
+    const devServer = new WebpackDevServer(
+      {
+        allowedHosts: urls.lanUrlForConfig,
+        compress: false,
+        static: [
+          {
+            directory: path.resolve(paths.appPublic),
+            staticOptions: {},
+            publicPath: '/',
+            serveIndex: true,
+            watch: {
+              ignored: /node_modules/,
+            },
+          },
+        ],
+        historyApiFallback: true,
+        proxy: {
+          '/api/': {
+            target: floodServerProxy,
+            changeOrigin: true,
+            secure: false,
+          },
+        },
+      },
+      compiler,
+    );
+
+    ['SIGINT', 'SIGTERM'].forEach((sig) => {
+      process.on(sig, () => devServer.stop().then(() => process.exit()));
+    });
+
     // Launch WebpackDevServer.
-    devServer.listen(port, HOST, (err) => {
+    return devServer.start(port, HOST, (err) => {
       if (err) {
         return console.log(err);
       }
@@ -62,13 +91,6 @@ choosePort(HOST, DEFAULT_PORT)
       console.log(chalk.cyan('Starting the development server...\n'));
       openBrowser(urls.localUrlForBrowser);
     });
-
-    ['SIGINT', 'SIGTERM'].forEach((sig) => {
-      process.on(sig, () => {
-        devServer.close();
-        process.exit();
-      });
-    });
   })
   .catch((err) => {
     if (err && err.message) {