types#WebsocketMessageNames TypeScript Examples

public async init() {
    this.ceNs = io(`/${WebsocketNamespaces.ChainEvents}`, {
      transports: ['websocket'],
    });
    this.ceNs.on('connect', this.onConnect.bind(this));
    this.ceNs.on('disconnect', this.onDisconnect.bind(this));
    this.ceNs.on(
        WebsocketMessageNames.ChainEventNotification,
        this.onChainEvent.bind(this)
    );
  }

public addChainEventSubscriptions(subs: NotificationSubscription[]) {
    if (this._isConnected) {
      const eventTypes = subs.map((x) => x.ChainEventType?.id).filter((x) => !!x);
      console.log('Adding Websocket subscriptions for:', eventTypes);
      this.ceNs.emit(WebsocketMessageNames.NewSubscriptions, eventTypes);
    } else {
      console.log('ChainEventsNamespace is not connected');
    }
  }

public deleteChainEventSubscriptions(subs: NotificationSubscription[]) {
    if (this._isConnected) {
      const eventTypes = subs.map((x) => x.ChainEventType?.id).filter((x) => !!x);
      console.log('Deleting Websocket subscriptions for:', eventTypes);
      this.ceNs.emit(
        WebsocketMessageNames.DeleteSubscriptions,
        subs.map((x) => x.ChainEventType?.id)
      );
    } else {
      console.log('ChainEventsNamespace is not connected');
    }
  }

oninit(vnode) {
    this.shouldScroll = true;
    this.shouldScrollToHighlight = Boolean(m.route.param("message"))
    this.scrollToBottom = () => {
      const scroller = $((vnode as any).dom).find('.chat-messages')[0];
      scroller.scrollTop = scroller.scrollHeight - scroller.clientHeight + 20;
    };
    this.onIncomingMessage = (msg) => {
      console.log('Message received');
      const { chat_channel_id } = msg;
      if (chat_channel_id === vnode.attrs.channel_id) {
        this.shouldScroll = false;
      }
      m.redraw();
    };

    app.socket.chatNs.addListener(
      WebsocketMessageNames.ChatMessage,
      this.onIncomingMessage.bind(vnode)
    );
  }

public sendMessage(message: Record<string, any>, channel: IChannel) {
        if (this.isConnected) {
            this.chatNs.emit(WebsocketMessageNames.ChatMessage, {
                socket_room: ChatNamespace.channelToRoomId(channel),
                ...message
            })
        }
    }

public connectToChannels(channel_ids: string[]) {
        if (this.isConnected) this.chatNs.emit(WebsocketMessageNames.JoinChatChannel, channel_ids)
    }

public disconnectFromChannels(channel_ids: string[]) {
        if (this.isConnected) this.chatNs.emit(WebsocketMessageNames.LeaveChatChannel, channel_ids)
    }

public async initialize() {
        console.log("Initializing chat state")
        this.addListener(WebsocketMessageNames.ChatMessage, this.onMessage.bind(this))
        this.connectToChannels(Object.values(this.channels).map(ChatNamespace.channelToRoomId))
        this._initialized = true;
    }

public async deinit() {
        this._initialized = false;
        this.removeListener(WebsocketMessageNames.ChatMessage, this.onMessage.bind(this))
        this.disconnectFromChannels(Object.values(this.channels).map(ChatNamespace.channelToRoomId))
        this.channels = {}
    }

async oninit(vnode) {
    this.loaded = false;
    this.chain = app.activeChainId();
    this.activeChannel = null;
    app.socket.chatNs.activeChannel = null;

    this.channelToToggleTree = (channels: IChannel[]) => {
      const toggleTree = {};
      channels.forEach((k) => {
        toggleTree[k.name] = { toggledState: false };
      });
      return toggleTree;
    };

    this.categoryToToggleTree = (
      categories: string[],
      defaultState: boolean
    ) => {
      const toggleTree = {};
      categories.forEach((category) => {
        const channelToggleTree = this.channelToToggleTree(
          this.channels[category]
        );
        toggleTree[category] = {
          toggledState: defaultState,
          children: channelToggleTree,
        };
      });
      return toggleTree;
    };

    this.adminModals = {
      CreateCategory: false,
      CreateChannel: false,
      RenameCategory: false,
      DeleteCategory: false,
      RenameChannel: false,
      DeleteChannel: false,
    };

    this.adminCategory = '';
    this.adminChannel = {};

    this.channels = {};
    Object.values(app.socket.chatNs.channels).forEach((c) => {
      const { ChatMessages, ...metadata } = c;
      this.channels[metadata.category]
        ? this.channels[metadata.category].push(metadata)
        : (this.channels[metadata.category] = [metadata]);
    });

    this.onIncomingMessage = (msg) => {
      m.redraw.sync();
    };

    app.socket.chatNs.addListener(
      WebsocketMessageNames.ChatMessage,
      this.onIncomingMessage.bind(vnode)
    );
    this.loaded = true;

    this.menuToggleTree = {
      // Used to track admin menu render status for hover
      toggledState: false,
      children: this.categoryToToggleTree(Object.keys(this.channels), false),
    };
  }

onremove() {
    if (app.socket) {
      app.socket.chatNs.removeListener(
        WebsocketMessageNames.ChatMessage,
        this.onIncomingMessage
      );
    }
  }

onremove() {
    app.socket.chatNs.removeListener(
      WebsocketMessageNames.ChatMessage,
      this.onIncomingMessage
    );
  }