A minimal frontend service for listening to web socket changes in Angular

socket.service.ts

@Injectable({ providedIn: 'root' })
export class SocketService {
    
    constructor(private socket: Socket) {}
    
    public readonly userChange = this.socket
        .fromEvent<string>(SocketChannel.user)
        .pipe(map((x) => JSON.parse(x) as UserChange));
}