Migrating Vue components to React and stores refactoring (#585)

Signed-off-by: Roman <ixrock@gmail.com>

Co-authored-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: Sebastian Malton <smalton@mirantis.com>
Co-authored-by: Lauri Nevala <lauri.nevala@gmail.com>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>

src/main/port.ts

@@ -1,29 +1,22 @@
+import net, { AddressInfo } from "net"
 import logger from "./logger"
-import { createServer, AddressInfo } from "net"
 
-const getNextAvailablePort = () => {
-  logger.debug("getNextAvailablePort() start")
-  const server = createServer()
-  server.unref()
-  return new Promise<number>((resolve, reject) =>
-    server
-      .on('error', (error: any) => reject(error))
-      .on('listening', () => {
-        logger.debug("*** server listening event ***")
-        const _port = (server.address() as AddressInfo).port
-        server.close(() => resolve(_port))
-      })
-      .listen({host: "127.0.0.1", port: 0}))
-}
+// todo: check https://github.com/http-party/node-portfinder ?
 
-export const getFreePort = async () => {
-  logger.debug("getFreePort() start")
-  let freePort: number = null
-  try {
-    freePort = await getNextAvailablePort()
-    logger.debug("got port : " + freePort)
-  } catch(error) {
-    throw("getNextAvailablePort() threw: '" + error + "'")
-  }
-  return freePort
+export async function getFreePort(): Promise<number> {
+  logger.debug("Lookup new free port..");
+  return new Promise((resolve, reject) => {
+    const server = net.createServer()
+    server.unref()
+    server.on("listening", () => {
+      const port = (server.address() as AddressInfo).port
+      server.close(() => resolve(port));
+      logger.debug(`New port found: ${port}`);
+    });
+    server.on("error", error => {
+      logger.error(`Can't resolve new port: "${error}"`);
+      reject(error);
+    });
+    server.listen({ host: "127.0.0.1", port: 0 })
+  })
 }