DLsiteに任意のリンク追加

DLsiteの作品ページで、カテゴリに応じて任意のリンクを追加します。お気に入りページにも対応しています。
换行
// ==UserScript==
// @name         DLsiteに任意のリンク追加
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  DLsiteの作品ページで、カテゴリに応じて任意のリンクを追加します。お気に入りページにも対応しています。
// @author       You 
// @match        https://www.dlsite.com/maniax/work/=/product_id/*
// @match        https://www.dlsite.com/maniax-touch/work/=/product_id/*
// @match        https://www.dlsite.com/maniax/mypage/wishlist*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=dlsite.com
// @grant        none
// @license      GPL-2.
// ==/UserScript==

(function() {
    'use strict';

    //ここにお好みのURLを
    const MangaCG_URL = "";
    const asmr_URL = "";
    const MangaCG_ButtonText = "";
    const Asmr_ButtonText = "";

    const LINK_CONFIG = {
        'マンガ': {
            url: ({ title }) => `${MangaCG_URL}${encodeURIComponent(title)}`,
            text: `${MangaCG_ButtonText}`,
            color: '#e91e63'
        },
        'CG・イラスト': {
            url: ({ title }) => `${MangaCG_URL}${encodeURIComponent(title)}`,
            text: `${MangaCG_ButtonText}`,
            color: '#e91e63'
        },
        'ボイス・ASMR': {
            url: ({ rjCode }) => `${asmr_URL}${rjCode}`,
            text: `${Asmr_ButtonText}`,
            color: '#03a9f4'
        }
    };


    const getRjCodeFromUrl = (url) => {
        const match = url.match(/product_id\/(RJ\d+)/);
        return match ? match[1] : null;
    };


    const observeDomChanges = (callback) => {
        const observer = new MutationObserver(() => {
            // ページ遷移などを考慮し、遅延実行
            setTimeout(callback, 300);
        });
        observer.observe(document.body, { childList: true, subtree: true });
        // 初期実行
        setTimeout(callback, 0);
    };


    // PC版 作品ページの処理

    function initPcWorkPage() {
        const addLinkButton = () => {
            // 既に追加済みの場合は処理を中断
            if (document.querySelector('.work_dynamic_link')) return;

            const category = document.querySelector("#category_type a span")?.title;
            const title = document.getElementById("work_name")?.textContent.trim();
            const rjCode = getRjCodeFromUrl(location.href);

            if (!category || !title || !rjCode) return;

            const config = LINK_CONFIG[category];
            if (!config) return; // 対象カテゴリでない場合は終了

            const linkUrl = config.url({ title, rjCode });

            const buttonHtml = `
                <p class="work_dynamic_link" style="margin: 10px 0;">
                    <a href="${linkUrl}" target="_blank"
                       style="display: block; padding: 8px; background: ${config.color}; color: white; text-align: center; border-radius: 4px; text-decoration: none;">
                        ${config.text}
                    </a>
                </p>`;

            document.querySelector('#work_buy_btn .work_favorite')?.insertAdjacentHTML('afterend', buttonHtml);
        };

        observeDomChanges(addLinkButton);
    }

    //スマホ版 作品ページの処理

    function initTouchWorkPage() {
        const category = document.querySelector("#category_type a span")?.title;
        const title = document.getElementById("work_name")?.textContent.trim();
        const rjCode = getRjCodeFromUrl(location.href);

        if (!category || !title || !rjCode) return;

        const config = LINK_CONFIG[category];
        if (!config) return;

        const linkUrl = config.url({ title, rjCode });
        const newButton = document.createElement('div');
        newButton.style.width = '100%';
        newButton.innerHTML = `
            <a href="${linkUrl}" target="_blank"
               style="display: block; color: #fff; background: ${config.color}; padding: 8px; text-align: center; border-radius: 4px; text-decoration: none;">
                ${config.text}
            </a>`;

        const favSnsContainer = document.querySelector('.work_fav_sns');
        if (favSnsContainer) {
            favSnsContainer.style.display = 'flex';
            favSnsContainer.style.flexDirection = 'column';
            favSnsContainer.style.gap = '10px';
            favSnsContainer.appendChild(newButton);
        }
    }

    //お気に入りページの処理

    function initWishlistPage() {

        //ドキュメントスタイルの取得
        var sheets = document.styleSheets
        var sheet = sheets[sheets.length - 1];

        //スタイルルールの追加
        sheet.insertRule(
            '.dynamic-link-clone p a::before { content: none !important }',
            sheet.cssRules.length
        );

        const addLinksToFavorites = () => {
            const favoriteItems = document.querySelectorAll('tr._favorite_item:not(.dynamic-button-added)');

            favoriteItems.forEach(item => {
                item.classList.add('dynamic-button-added'); // 二重処理防止

                const category = item.querySelector('.work_category a')?.textContent.trim();
                const titleAnchor = item.querySelector('dt.work_name > a');
                const cartButtonListItem = item.querySelector('p.work_cart_xs')?.closest('li.work_btn_list_item');

                if (!category || !titleAnchor || !cartButtonListItem) return;

                const config = LINK_CONFIG[category];
                if (!config) return;

                const productTitle = titleAnchor.title;
                const rjCode = getRjCodeFromUrl(titleAnchor.href);
                const linkUrl = config.url({ title: productTitle, rjCode });

                if (!linkUrl) return;

                const newListItem = cartButtonListItem.cloneNode(true);
                newListItem.classList.add('dynamic-link-clone');
                newListItem.style.marginTop = '5px';

                const newLink = newListItem.querySelector('a');
                if (newLink) {
                    newLink.href = linkUrl;
                    newLink.target = '_blank';
                    newLink.textContent = config.text;
                    newLink.style.background = config.color;
                    newLink.style.borderColor = config.color;
                    newLink.style.color = 'white';

                }
                cartButtonListItem.after(newListItem);
            });
        };

        observeDomChanges(addLinksToFavorites);
    }


    const path = location.pathname;

    if (path.includes('/maniax/work/')) {
        initPcWorkPage();
    } else if (path.includes('/maniax-touch/work/')) {
        initTouchWorkPage();
    } else if (path.includes('/maniax/mypage/wishlist')) {
        initWishlistPage();
    }
})();
欢迎访问Greasy Fork镜像
