pvtchat/frontend/src/services/ws-service.ts

import '@acrd/types';
import { WS } from '@acrd/types';
import io from 'socket.io-client';

const ws = (io as any).connect(process.env.REACT_APP_WEBSITE_URL, {
  secure: true,
  path: `/ws`,
  transports: ['websocket', 'polling', 'flashsocket'],
});

ws.io.on('open', () => console.log(`Connected to WS Server ${process.env.REACT_APP_WEBSITE_URL}/ws`));

export default ws as WSClient;

interface WSClient {
  emit: <K extends keyof WS.To>(event: K, args: WS.To[K]) => any;
  on: <K extends keyof WS.From>(event: K | 'error' | 'disconnect', callback: (args: WS.From[K]) => any) => any;
  off: (event: string, callback?: any) => any;
  disconnect: () => any;
}