46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
|
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;
|
||
|
|
}
|