☰

Hide Your Games on PSN

Search and hide games on PSN management site

// ==UserScript==
// @name               Hide Your Games on PSN
// @name:zh-CN         隐藏PSN游戏
// @namespace          http://tampermonkey.net/
// @version            0.2
// @description        Search and hide games on PSN management site
// @description:zh-CN  在PSN管理网页上搜索和隐藏游戏
// @author             Nathaniel Wu
// @include            *id.sonyentertainmentnetwork.com/*
// @license            Apache-2.0
// @grant              GM_addStyle
// @supportURL         https://github.com/Nathaniel-Wu/userscript-hide-psn-games/issues
// ==/UserScript==

(function () {
    'use strict';
    const text_tags = {
        text_search: 0,
        regex_search: 1,
        cancel: 2,
        game_found: 3,
        total_games_found: 4,
        game_classifier: 5,
        new_games_ready_to_be_hidden: 6,
        save_reminder: 7
    }
    const localization = {
        "zh-Hans": ['文本搜索', '正则表达式搜索', '取消', '游戏已找到：', '共找到：', '款', '可供隐藏的新游戏：', '点击保存按钮隐藏'],
        "zh-Hant": ['文本搜索', '正則表達式搜索', '取消', '遊戲已找到：', '共找到：', '款', '可供隱藏的新遊戲：', '點擊保存按鈕隱藏'],
        "en-US": ['Text Search', 'RegEx Search', 'Cancel', 'Game Found: ', 'Total Game(s) Found: ', '', 'New Games(s) Ready To Be Hidden: ', 'Click the Save button to hide the game(s)']
    };
    function localized_text(text_tag) {
        let site_lang = document.documentElement.lang;
        let lang = localization.hasOwnProperty(site_lang) ? site_lang : "en-US";
        return localization[lang][text_tag];
    }
    function repeat_until_successful(function_ptr, interval) {
        if (!function_ptr())
            setTimeout(() => {
                repeat_until_successful(function_ptr, interval);
            }, interval);
    }
    function search_and_hide_game(pattern) {
        let regex_search = typeof (pattern) === 'object';
        let lower_case_pattern = null;
        if (!regex_search)
            lower_case_pattern = pattern.toLowerCase();
        let game_titles = [];
        let new_games_ready_to_be_hidden = 0;
        repeat_until_successful(() => {
            let found = false;
            let load_more_button_container_candidates = Array.prototype.slice.call(document.querySelectorAll('div.columns-center.fitting-width, ul#ps4-games-list'));
            let UL_index = load_more_button_container_candidates.findIndex((e) => e.tagName === 'UL');
            let game_elements = load_more_button_container_candidates[UL_index].querySelectorAll('.pdr-list-column.main-text.ps4-game-name-text.text-selectionitem');
            game_elements.forEach((e) => {
                if (e === game_elements[game_elements.length - 1] && !found)
                    e.scrollIntoView();
                if (regex_search) {
                    if (!Boolean(e.innerHTML.match(pattern)))
                        return;
                } else {
                    if (!Boolean(e.innerHTML.toLowerCase().match(lower_case_pattern)))
                        return;
                }
                found = true;
                let parent = e;
                while (parent.classList.length != 2 || (!parent.classList.contains('pdr-list-item')) || ((!parent.classList.contains('gamelist-check-on')) && (!parent.classList.contains('gamelist-check-off'))))
                    parent = parent.parentElement;
                let not_checked_before;
                if (not_checked_before = parent.classList.contains('gamelist-check-off')) {
                    parent.querySelector('.pdr-list-item.inner-list-item.list-thumbnail.check-box-item.game-list').click();
                    new_games_ready_to_be_hidden++;
                }
                let game_title = e.innerText;
                if (game_titles.indexOf(game_title) < 0) {
                    game_titles.push(game_title);
                    console.log(`${localized_text(text_tags.game_found)}${game_title}${not_checked_before ? '✅' : ''}`);
                    e.scrollIntoView();
                }
            });
            if (UL_index != load_more_button_container_candidates.length - 1) {
                load_more_button_container_candidates[UL_index + 1].querySelector('button.secondary-button.row-button.text-button').click();
                return false;
            } else {
                let alert_message = `${localized_text(text_tags.total_games_found)}${game_titles.length}${localized_text(text_tags.game_classifier)}
${localized_text(text_tags.new_games_ready_to_be_hidden)}${new_games_ready_to_be_hidden}${localized_text(text_tags.game_classifier)}
${localized_text(text_tags.save_reminder)}`
                console.log(alert_message);
                alert(alert_message);
                return true;
            }
        }, 3500 + Math.random() * 1000);
    }
    window.addEventListener('popstate', () => {
        if (Boolean(window.location.href.match(/privacy_settings\/group\/games\/hidden_games/))) {
            const search_menu = document.createElement('div');
            search_menu.id = 'search_menu';
            search_menu.innerHTML = `
                <div class="columns-center">
                    <form>
                        <input type="text" id="search_pattern" value="">
                        <div data-components="pdr-button" class="column-flex button ember-view">
                            <button id="text_search_button" tabindex="0" class="primary-button row-button text-button">
                                <span dir="ltr" class="caption">${localized_text(text_tags.text_search)}</span>
                            </button>
                        </div>
                        <div data-components="pdr-button" class="column-flex button ember-view">
                            <button id="regex_search_button" tabindex="0" class="primary-button row-button text-button">
                                <span dir="ltr" class="caption">${localized_text(text_tags.regex_search)}</span>
                            </button>
                        </div>
                        <div data-components="pdr-button" class="column-flex button ember-view">
                            <button id="cancel_button" tabindex="0" class="secondary-button row-button text-button">
                                <span dir="ltr" class="caption">${localized_text(text_tags.cancel)}</span>
                            </button>
                        </div>
                    </form>
                </div>
            `;
            document.querySelector('body').appendChild(search_menu);
            document.querySelector('#text_search_button').onclick = () => {
                let pattern = document.querySelector('#search_pattern').value;
                setTimeout(() => search_and_hide_game(pattern), 200);
                search_menu.remove();
            };
            document.querySelector('#regex_search_button').onclick = () => {
                let pattern = new RegExp(document.querySelector('#search_pattern').value);
                setTimeout(() => search_and_hide_game(pattern), 200);
                search_menu.remove();
            };
            document.querySelector('#cancel_button').onclick = () => {
                search_menu.remove();
            };
            GM_addStyle(`
                #search_menu {
                    position: absolute;
                    display: block;
                    padding: 10px;
                    background: #f0f0f0;
                    z-index: 999;
                    left: 50%;
                    top: 50%;
                    margin-left: -97px;
                    margin-top: -80px;
                }
            `);
        }
    });
})();