Sleazy Fork is available in English.

OmegaScans Downloader

Download Chapters from OmegaScans

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
// ==UserScript==
// @name         OmegaScans Downloader
// @namespace    Add Download Button
// @version      1.0
// @description  Download Chapters from OmegaScans
// @author       TRxLEGION
// @license      MIT
// @match        https://omegascans.org/*
// @icon         https://omegascans.org/favicon.ico
// @grant        GM_xmlhttpRequest
// @grant        GM_download
// @require      https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js
// ==/UserScript==

(function() {
    'use strict';

    function getChapterNumber() {
        const url = window.location.href;
        const match = url.match(/chapter-(\d+)/);
        if (match && match[1]) {
            return match[1];
        }
        return null;
    }

    function scrapeImages() {
        const imageUrls = [];
        const images = document.querySelectorAll('img');
        images.forEach(img => {
            let url = img.dataset.src || img.src; 
            if (url && url.endsWith('.jpg')) {
                imageUrls.push(url);
            }
        });
        return imageUrls;
    }

    function downloadImagesAsCBZ(imageUrls) {
        const zip = new JSZip();
        let count = 0;
        imageUrls.forEach(url => {
            GM_xmlhttpRequest({
                method: "GET",
                url: url,
                responseType: "blob",
                onload: function(response) {
                    const fileName = url.substring(url.lastIndexOf("/") + 1);
                    zip.file(fileName, response.response);
                    count++;
                    if (count === imageUrls.length) {
                        zip.generateAsync({ type: "blob" })
                            .then(function(content) {
                                const chapterNumber = getChapterNumber();
                                const filename = chapterNumber ? `chapter ${chapterNumber}.cbz` : 'chapter.cbz';
                                saveAs(content, filename);
                            });
                    }
                },
                onerror: function(error) {
                    console.error("Error downloading image: " + url, error);
                }
            });
        });
    }

    function addDownloadButton() {
        const button = document.createElement('button');
        button.classList.add('Btn');
        button.innerHTML = `
            <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" class="svgIcon">
                <path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path>
            </svg>
            <span class="icon2"></span>
        `;
        button.style.position = 'fixed';
        button.style.top = '10px';
        button.style.left = '10px';
        button.style.zIndex = 9999;
        button.style.cursor = 'pointer';
        button.style.border = 'none';

        button.onclick = function() {
            const originalIcon = button.innerHTML;
            button.innerHTML = `
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="spinner-icon">
                    <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-linecap="round" stroke-dasharray="60" stroke-dashoffset="20" transform="rotate(90 12 12)">
                        <animate attributeName="stroke-dashoffset" values="60;0;60" dur="2s" keyTimes="0;0.5;1" repeatCount="indefinite"></animate>
                    </circle>
                </svg>
            `;
            button.style.transform = 'scale(0.9)'; 

            const imageUrls = scrapeImages();
            if (imageUrls.length > 0) {
                downloadImagesAsCBZ(imageUrls);
            } else {
                alert('No images found!');
            }

            setTimeout(() => {
                button.innerHTML = originalIcon; 
                button.style.transform = 'scale(1)'; 
            }, 2000); 
        };

        if (!document.querySelector('#download-button')) {
            button.id = 'download-button';
            document.body.appendChild(button);
        }
    }

    window.addEventListener('load', function() {
        addDownloadButton();
    });

    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList') {
                addDownloadButton();
            }
        });
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    const style = document.createElement('style');
    style.innerHTML = `
        .Btn {
            width: 50px;
            height: 50px;
            border: 2px solid rgb(214, 214, 214);
            border-radius: 15px;
            background-color: rgb(255, 255, 255);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: relative;
            transition-duration: 0.3s;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
        }

        .svgIcon {
            fill: rgb(70, 70, 70);
        }

        .icon2 {
            width: 18px;
            height: 5px;
            border-bottom: 2px solid rgb(70, 70, 70);
            border-left: 2px solid rgb(70, 70, 70);
            border-right: 2px solid rgb(70, 70, 70);
        }

        .Btn:hover {
            background-color: rgb(51, 51, 51);
            transition-duration: 0.3s;
        }

        .Btn:hover .icon2 {
            border-bottom: 2px solid rgb(235, 235, 235);
            border-left: 2px solid rgb(235, 235, 235);
            border-right: 2px solid rgb(235, 235, 235);
        }

        .Btn:hover .svgIcon {
            fill: rgb(255, 255, 255);
            animation: slide-in-top 1s linear infinite;
        }

        @keyframes slide-in-top {
            0% {
                transform: translateY(-10px);
                opacity: 0;
            }

            100% {
                transform: translateY(0px);
                opacity: 1;
            }
        }
    `;
    document.head.appendChild(style);

})();