onebox/ui/src/app/app.component.ts

import { Component, OnInit, OnDestroy, inject } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { WebSocketService } from './core/services/websocket.service';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  template: `<router-outlet></router-outlet>`,
})
export class AppComponent implements OnInit, OnDestroy {
  private wsService = inject(WebSocketService);

  ngOnInit(): void {
    // Connect to WebSocket when app starts
    this.wsService.connect();
  }

  ngOnDestroy(): void {
    // Disconnect when app is destroyed
    this.wsService.disconnect();
  }
}