X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fcomposables%2FUIClient.ts;h=a474c8db5e66619f6e6d753a9241acfdfa9ed781;hb=e94ae3fbf4f732eefa472c1847f7130b63d3ccab;hp=22435d49e38e13b5a1460118cbcca3b84d823873;hpb=0f71040c472ecc24460c7bf791c35a9e9fbef27c;p=e-mobility-charging-stations-simulator.git diff --git a/ui/web/src/composables/UIClient.ts b/ui/web/src/composables/UIClient.ts index 22435d49..a474c8db 100644 --- a/ui/web/src/composables/UIClient.ts +++ b/ui/web/src/composables/UIClient.ts @@ -1,40 +1,39 @@ +import { promiseWithTimeout } from './Utils'; import { ProcedureName, + type ProtocolResponse, type RequestPayload, type ResponsePayload, - type ProtocolResponse, ResponseStatus, -} from '@/types/UIProtocol'; - -import Utils from './Utils'; +} from '@/types'; import config from '@/assets/config'; type ResponseHandler = { procedureName: ProcedureName; resolve: (value: ResponsePayload | PromiseLike) => void; - reject: (reason?: any) => void; + reject: (reason?: unknown) => void; }; -export default class UIClient { - private static _instance: UIClient | null = null; +export class UIClient { + private static instance: UIClient | null = null; - private _ws!: WebSocket; - private _responseHandlers: Map; + private ws!: WebSocket; + private responseHandlers: Map; private constructor() { this.openWS(); - this._responseHandlers = new Map(); + this.responseHandlers = new Map(); } public static getInstance() { - if (UIClient._instance === null) { - UIClient._instance = new UIClient(); + if (UIClient.instance === null) { + UIClient.instance = new UIClient(); } - return UIClient._instance; + return UIClient.instance; } public registerWSonOpenListener(listener: (event: Event) => void) { - this._ws.addEventListener('open', listener); + this.ws.addEventListener('open', listener); } public async startSimulator(): Promise { @@ -72,7 +71,7 @@ export default class UIClient { public async startTransaction( hashId: string, connectorId: number, - idTag: string | undefined + idTag: string | undefined, ): Promise { return this.sendRequest(ProcedureName.START_TRANSACTION, { hashIds: [hashId], @@ -83,7 +82,7 @@ export default class UIClient { public async stopTransaction( hashId: string, - transactionId: number | undefined + transactionId: number | undefined, ): Promise { return this.sendRequest(ProcedureName.STOP_TRANSACTION, { hashIds: [hashId], @@ -93,7 +92,7 @@ export default class UIClient { public async startAutomaticTransactionGenerator( hashId: string, - connectorId: number + connectorId: number, ): Promise { return this.sendRequest(ProcedureName.START_AUTOMATIC_TRANSACTION_GENERATOR, { hashIds: [hashId], @@ -103,7 +102,7 @@ export default class UIClient { public async stopAutomaticTransactionGenerator( hashId: string, - connectorId: number + connectorId: number, ): Promise { return this.sendRequest(ProcedureName.STOP_AUTOMATIC_TRANSACTION_GENERATOR, { hashIds: [hashId], @@ -112,15 +111,15 @@ export default class UIClient { } private openWS(): void { - this._ws = new WebSocket( + this.ws = new WebSocket( `ws://${config.uiServer.host}:${config.uiServer.port}`, - config.uiServer.protocol + config.uiServer.protocol, ); - this._ws.onmessage = this.responseHandler.bind(this); - this._ws.onerror = (errorEvent) => { + this.ws.onmessage = this.responseHandler.bind(this); + this.ws.onerror = (errorEvent) => { console.error('WebSocket error: ', errorEvent); }; - this._ws.onclose = (closeEvent) => { + this.ws.onclose = (closeEvent) => { console.info('WebSocket closed: ', closeEvent); }; } @@ -129,34 +128,34 @@ export default class UIClient { id: string, procedureName: ProcedureName, resolve: (value: ResponsePayload | PromiseLike) => void, - reject: (reason?: any) => void + reject: (reason?: unknown) => void, ): void { - this._responseHandlers.set(id, { procedureName, resolve, reject }); + this.responseHandlers.set(id, { procedureName, resolve, reject }); } private getResponseHandler(id: string): ResponseHandler | undefined { - return this._responseHandlers.get(id); + return this.responseHandlers.get(id); } private deleteResponseHandler(id: string): boolean { - return this._responseHandlers.delete(id); + return this.responseHandlers.delete(id); } private async sendRequest( command: ProcedureName, - data: RequestPayload + data: RequestPayload, ): Promise { let uuid: string; - return Utils.promiseWithTimeout( - new Promise((resolve, reject) => { + return promiseWithTimeout( + new Promise((resolve, reject) => { uuid = crypto.randomUUID(); const msg = JSON.stringify([uuid, command, data]); - if (this._ws.readyState !== WebSocket.OPEN) { + if (this.ws.readyState !== WebSocket.OPEN) { this.openWS(); } - if (this._ws.readyState === WebSocket.OPEN) { - this._ws.send(msg); + if (this.ws.readyState === WebSocket.OPEN) { + this.ws.send(msg); } else { throw new Error(`Send request '${command}' message: connection not opened`); } @@ -166,8 +165,8 @@ export default class UIClient { 120 * 1000, Error(`Send request '${command}' message timeout`), () => { - this._responseHandlers.delete(uuid); - } + this.responseHandlers.delete(uuid); + }, ); } @@ -180,7 +179,7 @@ export default class UIClient { const [uuid, responsePayload] = response; - if (this._responseHandlers.has(uuid) === true) { + if (this.responseHandlers.has(uuid) === true) { switch (responsePayload.status) { case ResponseStatus.SUCCESS: this.getResponseHandler(uuid)?.resolve(responsePayload);