feat(web app): wait for TCP client to be connected first

app/src/js/client.js

@@ -28,13 +28,17 @@ export default class Client {
     return this._recorder
   }
 
-  init () {
+  init (loader) {
     this.chatbot.init()
 
     this.socket.on('connect', () => {
       this.socket.emit('init', this.client)
     })
 
+    this.socket.on('ready', () => {
+      loader.stop()
+    })
+
     this.socket.on('answer', (data) => {
       this.chatbot.receivedFrom('leon', data)
     })

app/src/js/main.js

@@ -40,7 +40,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
         logger.innerHTML += sLogger
 
-        client.init()
+        client.init(loader)
 
         if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
           navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
@@ -96,8 +96,6 @@ document.addEventListener('DOMContentLoaded', () => {
           console.error('MediaDevices.getUserMedia() is not supported on your browser.')
         }
 
-        loader.stop()
-
         document.addEventListener('keydown', (e) => {
           onkeydowndocument(e, () => {
             if (rec.enabled === false) {

server/src/core/http-server/server.js

@@ -136,6 +136,15 @@ server.handleOnConnection = (socket) => {
     log.info(`Type: ${data}`)
     log.info(`Socket id: ${socket.id}`)
 
+    // Check whether the TCP client is connected to the TCP server
+    if (global.tcpClient.isConnected) {
+      socket.emit('ready')
+    } else {
+      global.tcpClient.ee.on('connected', () => {
+        socket.emit('ready')
+      })
+    }
+
     if (data === 'hotword-node') {
       // Hotword triggered
       socket.on('hotword-detected', (data) => {

server/src/core/nlu.js

@@ -54,6 +54,7 @@ class Nlu {
           log.success('NLP model loaded')
 
           this.ner = new Ner(this.nlp.ner)
+          
           resolve()
         } catch (err) {
           this.brain.talk(`${this.brain.wernicke('random_errors')}! ${this.brain.wernicke('errors', 'nlu', { '%error%': err.message })}.`)

server/src/core/tcp-client.js

@@ -14,6 +14,7 @@ export default class TcpClient {
     this.tcpSocket = new Net.Socket()
     this._ee = new EventEmitter()
     this._status = this.tcpSocket.readyState
+    this._isConnected = false
 
     log.title('TCP Client')
     log.success('New instance')
@@ -22,6 +23,7 @@ export default class TcpClient {
       log.title('TCP Client')
       log.success(`Connected to the TCP server tcp://${this.host}:${this.port}`)
 
+      this._isConnected = true
       this._ee.emit('connected', null)
     })
 
@@ -74,6 +76,10 @@ export default class TcpClient {
     return this._ee
   }
 
+  get isConnected () {
+    return this._isConnected
+  }
+
   emit (topic, data) {
     const obj = {
       topic,