Humoruniv Block User Script

Blocks posts and comments from specific users on humoruniv.com
当前为 2024-06-21 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Humoruniv Block User Script
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Blocks posts and comments from specific users on humoruniv.com
// @author       ChatGPT
// @match        https://m.humoruniv.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let blindList = JSON.parse(localStorage.getItem('blindList') || '[]');
    let currentPage = 1;
    const itemsPerPage = 10;

    function saveBlindList() {
        localStorage.setItem('blindList', JSON.stringify(blindList));
    }

    function addUserToBlindList(nickname) {
        if (nickname && !blindList.some(user => user.nickname === nickname)) {
            blindList.push({ nickname: nickname, date: new Date().toLocaleString('ko-KR', { hour12: false }) });
            saveBlindList();
            renderBlindList();
            hidePosts();
            hideComments();
        }
    }

    function removeUserFromBlindList(nickname) {
        blindList = blindList.filter(user => user.nickname !== nickname);
        saveBlindList();
        renderBlindList();
    }

    function renderBlindList() {
        const listElement = document.getElementById('blindList');
        listElement.innerHTML = '';

        const start = (currentPage - 1) * itemsPerPage;
        const end = start + itemsPerPage;
        const paginatedItems = blindList.slice(start, end);

        const table = document.createElement('table');
        table.style.width = '100%';
        table.style.borderCollapse = 'collapse';

        paginatedItems.forEach(user => {
            const row = table.insertRow();
            row.style.borderBottom = '1px solid #ddd';

            const cell1 = row.insertCell(0);
            cell1.style.padding = '8px';
            cell1.textContent = user.nickname;

            const cell2 = row.insertCell(1);
            cell2.style.padding = '8px';
            cell2.textContent = user.date;

            const cell3 = row.insertCell(2);
            cell3.style.padding = '8px';
            const removeButton = document.createElement('button');
            removeButton.textContent = '삭제';
            removeButton.onclick = () => removeUserFromBlindList(user.nickname);
            removeButton.style.padding = '4px 8px';
            removeButton.style.border = 'none';
            removeButton.style.backgroundColor = '#ff3b30';
            removeButton.style.color = 'white';
            removeButton.style.borderRadius = '4px';
            cell3.appendChild(removeButton);
        });

        listElement.appendChild(table);

        renderPagination();
    }

    function renderPagination() {
        const paginationElement = document.getElementById('pagination');
        paginationElement.innerHTML = '';

        const totalPages = Math.ceil(blindList.length / itemsPerPage);

        const prevButton = document.createElement('button');
        prevButton.textContent = '<';
        prevButton.style.margin = '0 5px';
        prevButton.style.padding = '4px 8px';
        prevButton.style.border = 'none';
        prevButton.style.backgroundColor = '#f0f0f5';
        prevButton.style.borderRadius = '4px';
        prevButton.onclick = () => {
            if (currentPage > 1) {
                currentPage--;
                renderBlindList();
            }
        };
        paginationElement.appendChild(prevButton);

        const pageInfo = document.createElement('span');
        pageInfo.textContent = `${currentPage} / ${totalPages}`;
        pageInfo.style.margin = '0 5px';
        paginationElement.appendChild(pageInfo);

        const pageInput = document.createElement('input');
        pageInput.type = 'number';
        pageInput.min = 1;
        pageInput.max = totalPages;
        pageInput.value = currentPage;
        pageInput.style.width = '40px';
        pageInput.style.margin = '0 5px';
        paginationElement.appendChild(pageInput);

        const goButton = document.createElement('button');
        goButton.textContent = '이동';
        goButton.style.margin = '0 5px';
        goButton.style.padding = '4px 8px';
        goButton.style.border = 'none';
        goButton.style.backgroundColor = '#007aff';
        goButton.style.color = 'white';
        goButton.style.borderRadius = '4px';
        goButton.onclick = () => {
            const page = parseInt(pageInput.value);
            if (page >= 1 && page <= totalPages) {
                currentPage = page;
                renderBlindList();
            }
        };
        paginationElement.appendChild(goButton);

        const nextButton = document.createElement('button');
        nextButton.textContent = '>';
        nextButton.style.margin = '0 5px';
        nextButton.style.padding = '4px 8px';
        nextButton.style.border = 'none';
        nextButton.style.backgroundColor = '#f0f0f5';
        nextButton.style.borderRadius = '4px';
        nextButton.onclick = () => {
            if (currentPage < totalPages) {
                currentPage++;
                renderBlindList();
            }
        };
        paginationElement.appendChild(nextButton);
    }

    function saveGuiState(isHidden) {
        localStorage.setItem('guiHidden', isHidden);
    }

    function loadGuiState() {
        return localStorage.getItem('guiHidden') === 'true';
    }

    // GUI 생성
    const gui = document.createElement('div');
    gui.style.position = 'fixed';
    gui.style.bottom = '10px';
    gui.style.right = '10px';
    gui.style.backgroundColor = 'white';
    gui.style.border = '1px solid #ccc';
    gui.style.padding = '10px';
    gui.style.borderRadius = '10px';
    gui.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
    gui.style.zIndex = 10000;
    gui.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
    gui.style.maxWidth = '90%';
    gui.style.boxSizing = 'border-box';

    const title = document.createElement('h3');
    title.textContent = '블라인드 리스트';
    title.style.margin = '0 0 10px 0';
    title.style.fontSize = '18px';
    gui.appendChild(title);

    const list = document.createElement('div');
    list.id = 'blindList';
    list.style.maxHeight = '200px';
    list.style.overflowY = 'auto';
    gui.appendChild(list);

    const inputField = document.createElement('input');
    inputField.type = 'text';
    inputField.placeholder = '닉네임 추가';
    inputField.style.padding = '8px';
    inputField.style.border = '1px solid #ccc';
    inputField.style.borderRadius = '4px';
    inputField.style.width = 'calc(100% - 16px)';
    inputField.style.marginBottom = '10px';
    gui.appendChild(inputField);

    const addButton = document.createElement('button');
    addButton.textContent = '추가';
    addButton.style.padding = '8px 16px';
    addButton.style.border = 'none';
    addButton.style.backgroundColor = '#007aff';
    addButton.style.color = 'white';
    addButton.style.borderRadius = '4px';
    addButton.style.cursor = 'pointer';
    addButton.onclick = () => {
        addUserToBlindList(inputField.value.trim());
        inputField.value = '';
    };
    gui.appendChild(addButton);

    const hideButton = document.createElement('button');
    hideButton.textContent = '숨기기';
    hideButton.style.marginLeft = '10px';
    hideButton.style.padding = '8px 16px';
    hideButton.style.border = 'none';
    hideButton.style.backgroundColor = '#8e8e93';
    hideButton.style.color = 'white';
    hideButton.style.borderRadius = '4px';
    hideButton.style.cursor = 'pointer';
    hideButton.onclick = () => {
        gui.style.display = 'none';
        showButton.style.display = 'block';
        saveGuiState(true);
    };
    gui.appendChild(hideButton);

    const pagination = document.createElement('div');
    pagination.id = 'pagination';
    pagination.style.marginTop = '10px';
    pagination.style.textAlign = 'center';
    gui.appendChild(pagination);

    document.body.appendChild(gui);

    const showButton = document.createElement('button');
    showButton.textContent = '블라인드';
    showButton.style.position = 'fixed';
    showButton.style.bottom = '10px';
    showButton.style.right = '10px';
    showButton.style.padding = '8px 16px';
    showButton.style.border = 'none';
    showButton.style.backgroundColor = '#007aff';
    showButton.style.color = 'white';
    showButton.style.borderRadius = '4px';
    showButton.style.cursor = 'pointer';
    showButton.style.zIndex = 10000;
    showButton.style.display = 'none';
    showButton.onclick = () => {
        gui.style.display = 'block';
        showButton.style.display = 'none';
        saveGuiState(false);
    };
    document.body.appendChild(showButton);

    if (loadGuiState()) {
        gui.style.display = 'none';
        showButton.style.display = 'block';
    } else {
        gui.style.display = 'block';
        showButton.style.display = 'none';
    }

    renderBlindList();

    // 게시글 가리기
    function hidePosts() {
        if (location.href.includes('list.html') && !location.href.includes('st=name')) {
            document.querySelectorAll('#list_body > ul > a').forEach(post => {
                const nickname = post.querySelector('#list_body > ul > a > li > table > tbody > tr > td:nth-child(2) > div > span.nick').textContent;
                if (blindList.some(user => user.nickname === nickname)) {
                    post.style.display = 'none';
                }
            });

            document.querySelectorAll('#list_best_normal > ul > a').forEach(post => {
                const nickname = post.querySelector('#list_best_normal > ul > a > li > table > tbody > tr > td > div:nth-child(3)').textContent;
                if (blindList.some(user => user.nickname === nickname)) {
                    post.style.display = 'none';
                }
            });
        }
    }

    // 댓글 가리기
    function hideComments() {
        if (location.href.includes('read.html')) {
            document.querySelectorAll('li').forEach(comment => {
                const nickname = comment.querySelector('span.nick')?.textContent;

                if (nickname && blindList.some(user => user.nickname === nickname)) {
                    if (comment.className.includes('sub_comm_bt')) {
                        comment.style.display = 'none';
                    } else if (comment.className.includes('best_li') || comment.id.includes('comment_li')) {
                        let nextElement = comment.nextElementSibling;
                        while (nextElement && nextElement.className.includes('sub_comm_bt')) {
                            nextElement.style.display = 'none';
                            nextElement = nextElement.nextElementSibling;
                        }
                        comment.style.display = 'none';
                    }
                }
            });
        }
    }

    hidePosts();
    hideComments();
})();