import {log, querySelectorAll} from "../../utilities/exports.js"; import {type UsernameColorsData} from "../../storage/common.js"; export function runUsernameColorsFeature( data: UsernameColorsData, anonymizeUsernamesEnabled: boolean, ) { const count = usernameColors(data, anonymizeUsernamesEnabled); log(`Username Colors: Applied ${count} colors.`); } function usernameColors( data: UsernameColorsData, anonymizeUsernamesEnabled: boolean, ): number { const usernameColors = new Map(); for (const {color, username: usernames} of data) { for (const username of usernames.split(",")) { usernameColors.set(username.trim().toLowerCase(), color); } } let count = 0; const usernameElements = querySelectorAll( ".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() ?? ""; if (anonymizeUsernamesEnabled) { 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; }