src/contentScripts/communityConsole/extraInfo/injections/threadMessage.js

import {MDCTooltip} from '@material/tooltip';

import ThreadModel from '../../../../models/Thread.js';
import MessageExtraInfoService from '../services/message.js';

import BaseExtraInfoInjection from './base.js';

export default class ThreadMessageExtraInfoInjection extends
    BaseExtraInfoInjection {
  inject(threadInfo, injectionDetails) {
    const messageNode = injectionDetails.messageNode;
    const message = this.#getMessage(threadInfo, messageNode);
    const [chips, tooltips] = MessageExtraInfoService.getMessageChips(message);
    this.#injectChips(chips, messageNode);
    for (const tooltip of tooltips) new MDCTooltip(tooltip);
  }

  #getMessage(threadInfo, messageNode) {
    const thread = new ThreadModel(threadInfo.body?.[1]);
    const messageId = MessageExtraInfoService.getMessageIdFromNode(messageNode);
    return MessageExtraInfoService.getMessageFromThreadModel(messageId, thread);
  }

  #injectChips(chips, messageNode) {
    const interactionsElement = messageNode.querySelector(
        '.scTailwindThreadMessageMessageinteractionsroot');
    if (interactionsElement === null)
      throw new Error(`Couldn't find interactions element.`);

    this.#indicateInteractionsElementIsNonEmpty(interactionsElement);

    this.addExtraInfoChips(
        chips, interactionsElement, /* withContainer = */ true);
  }

  #indicateInteractionsElementIsNonEmpty(interactionsElement) {
    interactionsElement.classList.add(
        'scTailwindThreadMessageMessageinteractionsinteractions');
  }
}