import Settings from '../settings.js';
import {log, querySelectorAll} from '../utilities/exports.js';

export function runUsernameColorsFeature(settings: Settings) {
  const count = usernameColors(settings);
  log(`Username Colors: Applied ${count} colors.`);
}

function usernameColors(settings: Settings): number {
  const usernameColors = new Map<string, string>();
  for (const {color, username: usernames} of settings.data.usernameColors) {
    for (const username of usernames.split(',')) {
      usernameColors.set(username.trim().toLowerCase(), color);
    }
  }

  let count = 0;
  const usernameElements = querySelectorAll<HTMLElement>(
    '.link-user:not(.trx-username-colors)',
  );

  for (const element of usernameElements) {
    if (element.classList.contains('trx-username-colors')) {
      continue;
    }

    let target =
      element.textContent?.replace(/@/g, '').trim().toLowerCase() ??
      '<unknown>';
    if (settings.features.anonymizeUsernames) {
      target = element.dataset.trxUsername?.toLowerCase() ?? target;
    }

    element.classList.add('trx-username-colors');
    const color = usernameColors.get(target);
    if (color === undefined) {
      continue;
    }

    element.style.color = color;
    count += 1;
  }

  return count;
}