Add binding for output callback

Author: malcolm-sparkfun

kernel/src/kernel.ts

@@ -41,7 +41,7 @@ export class EmbeddedKernel extends BaseKernel {
 
   outputResponse(msg: string): void {
     console.log("[Kernel] outputResponse - Streaming output:", msg);
-
+    
     msg += '\n';
 
     this.stream({
@@ -74,7 +74,7 @@ export class EmbeddedKernel extends BaseKernel {
       // Reconnect the device or connect for the first time
       this.outputResponse("Reconnect command detected, reconnecting device...");
       await this.serviceContainer.deviceService.disconnect();
-      await this.serviceContainer.deviceService.connect(this.outputResponse);
+      await this.serviceContainer.deviceService.connect(this.outputResponse.bind(this));
     }
 
     try {

kernel/src/services/DeviceService.ts

@@ -70,7 +70,7 @@ export class DeviceService {
     }
 
     if (!this.portChecked) {
-      logCallback('Port cannot be opened.\nIs the port already open in another application or tab?');
+      logCallback('Port cannot be opened.\nDid you select the correct port?\nIs the port already open in another application or tab?');
       return;
     }
 
@@ -92,6 +92,7 @@ export class DeviceService {
       throw err;
     }
 
+    logCallback('Connected!');
     const event = new CustomEvent("deviceConnected", {
         detail: { msg: "Connected" }
     });