267 lines
No EOL
10 KiB
TypeScript
267 lines
No EOL
10 KiB
TypeScript
import {ConnectionHandler} from "tc-shared/ConnectionHandler";
|
|
import {SideHeaderEvents} from "tc-shared/ui/frames/side/HeaderDefinitions";
|
|
import {Registry} from "tc-shared/events";
|
|
import {ChannelEntry, ChannelProperties} from "tc-shared/tree/Channel";
|
|
import {LocalClientEntry} from "tc-shared/tree/Client";
|
|
import {openMusicManage} from "tc-shared/ui/modal/ModalMusicManage";
|
|
|
|
const ChannelInfoUpdateProperties: (keyof ChannelProperties)[] = [
|
|
"channel_name",
|
|
"channel_icon_id",
|
|
|
|
"channel_flag_maxclients_unlimited",
|
|
"channel_maxclients",
|
|
|
|
"channel_flag_maxfamilyclients_inherited",
|
|
"channel_flag_maxfamilyclients_unlimited",
|
|
"channel_maxfamilyclients"
|
|
];
|
|
|
|
/* TODO: Remove the ping interval handler. It's currently still there since the clients are not emitting the event yet */
|
|
export class SideHeaderController {
|
|
private readonly uiEvents: Registry<SideHeaderEvents>;
|
|
|
|
private connection: ConnectionHandler;
|
|
|
|
private listenerConnection: (() => void)[];
|
|
private listenerVoiceChannel: (() => void)[];
|
|
private listenerTextChannel: (() => void)[];
|
|
|
|
private currentVoiceChannel: ChannelEntry;
|
|
private currentTextChannel: ChannelEntry;
|
|
|
|
private pingUpdateInterval: number;
|
|
|
|
constructor() {
|
|
this.uiEvents = new Registry<SideHeaderEvents>();
|
|
this.listenerConnection = [];
|
|
this.listenerVoiceChannel = [];
|
|
this.listenerTextChannel = [];
|
|
|
|
this.initialize();
|
|
}
|
|
|
|
private initialize() {
|
|
this.uiEvents.on("action_open_conversation", () => {
|
|
const selectedClient = this.connection.getSelectedClientInfo().getClient()
|
|
if(selectedClient) {
|
|
const conversations = this.connection.getPrivateConversations();
|
|
conversations.setSelectedConversation(conversations.findOrCreateConversation(selectedClient));
|
|
}
|
|
this.connection.getSideBar().showPrivateConversations();
|
|
});
|
|
|
|
this.uiEvents.on("action_switch_channel_chat", () => {
|
|
this.connection.getSideBar().showChannelConversations();
|
|
});
|
|
|
|
this.uiEvents.on("action_bot_manage", () => {
|
|
/* FIXME: TODO! */
|
|
/*
|
|
const bot = this.connection.getSideBar().music_info().current_bot();
|
|
if(!bot) return;
|
|
|
|
openMusicManage(this.connection, bot);
|
|
*/
|
|
});
|
|
|
|
this.uiEvents.on("action_bot_add_song", () => {
|
|
/* FIXME: TODO! */
|
|
//this.connection.side_bar.music_info().events.fire("action_song_add")
|
|
});
|
|
|
|
this.uiEvents.on("query_client_info_own_client", () => this.sendClientInfoOwnClient());
|
|
this.uiEvents.on("query_current_channel_state", event => this.sendChannelState(event.mode));
|
|
this.uiEvents.on("query_private_conversations", () => this.sendPrivateConversationInfo());
|
|
this.uiEvents.on("query_ping", () => this.sendPing());
|
|
}
|
|
|
|
private initializeConnection() {
|
|
this.listenerConnection.push(this.connection.channelTree.events.on("notify_client_moved", event => {
|
|
if(event.client instanceof LocalClientEntry) {
|
|
this.updateVoiceChannel();
|
|
}
|
|
}));
|
|
this.listenerConnection.push(this.connection.channelTree.events.on("notify_client_enter_view", event => {
|
|
if(event.client instanceof LocalClientEntry) {
|
|
this.updateVoiceChannel();
|
|
}
|
|
}));
|
|
this.listenerConnection.push(this.connection.events().on("notify_connection_state_changed", () => {
|
|
this.updateVoiceChannel();
|
|
this.updateTextChannel();
|
|
this.sendPing();
|
|
if(this.connection.connected) {
|
|
if(!this.pingUpdateInterval) {
|
|
this.pingUpdateInterval = setInterval(() => this.sendPing(), 2000);
|
|
}
|
|
} else if(this.pingUpdateInterval) {
|
|
clearInterval(this.pingUpdateInterval);
|
|
this.pingUpdateInterval = undefined;
|
|
}
|
|
}));
|
|
this.listenerConnection.push(this.connection.getChannelConversations().events.on("notify_selected_changed", () => this.updateTextChannel()));
|
|
this.listenerConnection.push(this.connection.serverConnection.events.on("notify_ping_updated", () => this.sendPing()));
|
|
this.listenerConnection.push(this.connection.getPrivateConversations().events.on("notify_unread_count_changed", () => this.sendPrivateConversationInfo()));
|
|
this.listenerConnection.push(this.connection.getPrivateConversations().events.on(["notify_conversation_destroyed", "notify_conversation_destroyed"], () => this.sendPrivateConversationInfo()));
|
|
this.listenerConnection.push(this.connection.getSelectedClientInfo().events.on("notify_client_changed", () => this.sendClientInfoOwnClient()));
|
|
}
|
|
|
|
setConnectionHandler(connection: ConnectionHandler) {
|
|
if(this.connection === connection) {
|
|
return;
|
|
}
|
|
|
|
this.listenerConnection.forEach(callback => callback());
|
|
this.listenerConnection = [];
|
|
|
|
this.connection = connection;
|
|
if(connection) {
|
|
this.initializeConnection();
|
|
}
|
|
this.sendPing();
|
|
this.sendPrivateConversationInfo();
|
|
this.sendChannelState("voice");
|
|
this.sendChannelState("text");
|
|
}
|
|
|
|
getConnectionHandler() : ConnectionHandler | undefined {
|
|
return this.connection;
|
|
}
|
|
|
|
destroy() {
|
|
this.listenerConnection.forEach(callback => callback());
|
|
this.listenerConnection = [];
|
|
|
|
this.listenerTextChannel.forEach(callback => callback());
|
|
this.listenerTextChannel = [];
|
|
|
|
this.listenerVoiceChannel.forEach(callback => callback());
|
|
this.listenerVoiceChannel = [];
|
|
|
|
clearInterval(this.pingUpdateInterval);
|
|
this.pingUpdateInterval = undefined;
|
|
}
|
|
|
|
private sendChannelState(mode: "voice" | "text") {
|
|
const channel = mode === "voice" ? this.currentVoiceChannel : this.currentTextChannel;
|
|
if(channel) {
|
|
let maxClients = -1;
|
|
if(!channel.properties.channel_flag_maxclients_unlimited) {
|
|
maxClients = channel.properties.channel_maxclients;
|
|
}
|
|
|
|
this.uiEvents.fire_react("notify_current_channel_state", {
|
|
mode: mode,
|
|
state: {
|
|
state: "connected",
|
|
channelName: channel.parsed_channel_name.text,
|
|
channelIcon: {
|
|
handlerId: this.connection.handlerId,
|
|
serverUniqueId: this.connection.getCurrentServerUniqueId(),
|
|
iconId: channel.properties.channel_icon_id
|
|
},
|
|
channelUserCount: channel.clients(false).length,
|
|
channelMaxUser: maxClients
|
|
}
|
|
});
|
|
} else {
|
|
this.uiEvents.fire_react("notify_current_channel_state", { mode: mode, state: { state: "not-connected" }});
|
|
}
|
|
}
|
|
|
|
private updateVoiceChannel() {
|
|
let targetChannel = this.connection?.connected ? this.connection.getClient().currentChannel() : undefined;
|
|
if(this.currentVoiceChannel === targetChannel) {
|
|
return;
|
|
}
|
|
|
|
this.listenerVoiceChannel.forEach(callback => callback());
|
|
this.listenerVoiceChannel = [];
|
|
|
|
this.currentVoiceChannel = targetChannel;
|
|
this.sendChannelState("voice");
|
|
|
|
if(targetChannel) {
|
|
this.listenerTextChannel.push(targetChannel.events.on("notify_properties_updated", event => {
|
|
for(const key of ChannelInfoUpdateProperties) {
|
|
if(key in event.updated_properties) {
|
|
this.sendChannelState("voice");
|
|
return;
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
}
|
|
|
|
private updateTextChannel() {
|
|
let targetChannel: ChannelEntry;
|
|
let targetChannelId = this.connection?.connected ? parseInt(this.connection.getChannelConversations().getSelectedConversation()?.getChatId()) : -1;
|
|
if(!isNaN(targetChannelId) && targetChannelId >= 0) {
|
|
targetChannel = this.connection.channelTree.findChannel(targetChannelId);
|
|
}
|
|
|
|
if(this.currentTextChannel === targetChannel) {
|
|
return;
|
|
}
|
|
|
|
this.listenerTextChannel.forEach(callback => callback());
|
|
this.listenerTextChannel = [];
|
|
|
|
this.currentTextChannel = targetChannel;
|
|
this.sendChannelState("text");
|
|
|
|
|
|
if(targetChannel) {
|
|
this.listenerTextChannel.push(targetChannel.events.on("notify_properties_updated", event => {
|
|
for(const key of ChannelInfoUpdateProperties) {
|
|
if(key in event.updated_properties) {
|
|
this.sendChannelState("text");
|
|
return;
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
}
|
|
|
|
private sendPing() {
|
|
if(this.connection?.connected) {
|
|
const ping = this.connection.getServerConnection().ping();
|
|
this.uiEvents.fire_react("notify_ping", {
|
|
ping: {
|
|
native: typeof ping.native !== "number" ? -1 : ping.native,
|
|
javaScript: ping.javascript
|
|
}
|
|
});
|
|
} else {
|
|
this.uiEvents.fire_react("notify_ping", { ping: undefined });
|
|
}
|
|
}
|
|
|
|
private sendPrivateConversationInfo() {
|
|
if(this.connection) {
|
|
const conversations = this.connection.getPrivateConversations();
|
|
this.uiEvents.fire_react("notify_private_conversations", {
|
|
info: {
|
|
open: conversations.getConversations().length,
|
|
unread: conversations.getUnreadCount()
|
|
}
|
|
});
|
|
} else {
|
|
this.uiEvents.fire_react("notify_private_conversations", {
|
|
info: {
|
|
open: 0,
|
|
unread: 0
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
private sendClientInfoOwnClient() {
|
|
if(this.connection) {
|
|
this.uiEvents.fire_react("notify_client_info_own_client", { isOwnClient: this.connection.getSelectedClientInfo().getClient() instanceof LocalClientEntry });
|
|
} else {
|
|
this.uiEvents.fire_react("notify_client_info_own_client", { isOwnClient: false });
|
|
}
|
|
}
|
|
} |