// ==UserScript==
// @name         站酷图片下载
// @namespace    http://tampermonkey.net/
// @version      0.1.1
// @description  站酷图片下载
// @author       放空鬼马
// @match        https://www.zcool.com.cn/work/*
// @match        https://www.facebook.com/*
// @match        https://www.instagram.com/*
// @require      https://cdn.jsdelivr.net/npm/vue@3.2.31/dist/vue.global.js
// @grant        none
// ==/UserScript==

function addDownloadButtonsToTargetDiv() {
    const targetDiv = document.querySelector('.sc-1gq6zpr-0.jivDXX');
    if (!targetDiv) return;

    const images = targetDiv.querySelectorAll('img');
    images.forEach(image => {
        if (image.parentElement.querySelector('.download-button')) return;

        const button = document.createElement('button');
        button.innerText = '下载';
        button.className = 'download-button';
        button.style.position = 'absolute';
        button.style.top = '10px';
        button.style.right = '10px';
        button.style.zIndex = '10';
        button.style.padding = '5px';
        button.style.background = '#000';
        button.style.color = '#fff';
        button.style.border = 'none';
        button.style.cursor = 'pointer';

        const parent = image.parentElement;
        parent.style.position = 'relative';
        parent.appendChild(button);

        button.addEventListener('click', () => {
            window.open(image.src, '_blank');
        });
    });
}

// 页面变化侦测
const observer = new MutationObserver(() => {
    const targetDiv = document.querySelector('.sc-1gq6zpr-0.jivDXX');
    if (!targetDiv) {
        // 如果目标元素不存在，重新加载页面
        window.location.reload();
    } else {
        addDownloadButtonsToTargetDiv();
    }
});

// 开始观察文档变化
observer.observe(document.body, { childList: true, subtree: true });

// 初次加载时执行
addDownloadButtonsToTargetDiv();