filterSuperfluousOnDMM

DMM・FANZAの通販商品一覧からアウトレット、限定版、および BOD/DOD を除去

Versão de: 12/03/2022. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

/* jshint esversion: 6 */
// ==UserScript==
// @name         filterSuperfluousOnDMM
// @namespace    https://greasyfork.org/ja/users/289387-unagionunagi
// @version      1.4
// @description  DMM・FANZAの通販商品一覧からアウトレット、限定版、および BOD/DOD を除去
// @author       unagiOnUnagi
// @include      /^https?://www\.dmm\.co(m|\.jp)/mono/(\w+/)?-/(list|search)/.*/
// @grant        GM_setValue
// @grant        GM_getValue
// @license      GPL-2.0-or-later
// ==/UserScript==

function addStyleSheet() {
    // カスタムスタイルシートの作成
    let styleEl = document.createElement('style');
    styleEl.id = 'filtersuperfluousondmm-css';
    document.head.appendChild(styleEl);

    let styleSheet = styleEl.sheet;

    //  .superfluous {display: none} を追加
    styleSheet.insertRule(`.superfluous {}`, 0);

    // 全作品フィルター時のラベル点滅ルール
    styleSheet.insertRule(
        '.filtersuperfluousondmm-blink { animation: flash 0.6s linear 3; }', 1);
    styleSheet.insertRule(
        '@keyframes flash { 0%,100% { opacity: 1; } 50% { opacity: 0; } }', 2);
}

function reconfigureEvenOdds(isFiltered) {
    let selector = isFiltered ? '.unsuperfluous' : '.superfluous,.unsuperfluous';
    for (let [i, tr] of document.querySelectorAll(selector).entries()) {
        let [correct, incorrect] = (i % 2) ? ['odd', 'even'] : ['even', 'odd'];
        tr.classList.replace(incorrect, correct);
    }
}

function setDisplayProperty(isChecked) {
    // display プロパティ値を決定
    let [value, priority] = isChecked ? ['none', 'important']
        : document.URL.includes('/view=text/') ? ['table-row', '']
        : ['list-item', ''];

    let rule = document.getElementById('filtersuperfluousondmm-css').sheet.rules[0];
    rule.style.setProperty('display', value, priority);

    if (value == 'table-row') {
        reconfigureEvenOdds(isChecked);
    }
}

function toggleFilter(ev) {
    // チェックボックスの状態を見て表示・非表示を切り換え
    let isChecked = ev.target.checked;
    setDisplayProperty(isChecked);
    GM_setValue('checked', isChecked);
}

function filterSuperflouous(lineup, itemElm, getTitle) {
    // アウトレット、限定版、BOD/DOD を非表示に

    // ページヘッダー
    let lastSpan = document.querySelector('.list-boxseparate div.list-unit');
    if (!lastSpan) {
        console.log('Breadcrumb list not found');
        return;
    }

    // 対象文字列正規表現
    const pattern = [/【(特選)?アウトレット】/,
                     /【(DMM|FANZA|数量)限定】/,
                     /([BD]OD)$/,
                     /アウトレット(BD)?】$/];

    const items = document.evaluate(itemElm, lineup, null,
                                    XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    const itemsLength = items.snapshotLength;

    let nof = 0;
    for (let i=0; i < itemsLength; i++) {
        let item = items.snapshotItem(i);
        let title = getTitle(item);

        // パターンにマッチしたらクラスを追加
        if (pattern.some(re => re.test(title))) {
            item.classList.add('superfluous');
            nof++;
        } else {
            item.classList.add('unsuperfluous');
        }
    }

    // フィルターチェックボックスの追加
    let filterSpan = document.createElement('span');
    filterSpan.title = `アウトレット、限定版、BOD/DOD を非表示にします (このページに ${nof} 個)`;
    filterSpan.style.cssText = 'margin-left: 10px; font-size: 10px;';
    lastSpan.parentNode.appendChild(filterSpan);

    let filterCb = document.createElement('input');
    filterCb.type = 'checkbox';
    filterCb.id = 'filtersuperfluousondmm-cb';
    filterCb.name = 'filtersuperfluousondmm-cb';
    filterCb.style.cssText = 'vertical-align: middle; transform: scale(0.8);';
    filterSpan.appendChild(filterCb);

    let filterLabel = document.createElement('label');
    filterLabel.htmlFor = 'filtersuperfluousondmm-cb';
    filterSpan.appendChild(filterLabel);

    // ページ内全作品が該当したとき
    if (nof == itemsLength) {
        nof = '全作品が該当';
        filterLabel.classList.add('filtersuperfluousondmm-blink');
    }

    filterLabel.innerText = ` フィルター (${nof})`;

    filterCb.checked = GM_getValue('checked', true);
    filterCb.addEventListener('change', toggleFilter);

}

(function() {
    // カスタムスタイルシートの追加
    addStyleSheet();
    setDisplayProperty(GM_getValue('checked', true));

    let lineup = document.getElementById('list');
    if (lineup) {
        // 画像形式表示
        filterSuperflouous(
            lineup, 'li',
            (item) => item.querySelector('div p.tmb a span img').getAttribute('alt'));
    } else if ((lineup = document.querySelector('table[summary=商品一覧] tbody'))) {
        // テキスト形式表示
        filterSuperflouous(
            lineup, 'tr[td]',
            (item) => item.querySelector('td p.ttl a').innerText.trim());
        reconfigureEvenOdds(GM_getValue('checked', true));
    }

})();