☰

一键预览GGbase的图片|GGBases Image Extractor Button

一键预览GGBASE的图片，Adds a button to GGBases to extract and display preview images with EXHENTAI links in a new window.

// ==UserScript==
// @name         一键预览GGbase的图片|GGBases Image Extractor Button
// @namespace    http://tampermonkey.net/
// @license      MIT
// @version      1.1
// @description  一键预览GGBASE的图片，Adds a button to GGBases to extract and display preview images with EXHENTAI links in a new window.
// @author       Lain
// @match        https://www.ggbases.com/*
// @grant        GM_addStyle
// @require      https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.10/dayjs.min.js
// ==/UserScript==


(function() {
    'use strict';
    // --- GM_addStyle for button styling ---
    GM_addStyle(`
        #extractImagesBtn {
            position: fixed;
            top: 100px;
            right: 20px;
            z-index: 9999;
            padding: 10px 15px;
            background-color: #8656d4; /* Original search button color */
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        #extractImagesBtn:hover {
            background-color: #6a42b4;
        }
    `);

    // --- Create and add the button to the page ---
    const button = document.createElement('button');
    button.id = 'extractImagesBtn';
    button.textContent = '提取预览图';
    document.body.appendChild(button);

    // --- Add click event listener to the button ---
    button.addEventListener('click', function() {
        extractAndShowImages();
    });

    function extractAndShowImages() {
        // --- Helper function to get formatted date ---
        // This function `getFormattedDate` is defined but currently not used anywhere in the script.
        // You can remove it if it's not needed, or implement its usage.
        let getFormattedDate;
        if (typeof dayjs === 'undefined') {
            console.warn('dayjs not found on page, using manual date formatting.');
            getFormattedDate = function() {
                const d = new Date();
                const YYYY = d.getFullYear();
                const MM = String(d.getMonth() + 1).padStart(2, '0');
                const DD = String(d.getDate()).padStart(2, '0');
                return `${YYYY}-${MM}-${DD}`;
            };
        } else {
            getFormattedDate = function() {
                return dayjs().format("YYYY-MM-DD");
            };
        }

        // --- Original gendlcover and gengccover ---
        function gendlcover(original_did_str, type) {
            var pre0 = null, dpre0 = null, npre = null;
            const did_as_string_for_npre = String(original_did_str);
            if (did_as_string_for_npre.startsWith('0') && did_as_string_for_npre.length === 8) npre = '0'; // Used startsWith and ===
            let did_num = parseInt(original_did_str, 10);
            if (isNaN(did_num)) return "error_parsing_gendl_did.jpg";
            let rid_num = Math.ceil(did_num / 1000) * 1000;
            if (did_num < 10) pre0 = "00000"; else if (did_num < 100) pre0 = "0000"; else if (did_num < 1000) pre0 = "000"; else if (did_num < 10000) pre0 = "00"; else if (did_num < 100000) pre0 = "0";
            if (rid_num < 10000) dpre0 = "00"; else if (rid_num < 100000) dpre0 = "0";
            let final_did_val = String(did_num); let final_rid_val = String(rid_num);
            if (pre0) final_did_val = pre0 + final_did_val; if (dpre0) final_rid_val = dpre0 + final_rid_val;
            if (npre) { final_did_val = npre + final_did_val; final_rid_val = npre + final_rid_val; }
            var usecoverproxy = false; // Default to dlsite for this function
            const baseUrl = usecoverproxy ? "//cover.ydgal.com/" : "//img.dlsite.jp/";
            const pathPrefix = usecoverproxy ? "_200_cover/" : "resize/images2/work/";
            return baseUrl + pathPrefix +
                   (!type ? "doujin/RJ" : "professional/VJ") +
                   final_rid_val + "/" +
                   (!type ? "RJ" : "VJ") +
                   final_did_val + "_img_main_240x240.jpg";
        }

        function gengccover(did_str) {
            return "//cover.ydgal.com/_300_cover/getchu/gc" + String(did_str) + ".jpg";
        }

        function originalPageCoverurl(tid_suffix) {
            if (!tid_suffix || typeof tid_suffix !== 'string') return null;
            var num_str = tid_suffix.split("_")[0];
            var num = parseInt(num_str, 10);
            if (isNaN(num)) return null;
            var coverUrlBase = "//cover.ydgal.com/_200_cover/";
            if (num > 1360000) {
                return coverUrlBase + "new/" + tid_suffix;
            } else {
                return coverUrlBase + "old/" + tid_suffix;
            }
        }

        // --- Step 2, 3, 4: Find items, extract info, and collect URLs ---
        const imageElements = document.querySelectorAll('a[name="title"]');
        const itemsData = []; // To store {imageUrl, title, exhentaiLink}

        imageElements.forEach(el => {
            const cAttribute = el.getAttribute('c');
            const titleText = (el.textContent || el.innerText).trim();
            let imageUrl = null;
            let exhentaiLink = null;

            let parentTr = el.closest('tr');
            if (parentTr) {
                const exLinkElement = parentTr.querySelector('a[title="EXHENTAI"]');
                if (exLinkElement) {
                    exhentaiLink = exLinkElement.getAttribute('href');
                }
            }

            if (cAttribute) {
                if (cAttribute.startsWith('//cover.ydgal.com/_200_cover/')) {
                    imageUrl = cAttribute;
                    if (!imageUrl.startsWith('https:')) { imageUrl = 'https:' + imageUrl; }
                    const parts = imageUrl.split('/');
                    const lastPart = parts[parts.length -1];
                    if (lastPart.match(/^\d+_[0-9a-fA-F]+$/)) { imageUrl += '_';}
                } else if (cAttribute.match(/^(\d+_[0-9a-fA-F]+_)$/)) {
                    imageUrl = originalPageCoverurl(cAttribute);
                    if (imageUrl && !imageUrl.startsWith('https:')) imageUrl = 'https:' + imageUrl;
                } else {
                    let match_dlsite_rj = cAttribute.match(/^(?:RJ|d)(\d{6,8})$/i);
                    let match_dlsite_vj = cAttribute.match(/^(?:VJ|v)(\d{6,8})$/i);
                    let match_getchu = cAttribute.match(/^(?:gc|g)(\d{6,7})$/i);

                    if (match_dlsite_rj && match_dlsite_rj[1]) {
                        imageUrl = gendlcover(match_dlsite_rj[1], 0);
                    } else if (match_dlsite_vj && match_dlsite_vj[1]) {
                        imageUrl = gendlcover(match_dlsite_vj[1], 1);
                    } else if (match_getchu && match_getchu[1]) {
                        // POTENTIAL LOGIC ISSUE: The original condition here:
                        // if (!(match_getchu[0].toLowerCase().startsWith('g') && !cAttribute.match(/^g\d{6,7}$/i) ))
                        // effectively SKIPS calling gengccover for `cAttribute` values like "gc123456"
                        // but processes "g123456". This is likely unintended.
                        // If you want to process all matches from `^(?:gc|g)(\d{6,7})$/i`,
                        // you can simplify this or remove the inner `if`.
                        // For now, kept original logic, but commented for review:
                        if (!(match_getchu[0].toLowerCase().startsWith('g') && !cAttribute.match(/^g\d{6,7}$/i) )) {
                             imageUrl = gengccover(match_getchu[1]);
                        }
                        // If you want to process both 'g' and 'gc' prefixes from the regex match:
                        // imageUrl = gengccover(match_getchu[1]); // Simplified: always use if match_getchu is valid.
                    }
                    if (imageUrl && !imageUrl.startsWith('https:')) imageUrl = 'https:' + imageUrl;
                }
            }

            if (imageUrl) {
                itemsData.push({
                    imageUrl: imageUrl,
                    title: titleText,
                    exhentaiLink: exhentaiLink
                });
            } else {
                console.warn('Could not determine preview URL for c:', cAttribute, 'for title:', titleText);
            }
        });

        // --- Step 5: Open new window and display images and links ---
        if (itemsData.length > 0) {
            function populateNewWindow(targetWindow, dataToDisplay) {
                targetWindow.document.write('<html><head><title>Preview Images with Links</title><style>' +
                    'body { display: flex; flex-wrap: wrap; gap: 10px; background-color: #282c34; padding:10px; justify-content: center; font-family: sans-serif; } ' +
                    '.img-container { display: flex; flex-direction: column; align-items: center; border: 1px solid #555; padding: 8px; background-color: #333944; border-radius: 4px; width: 250px; box-sizing: border-box;} ' +
                    'img { width: 240px; height: 240px; border: 1px solid #ddd; margin-bottom: 5px; object-fit: contain; background-color: #fff; } ' +
                    'p.title { font-size: 12px; color: #eee; text-align: center; margin: 0 0 5px 0; max-width: 240px; word-wrap: break-word; height: 2.4em; overflow: hidden; line-height: 1.2em; }' +
                    'a.ex-link { display: inline-block; background-color: #e91e63; color: white; padding: 5px 10px; text-decoration: none; border-radius: 3px; font-size: 12px; margin-top: 5px; }' +
                    'a.ex-link:hover { background-color: #c2185b; }' +
                    'p.error-msg { font-size: 11px; color: #ff7777; text-align: center; margin-top: 3px; height: auto !important; }' +
                    '</style></head><body></body></html>');
                targetWindow.document.close(); // Close the document for writing

                dataToDisplay.forEach((item, index) => {
                    const container = targetWindow.document.createElement('div');
                    container.className = 'img-container';

                    const img = targetWindow.document.createElement('img');
                    img.src = item.imageUrl;
                    img.alt = item.title || 'Preview ' + (index + 1);
                    img.title = item.title || 'Preview';
                    img.setAttribute('referrerpolicy', 'no-referrer-when-downgrade');

                    img.onerror = function() {
                        this.alt = 'Error loading: ' + this.src;
                        this.style.border = '1px solid red';
                        this.src = "data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Crect width='240' height='240' fill='%23e0e0e0'/%3E%3Ctext x='50%' y='50%' font-family='sans-serif' font-size='16px' fill='%23757575' dominant-baseline='middle' text-anchor='middle'%3EImage not found%3C/text%3E%3C/svg%3E";
                        let pError = targetWindow.document.createElement('p');
                        pError.className = 'error-msg';
                        const originalFailedUrl = item.imageUrl; // Closure captures item
                        pError.textContent = 'Failed: ' + originalFailedUrl.substring(originalFailedUrl.lastIndexOf('/') + 1);
                        if (!this.parentNode.querySelector('p.error-msg')) {
                            let insertBeforeNode = this.nextSibling; // Should be the title paragraph
                            if (insertBeforeNode && insertBeforeNode.nextSibling) { // If EX link exists after title
                                insertBeforeNode = insertBeforeNode.nextSibling; // Insert before EX link
                            }
                            this.parentNode.insertBefore(pError, insertBeforeNode);
                        }
                    };
                    container.appendChild(img);

                    const titlePara = targetWindow.document.createElement('p');
                    titlePara.className = 'title';
                    titlePara.textContent = item.title || ('Image ' + (index + 1));
                    container.appendChild(titlePara);

                    if (item.exhentaiLink) {
                        const exLink = targetWindow.document.createElement('a');
                        exLink.href = item.exhentaiLink;
                        exLink.textContent = 'E站链接';
                        exLink.target = '_blank';
                        exLink.className = 'ex-link';
                        container.appendChild(exLink);
                    }
                    targetWindow.document.body.appendChild(container);
                });
                console.log(`Tampermonkey: Attempted to open ${dataToDisplay.length} items in a new window using window.open.`);
            }

            const newWindow = window.open('', '_blank');

            if (newWindow) {
                if (newWindow.document.readyState === 'complete') {
                    populateNewWindow(newWindow, itemsData);
                } else {
                    newWindow.onload = function() {
                        populateNewWindow(newWindow, itemsData);
                    };
                }
            } else {
                alert('Could not open new window. Please check your browser pop-up blocker settings.');
                console.error('Tampermonkey: Failed to open new window using window.open.');
            }
            // Your comment "// *** 已删除这里多余的、悬挂的 else 块 ***" was here.
            // The structure of if (newWindow) { ... } else { ... } is correct.
        } else {
            alert('No items found or could be generated based on the current logic.');
            console.log('No itemsData were extracted.');
        }
    } // <--- THIS IS THE MISSING CLOSING BRACE that caused the syntax error

})();