☰

Greasy Fork is available in English.

Discourse Avatar Replacer (DiceBear Adventurer) v1.2 (Debug Enabled)

Replaces Discourse user avatars with DiceBear Adventurer SVGs based on user ID or username. (Debug logging enabled)

// ==UserScript==
// @name         Discourse Avatar Replacer (DiceBear Adventurer) v1.2 (Debug Enabled)
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Replaces Discourse user avatars with DiceBear Adventurer SVGs based on user ID or username. (Debug logging enabled)
// @author       dari & AI Assistant
// @match        *://*.discourse.org/*
// @match        *://*.linux.do/*
// @icon         https://api.dicebear.com/9.x/adventurer/svg?seed=tampermonkey&size=64
// @grant        none
// @run-at       document-idle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    console.log('[DICEBEAR REPLACER] Script starting...'); // Log script start

    const DICEBEAR_API_URL_BASE = 'https://api.dicebear.com/9.x/adventurer/svg?seed=';
    const PROCESSED_ATTRIBUTE = 'data-dicebear-avatar-replaced';

    function getUserIdentifier(imgElement) {
        console.log('[DICEBEAR REPLACER] Trying to get identifier for:', imgElement);

        // 1. Check data-user-id on img
        let userId = imgElement.getAttribute('data-user-id');
        if (userId && userId.trim() !== '') {
            console.log(`[DICEBEAR REPLACER] Found User ID on img: ${userId}`);
            return userId;
        }

        // 2. Check data-user-id on closest ancestor
        const userElement = imgElement.closest('[data-user-id]');
        if (userElement) {
            userId = userElement.getAttribute('data-user-id');
            if (userId && userId.trim() !== '') {
                console.log(`[DICEBEAR REPLACER] Found User ID on ancestor [${userElement.tagName}]: ${userId}`);
                return userId;
            }
        }

        // 3. Fallback: Extract username from parent link href
        const parentLink = imgElement.closest('a[href*="/u/"]');
        if (parentLink && parentLink.href) {
            const match = parentLink.href.match(/\/u\/([^\/]+)/);
            if (match && match[1]) {
                const username = match[1];
                console.log(`[DICEBEAR REPLACER] Found Username in link [${parentLink.tagName}]: ${username}`);
                return username; // Use username as the seed
            } else {
                 console.log('[DICEBEAR REPLACER] Found parent link, but no username match in href:', parentLink.href);
            }
        } else {
             console.log('[DICEBEAR REPLACER] No parent link with /u/ found.');
        }

        // 4. Fallback: Username from title/alt (often less reliable)
        const usernameFromAttr = imgElement.getAttribute('title') || imgElement.getAttribute('alt');
        if (usernameFromAttr && usernameFromAttr.trim() !== '' && !usernameFromAttr.includes('Avatar')) { // Avoid generic "Avatar" alt text
           console.log(`[DICEBEAR REPLACER] Found identifier from title/alt: ${usernameFromAttr.trim()}`);
           return usernameFromAttr.trim();
        }


        console.warn('[DICEBEAR REPLACER] Could not determine User ID or Username for:', imgElement);
        return null;
    }

    function replaceAvatars() {
        console.log('[DICEBEAR REPLACER] Running replaceAvatars function...');
        // Select all images with 'avatar' class NOT already processed
        const avatarImages = document.querySelectorAll(`img.avatar:not([${PROCESSED_ATTRIBUTE}])`);
        console.log(`[DICEBEAR REPLACER] Found ${avatarImages.length} potential avatar images with class 'avatar' to process.`);

        if (avatarImages.length === 0) {
             console.log("[DICEBEAR REPLACER] No new images with class 'avatar' found this time.");
             // Let's also check if ANY images matching the original src pattern exist, maybe the class is wrong on homepage?
             // This is for debugging only:
             const allUserImages = document.querySelectorAll('img[src*="/user_avatar/"]');
             console.log(`[DICEBEAR REPLACER] DEBUG: Found ${allUserImages.length} images with '/user_avatar/' in src (regardless of class).`);
        }


        avatarImages.forEach((img, index) => {
            console.log(`[DICEBEAR REPLACER] Processing image #${index + 1}:`, img);
            img.setAttribute(PROCESSED_ATTRIBUTE, 'true'); // Mark as processed

            const identifier = getUserIdentifier(img);

            if (identifier && identifier.trim() !== '') {
                const seed = identifier.trim();
                const newSrc = `${DICEBEAR_API_URL_BASE}${encodeURIComponent(seed)}`;

                if (img.src !== newSrc) {
                    console.log(`[DICEBEAR REPLACER] Replacing src for Identifier: ${seed}. Old src: ${img.src}, New src: ${newSrc}`);
                    img.src = newSrc; // Replace the source
                    img.removeAttribute('srcset'); // Remove srcset
                    // Let's keep width/height for now
                } else {
                    console.log(`[DICEBEAR REPLACER] Identifier ${seed} found, but src ${img.src} is already the target DiceBear URL. Skipping.`);
                }
            } else {
                console.warn('[DICEBEAR REPLACER] No identifier found for image:', img);
            }
        });
        console.log('[DICEBEAR REPLACER] Finished replaceAvatars function run.');
    }

    // --- MutationObserver ---
    const observer = new MutationObserver(mutations => {
        let needsUpdate = false;
        for (const mutation of mutations) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                for (const node of mutation.addedNodes) {
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        if (node.matches(`img.avatar:not([${PROCESSED_ATTRIBUTE}])`) || node.querySelector(`img.avatar:not([${PROCESSED_ATTRIBUTE}])`)) {
                            console.log('[DICEBEAR REPLACER] MutationObserver detected added node potentially containing an avatar:', node);
                            needsUpdate = true;
                            break;
                        }
                    }
                }
            }
            if (needsUpdate) break;
        }

        if (needsUpdate) {
            console.log('[DICEBEAR REPLACER] DOM change detected, scheduling avatar replacement.');
            clearTimeout(observer.debounceTimer);
            observer.debounceTimer = setTimeout(replaceAvatars, 200); // Slightly longer debounce for dynamic loads
        }
    });

    const config = { childList: true, subtree: true };
    observer.observe(document.body, config);
    console.log('[DICEBEAR REPLACER] MutationObserver started.');

    // --- Initial Run ---
    console.log('[DICEBEAR REPLACER] Scheduling initial run.');
    // Increased timeout significantly to wait for potentially slow homepage elements
    setTimeout(replaceAvatars, 1500);

})();