+import { useToast } from 'vue-toast-notification'
import {
ApplicationProtocol,
AuthenticationType,
- type ConfigurationData,
+ type ChargingStationOptions,
ProcedureName,
type ProtocolResponse,
type RequestPayload,
type ResponsePayload,
- ResponseStatus
+ ResponseStatus,
+ type UIServerConfigurationSection
} from '@/types'
+import { randomUUID } from '@/composables'
type ResponseHandler = {
procedureName: ProcedureName
export class UIClient {
private static instance: UIClient | null = null
- private ws!: WebSocket
+ private ws?: WebSocket
private responseHandlers: Map<string, ResponseHandler>
- private constructor(private configuration: ConfigurationData) {
+ private constructor(private uiServerConfiguration: UIServerConfigurationSection) {
this.openWS()
this.responseHandlers = new Map<string, ResponseHandler>()
}
- public static getInstance(configuration: ConfigurationData) {
+ public static getInstance(uiServerConfiguration: UIServerConfigurationSection): UIClient {
if (UIClient.instance === null) {
- UIClient.instance = new UIClient(configuration)
+ UIClient.instance = new UIClient(uiServerConfiguration)
}
return UIClient.instance
}
+ public setConfiguration(uiServerConfiguration: UIServerConfigurationSection): void {
+ if (this.ws?.readyState === WebSocket.OPEN) {
+ this.ws.close()
+ delete this.ws
+ }
+ this.uiServerConfiguration = uiServerConfiguration
+ this.openWS()
+ }
+
public registerWSEventListener<K extends keyof WebSocketEventMap>(
event: K,
- listener: (event: WebSocketEventMap[K]) => void
+ listener: (event: WebSocketEventMap[K]) => void,
+ options?: boolean | AddEventListenerOptions
) {
- this.ws.addEventListener(event, listener)
+ this.ws?.addEventListener(event, listener, options)
}
public async startSimulator(): Promise<ResponsePayload> {
public async addChargingStations(
template: string,
- numberOfStations: number
+ numberOfStations: number,
+ options?: ChargingStationOptions
): Promise<ResponsePayload> {
- return this.sendRequest(ProcedureName.ADD_CHARGING_STATIONS, { template, numberOfStations })
+ return this.sendRequest(ProcedureName.ADD_CHARGING_STATIONS, {
+ template,
+ numberOfStations,
+ options
+ })
}
public async deleteChargingStation(hashId: string): Promise<ResponsePayload> {
private openWS(): void {
const protocols =
- this.configuration.uiServer.authentication?.enabled === true &&
- this.configuration.uiServer.authentication?.type === AuthenticationType.PROTOCOL_BASIC_AUTH
+ this.uiServerConfiguration.authentication?.enabled === true &&
+ this.uiServerConfiguration.authentication?.type === AuthenticationType.PROTOCOL_BASIC_AUTH
? [
- `${this.configuration.uiServer.protocol}${this.configuration.uiServer.version}`,
- `authorization.basic.${btoa(`${this.configuration.uiServer.authentication.username}:${this.configuration.uiServer.authentication.password}`).replace(/={1,2}$/, '')}`
+ `${this.uiServerConfiguration.protocol}${this.uiServerConfiguration.version}`,
+ `authorization.basic.${btoa(`${this.uiServerConfiguration.authentication.username}:${this.uiServerConfiguration.authentication.password}`).replace(/={1,2}$/, '')}`
]
- : `${this.configuration.uiServer.protocol}${this.configuration.uiServer.version}`
+ : `${this.uiServerConfiguration.protocol}${this.uiServerConfiguration.version}`
this.ws = new WebSocket(
- `${this.configuration.uiServer.secure === true ? ApplicationProtocol.WSS : ApplicationProtocol.WS}://${this.configuration.uiServer.host}:${this.configuration.uiServer.port}`,
+ `${this.uiServerConfiguration.secure === true ? ApplicationProtocol.WSS : ApplicationProtocol.WS}://${this.uiServerConfiguration.host}:${this.uiServerConfiguration.port}`,
protocols
)
- this.ws.onopen = openEvent => {
- console.info('WebSocket opened', openEvent)
+ this.ws.onopen = () => {
+ useToast().success(
+ `WebSocket to UI server '${this.uiServerConfiguration.host}' successfully opened`
+ )
}
this.ws.onmessage = this.responseHandler.bind(this)
this.ws.onerror = errorEvent => {
- console.error('WebSocket error: ', errorEvent)
+ useToast().error(`Error in WebSocket to UI server '${this.uiServerConfiguration.host}'`)
+ console.error(
+ `Error in WebSocket to UI server '${this.uiServerConfiguration.host}'`,
+ errorEvent
+ )
}
- this.ws.onclose = closeEvent => {
- console.info('WebSocket closed: ', closeEvent)
+ this.ws.onclose = () => {
+ useToast().info(`WebSocket to UI server closed`)
}
}
payload: RequestPayload
): Promise<ResponsePayload> {
return new Promise<ResponsePayload>((resolve, reject) => {
- if (this.ws.readyState === WebSocket.OPEN) {
- const uuid = crypto.randomUUID()
+ if (this.ws?.readyState === WebSocket.OPEN) {
+ const uuid = randomUUID()
const msg = JSON.stringify([uuid, procedureName, payload])
const sendTimeout = setTimeout(() => {
this.responseHandlers.delete(uuid)
reject(responsePayload)
break
default:
- console.error(
- `Response status for procedure '${procedureName}' not supported: '${responsePayload.status}'`
+ reject(
+ new Error(
+ `Response status for procedure '${procedureName}' not supported: '${responsePayload.status}'`
+ )
)
}
this.responseHandlers.delete(uuid)