65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import Client from '@/net/client.js';
|
|
import {encode} from '@/net/packets/index.js';
|
|
import {CLIENT_PREDICTION} from '@/util/constants.js';
|
|
import {withResolvers} from '@/util/promise.js';
|
|
|
|
export default class RemoteClient extends Client {
|
|
constructor() {
|
|
super();
|
|
if (CLIENT_PREDICTION) {
|
|
this.worker = undefined;
|
|
}
|
|
else {
|
|
this.socket = undefined;
|
|
}
|
|
}
|
|
async connect(host) {
|
|
if (CLIENT_PREDICTION) {
|
|
this.worker = new Worker(
|
|
new URL('./prediction.js', import.meta.url),
|
|
{type: 'module'},
|
|
);
|
|
this.worker.postMessage({host});
|
|
this.worker.onmessage = (event) => {
|
|
this.accept(event.data);
|
|
};
|
|
}
|
|
else {
|
|
const url = new URL(`wss://${host}/ws`)
|
|
this.socket = new WebSocket(url.href);
|
|
this.socket.binaryType = 'arraybuffer';
|
|
const onMessage = (event) => {
|
|
this.accept(event.data);
|
|
}
|
|
const {promise, resolve} = withResolvers();
|
|
this.socket.addEventListener('open', resolve);
|
|
this.socket.addEventListener('error', () => {
|
|
this.accept(encode({type: 'ConnectionStatus', payload: 'aborted'}));
|
|
});
|
|
await promise;
|
|
this.socket.removeEventListener('open', resolve);
|
|
this.socket.addEventListener('message', onMessage);
|
|
this.socket.addEventListener('close', () => {
|
|
this.accept(encode({type: 'ConnectionStatus', payload: 'aborted'}));
|
|
});
|
|
this.accept(encode({type: 'ConnectionStatus', payload: 'connected'}));
|
|
}
|
|
}
|
|
disconnect() {
|
|
if (CLIENT_PREDICTION) {
|
|
this.worker.terminate();
|
|
}
|
|
else {
|
|
this.socket.close();
|
|
}
|
|
}
|
|
transmit(packed) {
|
|
if (CLIENT_PREDICTION) {
|
|
this.worker.postMessage(packed);
|
|
}
|
|
else {
|
|
this.socket.send(packed);
|
|
}
|
|
}
|
|
}
|