Hidder

Make "hide" button works

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Hidder
// @version      1.2
// @description  Make "hide" button works
// @author       Rst00
// @match        https://www.wykop.pl/wykopalisko/*
// @namespace WykopHidder
// ==/UserScript==

const localStorageKey = 'WykopHidder';

(function() {
    'use strict';

    hideAllArticles();

    hideOldButton();
    addNewButton();
    handleNewButtonClick();

    clearOldEnteries();
})();

function hideOldButton() {
    const allButtons = document.querySelectorAll('.fix-tagline a.ajax.affect.create');

    allButtons.forEach(button => button.style.display = 'none');
}

function addNewButton() {
    const allContainers = document.querySelectorAll('.fix-tagline');

    allContainers.forEach(container => {
        const newButton = document.createElement('button');

        newButton.type = 'button';
        newButton.classList = 'rst-hide-button';
        newButton.innerText = 'ukryj';

        container.appendChild(newButton);
    });
}

function handleNewButtonClick() {
    $(document).on('click', '.rst-hide-button', function() {
        const container = $(this).parents('li.link');
        const articleId = container.find('.article').attr('data-id');

        saveDataToLS({
            id: articleId,
            createdAt: getCurrentDate(),
        });
        $(this).closest('li.link').remove();
    });
}

function hideAllArticles() {
    const articlesToHide = getDataFromLS();
    const allIds = articlesToHide.reduce((allIds, currentArticle) => [...allIds, currentArticle.id], []);

    const allArticles = document.querySelectorAll('#itemsStream .article');

    allArticles.forEach((article) => {
        if (allIds.includes(article.getAttribute('data-id'))) {
            article.parentNode.remove();
        }
    });
    wykop.bindLazy();
}

function getDataFromLS() {
    const articles = localStorage.getItem(localStorageKey);

    return articles ? JSON.parse(articles) : [];
}

function saveDataToLS(articleData) {
    const newDataToSave = JSON.stringify([...getDataFromLS(), articleData]);

    localStorage.setItem(localStorageKey, newDataToSave);
}

function clearOldEnteries() {
    const allArticles = getDataFromLS();
    const nowDate = getCurrentDate();
    const filteredArticles = allArticles.filter(article => article.createdAt + 60*60*24*7 > nowDate);

    localStorage.setItem(localStorageKey, JSON.stringify(filteredArticles));
}

function getCurrentDate() {
    return Math.floor(new Date().getTime() / 1000);
}