_README.md

Thothub.tv - Copy gallery picture URLs to Clipboard

A userscript for copying the direct picture URLs to your clipboard, so you can use it with other software such as JDownloader.

How to install script

To use this script, you will need a userscript manager for your web browser.
It's basically a normal browser extension that allows you to add custom "userscripts" (such as this one) for websites.

Here's a list of some popular userscript managers:

• GreaseMonkey (Firefox)
• TamperMonkey (multiple browsers)

Once the userscript manager is installed, click the Raw button for the JavaScript file or click this link.
In either case it should give you a prompt where you verify your userscript installation.

How to use

Type 1: Mace Gallery

Certain galleries have a fancier gallery viewer, I decided to call this "Mace Gallery" based on some random CSS class name I found in the website's HTML.
I will use IVORY AND FUCHSIA NUDE STEAMGIRLS for my example.

1. Visit the article/link that contains the gallery.
2. Click the View Gallery button, like this one:
3. The gallery viewer should load. After a few seconds, you should also see a button at the top of the page, like this one:
4. Once you click that, all the direct image URLs will be copied to your clipboard (there's no message/confirmation when clicking the button).

Type 2: "Normal" gallery items

VIRTUAL GEISHA VELMA DINKLEY is used for this example.

1. Once the gallery loads, you should have a button at the top of the page, below the page title.
2. Click the button and URLs are copied to clipboard (there's no message/confirmation when clicking the button).

thothub_gallery_copy_picture_urls.user.js

// ==UserScript==
// @name        Thothub.tv - Copy gallery picture URLs to Clipboard
// @namespace   https://github.com/M-rcus
// @match       https://thothub.tv/*
// @grant       none
// @version     1.1.0
// @author      Marcus
// @description Copies the direct gallery URLs to your clipboard, so you can use it with software like JDownloader or similar.
// @updateUrl https://gist.github.com/M-rcus/2bb243980a1a9979d328606a8038d270/raw/thothub_gallery_copy_picture_urls.user.js
// ==/UserScript==

/**
 * Shamelessly copied from: https://techoverflow.net/2018/03/30/copying-strings-to-the-clipboard-using-pure-javascript/
 */
function copyStringToClipboard (str) {
    if (Array.isArray(str))
    {
        str = str.join('\r\n');
    }

    // Create new element
    var el = document.createElement('textarea');
    // Set value (string to be copied)
    el.value = str;
    // Set non-editable to avoid focus and move outside of view
    el.setAttribute('readonly', '');
    el.style = {position: 'absolute', left: '-9999px'};
    document.body.appendChild(el);
    // Select text inside element
    el.select();
    // Copy text to clipboard
    document.execCommand('copy');
    // Remove temporary element
    document.body.removeChild(el);
}

/**
 * Gallery type 1: Mace Gallery
 */
function addCopyButtonMaceGallery()
{
    const headerTitle = document.querySelector('.g1-gallery-title');
    const frames = Array.from(document.querySelectorAll('.g1-gallery-frame'));
    const urls = frames.map((x) => {
        return x.dataset.g1ShareImage;
    });

    const button = document.createElement('button');
    button.appendChild(document.createTextNode('Copy direct image URLs (list)'));

    button.addEventListener('click', function() {
        copyStringToClipboard(urls);
    }, false);

    headerTitle.insertAdjacentElement('afterend', button);
}

/**
 * Gallery type 2: Gallery Items (class name: `.gallery-item`)
 */
function addCopyButtonGalleryItems(galleryItems)
{
    const entryTitle = document.querySelector('.entry-title');
    const items = Array.from(galleryItems);
    const imageUrls = [];

    for (const item of items)
    {
        const image = item.querySelector('img');
        const url = image.src;

        imageUrls.push(url);
    }

    const button = document.createElement('button');
    button.appendChild(document.createTextNode('Copy direct image URLs (list)'));

    button.addEventListener('click', function() {
        copyStringToClipboard(imageUrls);
    }, false);

    entryTitle.insertAdjacentElement('beforeend', button);
}

/**
 * Type 1
 */
const teaser = document.querySelector('.mace-gallery-teaser');
if (teaser) {
    teaser.addEventListener('click', function() {
        // Short delay so the gallery can properly load.
        setTimeout(function() {
            addCopyButtonMaceGallery();
        }, 1500);
    });
}

/**
 * Type 2
 */
const galleryItems = document.querySelectorAll('.gallery-item');
if (galleryItems.length > 0)
{
    addCopyButtonGalleryItems(galleryItems);
}