107 lines
2.9 KiB
TypeScript
107 lines
2.9 KiB
TypeScript
import IO from 'socket.io-client';
|
|
import config from '@fiora/config/client';
|
|
import platform from 'platform';
|
|
import notification from './utils/notification';
|
|
import playSound from './utils/playSound';
|
|
import store from './state/store';
|
|
import { ActionTypes } from './state/action';
|
|
import { Message } from './state/reducer';
|
|
|
|
const { dispatch } = store;
|
|
|
|
// 会话ID，用于服务端访问静态资源时做身份识别
|
|
const serverSessionID = String(
|
|
Math.trunc(Math.random() * 10000) + Math.random(),
|
|
);
|
|
|
|
let windowStatus = 'focus';
|
|
window.onfocus = () => {
|
|
windowStatus = 'focus';
|
|
};
|
|
window.onblur = () => {
|
|
windowStatus = 'blur';
|
|
};
|
|
|
|
// 只能通过path参数指定socket url，即使uri参数包含路径也会被忽略
|
|
const socket = IO(config.server, {
|
|
autoConnect: false,
|
|
path: config.socketPath,
|
|
});
|
|
|
|
socket.on('connect', async () => {
|
|
dispatch({ type: ActionTypes.Connect, payload: '' });
|
|
});
|
|
|
|
socket.on('disconnect', () => {
|
|
// @ts-ignore
|
|
dispatch({ type: ActionTypes.Disconnect, payload: null });
|
|
});
|
|
|
|
socket.on('message', async (message: Message) => {
|
|
dispatch({
|
|
type: ActionTypes.AddMessage,
|
|
payload: message,
|
|
});
|
|
const state = store.getState();
|
|
const peerID = message.isSentBySelf ? message.toID : message.fromID;
|
|
const contact = state.allContacts.get(peerID);
|
|
if (!state.focusContactID) {
|
|
dispatch({
|
|
type: ActionTypes.MoveFocusToNextActiveContact,
|
|
payload: null,
|
|
});
|
|
}
|
|
if (!message.isSentBySelf && state.status.soundSwitch) {
|
|
const soundType = state.status.sound;
|
|
playSound(soundType);
|
|
}
|
|
if (
|
|
!message.isSentBySelf &&
|
|
windowStatus === 'blur' &&
|
|
state.status.notificationSwitch
|
|
) {
|
|
notification(
|
|
message.fromName,
|
|
contact?.avatar || '',
|
|
(message.isGroupMessage
|
|
? message.speakingGroupMemberName + ': '
|
|
: '') + message.content,
|
|
Math.random().toString(),
|
|
);
|
|
}
|
|
});
|
|
|
|
// 初始化web socket连接
|
|
function initSocket(passphrase: string) {
|
|
return new Promise((resolve, reject) => {
|
|
if (socket.connected) {
|
|
resolve(true);
|
|
return;
|
|
}
|
|
socket.auth = {
|
|
appName: config.app_name,
|
|
appCode: config.app_code,
|
|
passphrase,
|
|
sessionID: serverSessionID,
|
|
platform: platform.name || '',
|
|
};
|
|
socket.connect();
|
|
socket.on('connect', () => resolve(true));
|
|
socket.on('connect_error', reject);
|
|
});
|
|
}
|
|
function reconnect() {
|
|
return new Promise((resolve, reject) => {
|
|
if (socket.connected) {
|
|
return resolve(true);
|
|
}
|
|
if (!socket.active) {
|
|
socket.connect();
|
|
}
|
|
socket.on('connect', () => resolve(true));
|
|
socket.on('connect_error', reject);
|
|
});
|
|
}
|
|
|
|
export { socket, initSocket, reconnect, serverSessionID as sessionID };
|