☰

Sleazy Fork is available in English.

wnacg-Viewer

wnacg-Viewer 功能：1. 書架管理—快速加入/移除書架；2. 幻燈片模式—自動切換，優化圖片載入；3. 專輯鏈接自動更新—連結至下拉閱讀；4. 關鍵字搜尋—輕鬆查找相關作品。

// ==UserScript==
// @name        wnacg-Viewer
// @description wnacg-Viewer 功能：1. 書架管理—快速加入/移除書架；2. 幻燈片模式—自動切換，優化圖片載入；3. 專輯鏈接自動更新—連結至下拉閱讀；4. 關鍵字搜尋—輕鬆查找相關作品。
// @version     2.6.2
// @author      MrDaDaDo
// @match       https://wnacg.com/*
// @match       https://www.wnacg.com/*
// @run-at      document-end
// @require     https://code.jquery.com/jquery-3.3.1.min.js
// @namespace   https://github.com/MrDaDaDo/wnacg-Viewer
// @license     GPL-3.0-or-later
// ==/UserScript==

(() => {
    const $ = window.jQuery;

    const genFavBtnId = favId => `add-to-fav-btn-${favId}`;

    const getAid = () => window.location.href.match(/photos-slide-aid-(\d+)\.html/)[1];

    const addToFav = favId => {
        const aid = getAid();
        $.post(`https://www.wnacg.com/users-save_fav-id-${aid}.html`, { favc_id: favId })
            .done(() => {
                const $btn = $(`#${genFavBtnId(favId)}`);
                $btn.addClass('cur');
                alert('加入書架成功');
                setIsInFav(aid, favId);
            })
            .fail(() => {
                alert('加入書架失敗');
            });
    };

    const deleteFav = (favId, link) => {
        const postData = {
            ajax: true,
            _t: Math.random(),
        };
        $.post(link, postData)
            .done(() => {
                alert('移出書架成功');
                const $btn = $(`#${genFavBtnId(favId)}`);
                $btn.removeClass('cur');
                $btn.off('click').on('click', () => addToFav(favId));
            })
            .fail(() => {
                alert('移出書架失敗');
            });
    };

    const setIsInFav = async (aid, favId, page = 1) => {
        const data = await $.get(`https://www.wnacg.com/users-users_fav-page-${page}-c-${favId}.html`);
        if (data.indexOf(`photos-index-aid-${aid}.html`) >= 0) {
            const $btn = $(`#${genFavBtnId(favId)}`);
            $btn.addClass('cur');
            $btn.off('click');
            const $data = $(data);
            $data.find('.box_cel.u_listcon').each(function () {
                const $div = $(this);
                const $targetLink = $div.find(`a[href*='photos-index-aid-${aid}.html']`);
                if ($targetLink.length > 0) {
                    const onclickValue = $div.find("a[onclick*='Mui.box.show']").attr('onclick');
                    const deleteLinkMatch = onclickValue.match(/Mui\.box\.show\('(.+?)'\)/);
                    if (deleteLinkMatch && deleteLinkMatch[1]) {
                        const deleteLink = deleteLinkMatch[1];
                        $btn.on('click', () => deleteFav(favId, deleteLink));
                    }
                }
            });
        } else if (data.indexOf('>後頁') >= 0) {
            setIsInFav(aid, favId, page + 1);
        } else {
            const $btn = $(`#${genFavBtnId(favId)}`);
            $btn.off('click').on('click', () => addToFav(favId));
        }
    };

    const initAddToFavBtn = async ($parent, aid) => {
        const data = await $.get('https://www.wnacg.com/users-users_fav.html');
        const regex = /<label class="nav_label">書架分類：<\/label>([\s\S]*?)<a class="btn_blue" href="\/\?ctl=users&act=favclass">管理分類<\/a>/;
        const match = data.match(regex);
        const favHtml = match[1];
        const favRegex = /users-users_fav-c-(\d+).html ">(.*?)</g;
        let favMatch;
        while ((favMatch = favRegex.exec(favHtml)) !== null) {
            const [favId, favName] = [favMatch[1], favMatch[2]];
            const btnId = genFavBtnId(favId);
            const $btn = $(`<a id="${btnId}">${favName}</a>`);
            $parent.append($btn);
            $btn.css('cursor', 'pointer');
            $(`#${btnId}`).click(() => addToFav(favId));
            setIsInFav(getAid(), favId, aid);
        }
    };

    const genImageDivHtml = (imageSrc, index, total) => `
        <div style="text-align:center;color:#999;padding-bottom:10px;font-size:13px;">
            <img src="${imageSrc}" width="960px"><br>
            <span>${index}/${total}</span>
        </div>
    `;

    const viewSlide = imageSrcList => {
        $('#shareBox, #control_block, #mask_panel, #cite_vote, #page_scale, .header, .footer').remove();
        const $parent = $('#img_list').parent();
        $('#img_list, #img_load').remove();
        const $favLabel = $('<label class="nav_list" style="display: block; text-align: center; margin: 0 auto;"></label>');
        $parent.append($favLabel);
        initAddToFavBtn($favLabel);
        const $imgDiv = $('<div id="wnacg-viewer-img-list"></div>');
        $parent.append($imgDiv);
        const title = document.title.replace(' - 列表 - 紳士漫畫-專註分享漢化本子|邪惡漫畫', '');
        const $titleDiv = $('<div id="wnacg-viewer-title" style="text-align:center;color:#999;padding-bottom:10px;font-size:26px;"></div>');
        const regex = /\[([^\[\]]+?)\]/g;
        let lastIndex = 0;
        let match;
        while ((match = regex.exec(title)) !== null) {
            if (match.index > lastIndex) {
                $titleDiv.append(title.slice(lastIndex, match.index));
            }
            const searchKeyword = match[1];
            const $link = $(`<a href="https://www.wnacg.com/search/?q=${searchKeyword}&f=_all&s=create_time_DESC&syn=yes" target="_blank" style="color: #4A90E2;">${searchKeyword}</a>`);
            $titleDiv.append('[').append($link).append(']');
            lastIndex = regex.lastIndex;
        }
        if (lastIndex < title.length) {
            $titleDiv.append(title.slice(lastIndex));
        }
        $imgDiv.append($titleDiv);

        const batchSize = 10;
        let currentBatch = 0;
        const loadNextBatch = () => {
            const startIndex = currentBatch * batchSize;
            const endIndex = Math.min(startIndex + batchSize, imageSrcList.length);
            for (let i = startIndex; i < endIndex; i++) {
                $imgDiv.append(genImageDivHtml(imageSrcList[i], i + 1, imageSrcList.length));
            }
            currentBatch++;
            if (startIndex < imageSrcList.length) {
                setTimeout(loadNextBatch, 2000);
            }
        };
        loadNextBatch();
    };

    const goSlide = () => {
        const photosGalleryScriptUrl = location.href.replace('photos-slide-aid', 'photos-gallery-aid');
        $.get(photosGalleryScriptUrl, scripts => {
            const imageSrcList = scripts.split('\n')
                .filter(script => script.includes('var imglist'))
                .flatMap(script => script.match(/\/\/[^"]+/gm).map(urlString => urlString.replace('\\', '')));
            viewSlide(imageSrcList);
        });
    };

    const goAlbums = () => {
        $('.pic_box a').each((index, element) => {
            const $linkElement = $(element);
            const href = $linkElement.attr('href');
            $linkElement.attr('href', href.replace('index', 'slide'));
        });
    };

    const url = window.location.href;
    if (url === 'https://www.wnacg.com/' || url.startsWith('https://www.wnacg.com/albums') || url.startsWith('https://www.wnacg.com/search')) {
        goAlbums();
    } else if (url.startsWith('https://www.wnacg.com/photos-slide-aid')) {
        goSlide();
    }
})();