batmanisko
d2125a050b
CI / Generate TypeScript types (push) Successful in 13s
CI / Server unit tests (push) Successful in 27s
CI / Build server (push) Successful in 33s
CI / Build client (push) Successful in 42s
CI / Playwright E2E tests (push) Successful in 1m54s
CI / Build and push Docker image (push) Successful in 46s
CI / Notify (push) Successful in 2s
36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import socketio from "socket.io-client";
|
|
|
|
let socketUrl;
|
|
let socketPath;
|
|
if (process.env.NODE_ENV === 'development') {
|
|
// Stejný stroj jako stránka, aby šlo vývojovou verzi zkoušet i z telefonu či tabletu v síti
|
|
socketUrl = `http://${globalThis.location.hostname}:3001`;
|
|
socketPath = undefined;
|
|
} else {
|
|
socketUrl = `${globalThis.location.host}`;
|
|
socketPath = '/socket.io';
|
|
}
|
|
|
|
export const socket = socketio.connect(socketUrl, { path: socketPath, transports: ["websocket"] });
|
|
export const SocketContext = React.createContext();
|
|
|
|
// Prohlížeče throttlují setTimeout v neaktivních tabech, což zdržuje automatické
|
|
// znovupřipojení socket.io. Po návratu do tabu nebo focusu okna se připojíme hned.
|
|
document.addEventListener('visibilitychange', () => {
|
|
if (document.visibilityState === 'visible' && !socket.connected) {
|
|
socket.connect();
|
|
}
|
|
});
|
|
window.addEventListener('focus', () => {
|
|
if (!socket.connected) {
|
|
socket.connect();
|
|
}
|
|
});
|
|
|
|
// Konstanty websocket eventů, musí odpovídat těm na serveru!
|
|
export const EVENT_CONNECT = 'connect';
|
|
export const EVENT_DISCONNECT = 'disconnect';
|
|
export const EVENT_MESSAGE = 'message';
|
|
export const EVENT_PENDING_QR = 'pendingQr';
|