From 7ae43cf5112965c3d0a4f75a1acb6174bbfcc39b Mon Sep 17 00:00:00 2001
From: pal-sig <88981777+pal-sig@users.noreply.github.com>
Date: Sun, 5 Dec 2021 17:08:27 +0530
Subject: [PATCH] fix(UI): portFinder sync is added (#439)

---
 frontend/package.json      | 17 +++++++++--------
 frontend/webpack.config.js |  2 +-
 frontend/yarn.lock         | 10 +++++++++-
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index ee9a97dfcf..b16a223b53 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -91,24 +91,24 @@
 		"@testing-library/cypress": "^8.0.0",
 		"@types/compression-webpack-plugin": "^9.0.0",
 		"@types/copy-webpack-plugin": "^8.0.1",
+		"@types/d3": "^6.2.0",
 		"@types/d3-tip": "^3.5.5",
+		"@types/jest": "^26.0.15",
 		"@types/lodash-es": "^4.17.4",
 		"@types/node": "^16.10.3",
-		"@types/react-grid-layout": "^1.1.2",
-		"@types/uuid": "^8.3.1",
-		"@types/webpack": "^5.28.0",
-		"@types/webpack-dev-server": "^4.3.0",
-		"@typescript-eslint/eslint-plugin": "^4.28.2",
-		"@typescript-eslint/parser": "^4.28.2",
-		"@types/d3": "^6.2.0",
-		"@types/jest": "^26.0.15",
 		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.9",
+		"@types/react-grid-layout": "^1.1.2",
 		"@types/react-redux": "^7.1.11",
 		"@types/react-router-dom": "^5.1.6",
 		"@types/redux": "^3.6.0",
 		"@types/styled-components": "^5.1.4",
+		"@types/uuid": "^8.3.1",
 		"@types/vis": "^4.21.21",
+		"@types/webpack": "^5.28.0",
+		"@types/webpack-dev-server": "^4.3.0",
+		"@typescript-eslint/eslint-plugin": "^4.28.2",
+		"@typescript-eslint/parser": "^4.28.2",
 		"@welldone-software/why-did-you-render": "^6.2.1",
 		"autoprefixer": "^9.0.0",
 		"babel-plugin-styled-components": "^1.12.0",
@@ -129,6 +129,7 @@
 		"less-plugin-npm-import": "^2.1.0",
 		"lint-staged": "10.5.3",
 		"lodash-es": "^4.17.21",
+		"portfinder-sync": "^0.0.2",
 		"prettier": "2.2.1",
 		"react-hot-loader": "^4.13.0",
 		"ts-node": "^10.2.1",
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index c7d335b8a7..42be93b725 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -19,7 +19,7 @@ const config = {
 		open: true,
 		hot: true,
 		liveReload: true,
-		port: 3000,
+		port: portFinderSync.getPort(3000),
 		static: {
 			directory: resolve(__dirname, 'public'),
 			publicPath: '/',
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 3774b792a4..0468c09ddd 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -9138,7 +9138,15 @@ polished@4:
   dependencies:
     "@babel/runtime" "^7.14.0"
 
-portfinder@^1.0.28:
+portfinder-sync@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/portfinder-sync/-/portfinder-sync-0.0.2.tgz#6e3409a73a718436de053ac949385350caabd8a2"
+  integrity sha1-bjQJpzpxhDbeBTrJSThTUMqr2KI=
+  dependencies:
+    minimist "^1.2.0"
+    portfinder "^1.0.10"
+
+portfinder@^1.0.10, portfinder@^1.0.28:
   version "1.0.28"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
   integrity sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==