☰

Greasy Fork is available in English.

Kbin Kibby Avatars

Displays a Kibby icon as the default for people with no avatars set.

// ==UserScript==
// @name         Kbin Kibby Avatars
// @namespace    http://tampermonkey.net/
// @version      0.3.1
// @description  Displays a Kibby icon as the default for people with no avatars set.
// @author       minnieo
// @match        https://kbin.social/*
// @icon         https://minnie.untone.uk/kibpfps/kib1.png
// @grant        none
// @run-at       document-idle
// @license      MIT
// ==/UserScript==

const pref = 'https://minnie.untone.uk/kibpfps/kib'
const max = 25;

const commentSection = document.querySelector('section.comments.entry-comments.comments-tree');
const noAvatarElements = Array.from(commentSection.querySelectorAll('div.no-avatar'));

const filledUsers = {}

noAvatarElements.forEach((defaultAvatar) => {
    let assignedAvatar;
    const username = defaultAvatar.parentElement.href.split('/')[4]
    if (filledUsers[username]) {
        assignedAvatar = filledUsers[username];
    } else {
        const randomIndex = Math.floor(Math.random() * max) + 1;
        assignedAvatar = randomIndex
        filledUsers[username] = assignedAvatar;

    }
    const kibbyAvatar = document.createElement('img');
    kibbyAvatar.alt = 'Default avatar';
    kibbyAvatar.src = pref + assignedAvatar + '.png';
    kibbyAvatar.style.cssText = `
        max-width: 40px;
        max-height: 40px;
    `;
    defaultAvatar.parentNode.replaceChild(kibbyAvatar, defaultAvatar);
});