Files
huly-platform/foundations/hulypulse/client/off/client.ts
T
Denis Bykhov 43fb903924 Add 'foundations/hulypulse/' from commit '27e5a23ee935ac15cdfdf032cd649644390572a5'
git-subtree-dir: foundations/hulypulse
git-subtree-mainline: 64e456e0ec
git-subtree-split: 27e5a23ee9
2025-11-26 22:57:14 +05:00

271 lines
8.0 KiB
TypeScript

//
// Copyright © 2024-2025 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
//
// import { WebSocket } from 'ws'; // для Node <20 обязательно
// Unknown:
// import { type Ref, concatLink } from '@hcengineering/core'
// import { getMetadata } from '@hcengineering/platform'
// import { getCurrentEmployee, type Person } from '@hcengineering/contact'
// import presence from '@hcengineering/presence'
// import presentation from '@hcengineering/presentation'
// import { type Unsubscriber, get } from 'svelte/store'
// import { myPresence, myData, isAnybodyInMyRoom, onPersonUpdate, onPersonLeave, onPersonData } from './store'
// import type { RoomPresence, MyDataItem } from './types'
// interface PresenceMessage {
// id: Ref<Person>
// type: 'update' | 'remove'
// presence?: RoomPresence[]
// lastUpdate?: number
// }
// interface DataMessage {
// type: 'data'
// sender: Ref<Person>
// topic: string
// data: any
// }
// type IncomingMessage = PresenceMessage | DataMessage
export class HulypulseClient implements Disposable {
private ws: WebSocket | null = null
private closed = false
private reconnectTimeout: number | undefined
private pingTimeout: number | undefined
private pingInterval: number | undefined
private readonly RECONNECT_INTERVAL = 1000
private readonly PING_INTERVAL = 30 * 1000
private readonly PING_TIMEOUT = 5 * 60 * 1000
private readonly myDataThrottleInterval = 100
// private readonly url: string | URL = 'ws://localhost:8095'
// private presence: RoomPresence[]
private readonly myDataTimestamps = new Map<string, number>()
// // private readonly myPresenceUnsub: Unsubscriber
// private readonly myDataUnsub: Unsubscriber
constructor (private readonly url: string | URL) {
// this.presence = get(myPresence)
// this.myPresenceUnsub = myPresence.subscribe((presence) => {
// this.handlePresenceChanged(presence)
// })
// this.myDataUnsub = myData.subscribe((data) => {
// this.handleMyDataChanged(data, false)
// })
this.connect()
}
// Close the connection
close (): void {
console.log('Closing connection')
this.closed = true
clearTimeout(this.reconnectTimeout)
this.stopPing()
// this.myPresenceUnsub()
// this.myDataUnsub()
if (this.ws !== null) {
this.ws.close()
this.ws = null
}
}
// Open the connection and reconnect if it fails
private connect (): void {
console.log('Connecting to WebSocket: ', this.url)
try {
const ws = new WebSocket(this.url)
console.log('WebSocket created: ', ws)
this.ws = ws
ws.onopen = () => {
console.log('WebSocket.onopen')
if (this.ws !== ws) {
return
}
this.handleConnect()
}
ws.onclose = (event: CloseEvent) => {
console.log('WebSocket.onclose')
if (this.ws !== ws) {
ws.close()
return
}
this.reconnect()
}
ws.onmessage = (event: MessageEvent) => {
console.log('WebSocket.onmessage: ', event.data)
if (this.closed || this.ws !== ws) {
return
}
this.handleMessage(event.data)
}
ws.onerror = (event: Event) => {
console.log('client websocket error', event)
if (this.ws !== ws) {
return
}
}
} catch (err: any) {
console.error('WebSocket error', err)
this.reconnect()
}
}
private startPing (): void {
console.log('Starting ping')
clearInterval(this.pingInterval)
this.pingInterval = window.setInterval(() => {
if (this.ws !== null && this.ws.readyState === WebSocket.OPEN) {
this.ws.send('ping')
}
clearTimeout(this.pingTimeout)
this.pingTimeout = window.setTimeout(() => {
if (this.ws !== null) {
console.log('no response from server')
clearInterval(this.pingInterval)
this.ws.close(1000)
}
}, this.PING_TIMEOUT)
}, this.PING_INTERVAL)
}
private stopPing (): void {
console.log('Stopping ping')
clearInterval(this.pingInterval)
this.pingInterval = undefined
clearTimeout(this.pingTimeout)
this.pingTimeout = undefined
}
private reconnect (): void {
console.log('Reconnecting...')
clearTimeout(this.reconnectTimeout)
this.stopPing()
if (!this.closed) {
this.reconnectTimeout = window.setTimeout(() => {
this.connect()
}, this.RECONNECT_INTERVAL)
}
}
private handleConnect (): void {
// this.sendPresence(getCurrentEmployee(), this.presence)
this.startPing()
// this.handleMyDataChanged(get(myData), true)
}
private handleMessage (data: string): void {
if (data === 'pong') {
clearTimeout(this.pingTimeout)
return
}
try {
const message = JSON.parse(data); // as IncomingMessage
console.log('Received message', message);
// const message = JSON.parse(data) as IncomingMessage
// if (message.type === 'update' && message.presence !== undefined) {
// onPersonUpdate(message.id, message.presence ?? [])
// } else if (message.type === 'remove') {
// onPersonLeave(message.id)
// } else if (message.type === 'data') {
// onPersonData(message.sender, message.topic, message.data)
// } else {
// console.warn('Unknown message type', message)
// }
} catch (err: any) {
console.error('Error parsing message', err, data)
}
}
// private handlePresenceChanged (presence: RoomPresence[]): void {
// this.presence = presence
// this.sendPresence(getCurrentEmployee(), this.presence)
// this.handleMyDataChanged(get(myData), true)
// }
// private sendPresence (person: Ref<Person>, presence: RoomPresence[]): void {
// if (!this.closed && this.ws !== null && this.ws.readyState === WebSocket.OPEN) {
// const message: PresenceMessage = { id: person, type: 'update', presence }
// this.ws.send(JSON.stringify(message))
// }
// }
// private handleMyDataChanged (data: Map<string, MyDataItem>, forceSend: boolean): void {
// if (!isAnybodyInMyRoom()) {
// return
// }
// if (!this.closed && this.ws !== null && this.ws.readyState === WebSocket.OPEN) {
// for (const [topic, value] of data) {
// const lastSend = this.myDataTimestamps.get(topic) ?? 0
// if (value.lastUpdated >= lastSend + this.myDataThrottleInterval || forceSend) {
// this.myDataTimestamps.set(topic, value.lastUpdated)
// const message: DataMessage = {
// sender: getCurrentEmployee(),
// type: 'data',
// topic,
// data: value.data
// }
// this.ws.send(JSON.stringify(message))
// }
// }
// }
// }
[Symbol.dispose] (): void {
this.close()
}
}
export function connect (): HulypulseClient | undefined {
// const wsUuid = getMetadata(presentation.metadata.WorkspaceUuid)
// if (wsUuid === undefined) {
// console.warn('Workspace uuid is not defined')
// return undefined
// }
// const token = getMetadata(presentation.metadata.Token)
// const presenceUrl = getMetadata(presence.metadata.PresenceUrl)
// if (presenceUrl === undefined || presenceUrl === '') {
// console.warn('Presence URL is not defined')
// return undefined
// }
// const url = new URL(concatLink(presenceUrl, wsUuid))
// if (token !== undefined) {
// url.searchParams.set('token', token)
// }
// return new HulypulseClient(url)
return new HulypulseClient("ws://localhost:8095")
}