source/lib/VBDockPanel.js
// it will invoke this callback to create the Conn Panel

it will invoke this callback to create the Conn Panel
it will invoke this callback to create the Conn Panel
onConnect(ip, port) {
    const connId = this.nextConnId
    const conn = new VBConnPanel(false, 
                                 ip, port,
                                 connId,
                                 this.onConnUp.bind(this),
                                 this.onConnDown.bind(this))
    this.connInfoList.set(connId, new ConnInfo(conn))
    this.nextConnId = this.nextConnId + 1
    const mapEntry = this.connInfoList.get(connId)
    this.createConnHeader(ip, port, conn, connId)
    conn.init()
    this.selectTab(mapEntry.headerPanel, conn)
  }
onConnect ( ip , port ) { const connId = this . nextConnId const conn = new VBConnPanel ( false , ip , port , connId , this . onConnUp . bind ( this ) , this . onConnDown . bind ( this ) ) this . connInfoList . set ( connId , new ConnInfo ( conn ) ) this . nextConnId = this . nextConnId + 1 const mapEntry = this . connInfoList . get ( connId ) this . createConnHeader ( ip , port , conn , connId ) conn . init ( ) this . selectTab ( mapEntry . headerPanel , conn ) }
it will invoke this callback to create the Conn Panel
it will invoke this callback to create the Conn Panel
// Assign a connection id
 // Create a new connection panel
 // isFloated=false
 // Keep track of the new connection
 // Create a tab header button for the connection
 // Initiate a new connection, creating the connection UI elements
 // Display the connection's tab, and hide all other tabs,
 // including the device list tab
