SseListener

This library was generated with Angular CLI version 10.1.5.

This library is plan to become generic in future updates, but for now it's generated to work with specific environment.

Demo is available here Demo SSE Listener

Demo source code

SSE Listener source code

NPM

Installation

To install you will need at least node v10.

npm install --save sse-listener

Usage

Using component is easy as just following these steps

After installation

After installation SseListenerModule will be available to import into any module that meant to use the component.

@Module({
    imports: [SseListenerModule]
})

Component will be access able with it's selector <sse-listener></sse-listener>

<sse-listener
    (sseEvent)="onNewEvent($event)"
    [iata]="{dest: 'DESTINATION IATA', origin: 'ORIGIN IATA'}"
    [baseUrl]="'https://path/to/server/sent/event'">
  </sse-listener>

• sseEvent

  Will emit when ever new event received from server

• iata

  Will set destination and origin for airports that will be used to set argument on our test server side application

• baseUrl

  Will init the base saver base on actions that application will try to do before subscribing to server events

Types

@Input() iata: {dest: string; origin: string};
@Input() baseUrl: string;

@Output() sseEvent: EventEmitter<IEventSse> = new EventEmitter<IEventSse>();

IEventSse

Just type definition for Typescript, to use data property;

interface IEventSse extends Event {
  data: string;
}