Controller log fancy print

src/app/panels/controller/controller.component.ts

@@ -23,13 +23,28 @@ export default class ControllerPanel {
     protected emulatorService: EmulatorService,
     destroyRef: DestroyRef,
   ) {
+    emulatorService.receivedInput
+      .pipe(
+        takeUntilDestroyed(destroyRef),
+        filter(([port]) => port === Port.Controller),
+      )
+      .subscribe(([, value]) =>
+        this.terminal.write(
+          value.replaceAll(/\x00/g, '\n---\n< ').replaceAll('\n', '\r\n'),
+        ),
+      );
     emulatorService.receivedOutput
       .pipe(
         takeUntilDestroyed(destroyRef),
         filter(([port]) => port === Port.Controller),
-      ) //TODO: need feature parity with the old version for controller pretty print
+      )
       .subscribe(([, value]) =>
-        this.terminal.write(value.replace(/[\u0000\n]/, '\r\n')),
+        this.terminal.write(
+          value
+            .replaceAll('\n', '\n< ')
+            .replaceAll('\x00', '\n---\n> ')
+            .replaceAll('\n', '\r\n'),
+        ),
       );
   }
 }

src/vm/emulator.service.ts

@@ -23,6 +23,8 @@ export class EmulatorService {
   public readonly resetOutputConsole = new EventEmitter<void>();
   @Output()
   public readonly receivedOutput = new EventEmitter<[Port, string]>();
+  @Output()
+  public readonly receivedInput = new EventEmitter<[Port, string]>();
 
   private readonly worker;
 
@@ -90,6 +92,7 @@ export class EmulatorService {
   }
 
   public sendPort(...data: MsgSendPort['data']) {
+    this.receivedInput.emit(data);
     this.sendCommand({ command: 'sendPort', data });
   }
   public resizePort(...data: MsgResizePort['data']) {