// ==UserScript==
// @name         Highlights & Notes
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Add comments to Mastodon usrers
// @match        *://*.cr8r.gg/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';
// Сюда хардкодим то, что хотим подсвечивать на уровне юзернейма (боты, мосты, сервера, которые вас забанили)
    const highlightedDomains = [
        "@press.anyaforger.art",
        "@bird.makeup",
        "@threads.net",
        "@lamp.leemoon.network",
        "@juick.com",
        "@pixelfed.",
        "@shitpost.poridge.club",
    ];

    const memoryMap = {};
    function addToMemory(key, value) {
        memoryMap[key] = value;
        localStorage.setItem('mem_' + key, value);
        console.log(`[MEM] Добавлено: ${key} → ${value}`);
    }

    function highlightAccounts() {
        document.querySelectorAll("span.display-name__account").forEach(el => {
            const content = el.textContent.trim();
            const parent = el.closest('a');

            if (!parent || parent.querySelector(".personal-user-note")) return;

            let didHighlight = false;

            if (highlightedDomains.some(domain => content.includes(domain))) {
                el.classList.add("highlight-account");
                didHighlight = true;
            }

            const matchedKey = Object.keys(memoryMap).find(key => content.includes(key));
            if (matchedKey) {
                const note = memoryMap[matchedKey].trim();

                const noteSpan = document.createElement("span");
                noteSpan.textContent = ` (${note})`;
                noteSpan.classList.add("personal-user-note");
                parent.appendChild(noteSpan);
                console.log(`[NOTE] Добавлена заметка для ${content}: ${note}`);
                didHighlight = true;
            }

            if (didHighlight) {
                console.log(`[HIGHLIGHT] ${content}`);
            }
        });
    }

    function saveToMemory() {
        const key = prompt('Введите ключ:');
        if (!key) return;

        const value = prompt('Введите значение (оставьте пустым, чтобы удалить):');
        if (value === null) return;

        if (value === '') {
            // Удалить ключ
            delete memoryMap[key];
            localStorage.removeItem('mem_' + key);
            alert(`Ключ "${key}" удалён`);
        } else {
            // Сохранить ключ-значение
            memoryMap[key] = value;
            localStorage.setItem('mem_' + key, value);
            alert(`Сохранено: ${key} = ${value}`);
            highlightAccounts();
        }
    }

    function loadFromStorage() {
        console.log('Loading from storage'+localStorage.length+' records');
        for (let i = 0; i < localStorage.length; i++) {
            const key = localStorage.key(i);
            if (key.startsWith('mem_')) {
                const value = localStorage.getItem(key);
                memoryMap[key.slice(4)] = value;
            }
        }
    }


    const waitForDrawer = setInterval(() => {
        const drawerTabs = document.querySelectorAll('.drawer__tab');
        if (!drawerTabs.length) return;

        const signOutBtn = Array.from(drawerTabs).find(a =>
                                                       a.getAttribute('href') === '/auth/sign_out'
                                                      );

        if (!signOutBtn || signOutBtn.nextElementSibling?.classList.contains('drawer__tab--add-comment')) {
            clearInterval(waitForDrawer);
            return;
        }

        const commentBtn = document.createElement('a');
        commentBtn.href = '#';
        commentBtn.className = 'drawer__tab drawer__tab--add-comment';
        commentBtn.title = 'Добавить комментарий';
        commentBtn.setAttribute('aria-label', 'Добавить комментарий');
//Это иконка на кнопке
        commentBtn.innerHTML = `
      <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="icon icon-user-note" aria-hidden="true">
<path d="M19.8201 14H15.6001C15.04 14 14.76 14 14.5461 14.109C14.3579 14.2049 14.2049 14.3578 14.1091 14.546C14.0001 14.7599 14.0001 15.0399 14.0001 15.6V19.82M20 12.7269V7.2C20 6.0799 20 5.51984 19.782 5.09202C19.5903 4.71569 19.2843 4.40973 18.908 4.21799C18.4802 4 17.9201 4 16.8 4H7.2C6.0799 4 5.51984 4 5.09202 4.21799C4.71569 4.40973 4.40973 4.71569 4.21799 5.09202C4 5.51984 4 6.0799 4 7.2V16.8C4 17.9201 4 18.4802 4.21799 18.908C4.40973 19.2843 4.71569 19.5903 5.09202 19.782C5.51984 20 6.0799 20 7.2 20H12.9496C13.4578 20 13.7118 20 13.9498 19.9407C14.1608 19.8882 14.3618 19.8016 14.5449 19.6844C14.7515 19.5522 14.926 19.3675 15.2751 18.9983L19.1254 14.9252C19.4486 14.5833 19.6101 14.4124 19.7255 14.2156C19.8278 14.041 19.903 13.8519 19.9486 13.6548C20 13.4325 20 13.1973 20 12.7269Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>      </svg>
    `;

        commentBtn.addEventListener('click', (e) => {
            e.preventDefault();
            saveToMemory();
        });

        signOutBtn.insertAdjacentElement('afterend', commentBtn);

        clearInterval(waitForDrawer);
    }, 300);



    loadFromStorage();
    console.log('Loaded '+Object.keys(memoryMap).length+' records');

    const observer = new MutationObserver(mutations => {
        for (const mutation of mutations) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                highlightAccounts();
                break; // не нужно проходить всё, если уже обновили
            }
        }
    });

    observer.observe(document.querySelector('main') || document.body, {
        childList: true,
        subtree: true,
    });


})();