Inserting choose-port

Author: andrelmlins

packages/react-dependency-scripts/package.json

@@ -33,6 +33,7 @@
     "babel-loader": "^8.0.6",
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-preset-react-app": "^9.1.0",
+    "choose-port": "^0.1.0",
     "css-loader": "^3.4.2",
     "file-loader": "^5.0.2",
     "html-webpack-plugin": "^3.2.0",

packages/react-dependency-scripts/scripts/start.js

@@ -11,8 +11,8 @@ const Webpack = require('webpack');
 const WebpackDevServer = require('webpack-dev-server');
 const open = require('open');
 const config = require('../configs/webpack.config.js');
-const portChecker = require('../utils/portChecker');
 const resolverPath = require('../utils/resolverPath');
+const choosePort = require('choose-port');
 
 const APP_PATH = resolverPath('src/dev');
 
@@ -23,7 +23,8 @@ const server = new WebpackDevServer(compiler, {
 });
 
 const PORT = process.env.PORT || 3000;
+const HOST = process.env.HOST || '127.0.0.1';
 
-portChecker(PORT, newPort =>
+choosePort(PORT, HOST, newPort =>
   server.listen(newPort, 'localhost', () => open(`http://localhost:${newPort}`))
 );

packages/react-dependency-scripts/utils/portChecker.js

@@ -4296,6 +4296,11 @@ chokidar@^2.0.2, chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
+choose-port@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/choose-port/-/choose-port-0.1.0.tgz#a0221d42121831bafbc1c8e82c9068b020ba611d"
+  integrity sha512-VoB6ZNRZJQ1EkwC7eo0eI8ENFJZ72FxOLu690X9q43eTVN+AXfZxsQKxpGEuhcpdq/VkSFXFoo2Ybj21KWE4cw==
+
 chownr@^1.1.1, chownr@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.3.tgz#42d837d5239688d55f303003a508230fa6727142"