CSP Markdown Userscript

  • Copy the code below and make a new script with tampermonkey

Copy in Rentry Markdown button

  • Paste DL link in text box and click 📋
    • Leave textbox empty for wishlist items
  • You now have csp asset store markdown in your clipboard formatted properly, thumbnail and all.
  • Open up the Rentry edit page and ctrl+v on a new line
  • Deleted assets still need to be handled manually for now
⎗
✓
// ==UserScript==
// @name         CSP Markdown conversion
// @version      1.3
// @description  Formats Clip Studio link with title, thumbnail, and price in markdown format
// @match        https://assets.clip-studio.com/*/detail?id=*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Create a button element with the desired appearance
    var button = document.createElement('button');
    button.innerText = '📋';
    button.className = 'btn btn-default operationButton starButton';
    button.style.marginRight = '10px';

    // Create a text box for link input
    var textBox = document.createElement('input');
    textBox.type = 'text';
    textBox.placeholder = 'dl link...';
    textBox.style.marginRight = '10px';
    textBox.style.width= '100px';

    // Find the target area to insert the button and text box
    var targetArea = document.querySelector('.clearfix.favoriteInfo ul.favoriteButtons');
    var listElement = document.createElement('li');
    listElement.appendChild(button);
    listElement.appendChild(textBox);
    targetArea.appendChild(listElement);

    // Add a click event listener to the button
    button.addEventListener('click', function() {
        // Get the necessary information from the page
        var titleElement = document.querySelector('.materialHeaderTitle span');
        if (titleElement) {
            var title = titleElement.textContent.trim();
            var url = window.location.href;
            var priceElements = document.querySelectorAll('.price__price');
            var unitElements = document.querySelectorAll('.price__unit');
            var thumbnail = document.querySelector('.materialHeaderThumbnail--pc img').getAttribute('src');
            var link = textBox.value.trim();

            // Extract the ID from the URL
            var id = url.match(/id=(\d+)/)[1];

            // Format the information in markdown
            var markdown = '**' + title + '** | [' + id + '](' + url + ') | ';

            if (link) {
                markdown += '[DL](' + link + ') | ';
            } else {
                for (var i = 0; i < priceElements.length; i++) {
                    var price = priceElements[i].textContent.trim();
                    var unit = unitElements[i].textContent.trim();

                    // Format the price and unit based on the type
                    var formattedPrice = price + ' ' + unit;
                    if (unit === 'GOLD') {
                        formattedPrice = '==' + formattedPrice + '==';
                    }

                    markdown += '**' + formattedPrice + '**';
                    if (i !== priceElements.length - 1) {
                        markdown += ', ';
                    }
                }
                markdown += ' | ';
            }

            markdown += '![](' + thumbnail + ')';

            // Copy the formatted markdown to the clipboard
            copyToClipboard(markdown);

            // Replace the button with a checkmark
            button.innerText = '✅';
            button.disabled = true;
        } else {
            console.error('Failed to find title element.');
        }
    });

    // Function to copy text to the clipboard
    function copyToClipboard(text) {
        var textarea = document.createElement('textarea');
        textarea.value = text;
        document.body.appendChild(textarea);
        textarea.select();
        document.execCommand('copy');
        document.body.removeChild(textarea);
    }
})();

Wishlist checker Script

  • CSP Wishlist fulfillment checker. Just go to wishlist and if a link is in yellow its already uploaded.
⎗
✓
// ==UserScript==
// @name         CSP Wishlist crosschecker
// @version      1
// @description  Highlight CSP links from CSP_rentry on Brush Wishlist
// @match        https://rentry.org/Brush_Wishlist
// @match        https://rentry.org/Brush_Wishlist/edit
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Fetch CSP_ page content
    fetch('https://rentry.org/CSP_764')
        .then(response => response.text())
        .then(cspPageContent => {
            // Extract CSP links from CSP_ page content
            const cspLinks = getCspLinks(cspPageContent);

            // Highlight matching links on Brush Wishlist page
            highlightMatchingLinks(cspLinks);
        });

    // Function to extract CSP links from page content
    function getCspLinks(pageContent) {
        const parser = new DOMParser();
        const doc = parser.parseFromString(pageContent, 'text/html');
        const links = doc.querySelectorAll('a[href*="https://assets.clip-studio.com"]');

        return Array.from(links).map(link => link.href);
    }

    // Function to highlight matching links on Wishlist page
    function highlightMatchingLinks(cspLinks) {
        const wishlistLinks = document.querySelectorAll('a[href*="https://assets.clip-studio.com"]');

        wishlistLinks.forEach(link => {
            if (cspLinks.includes(link.href)) {
                // Customize the highlight style as needed
                link.style.backgroundColor = 'yellow';
                link.style.color = 'red';
            }
        });
    }

})();

On the rentry direct download button

  • Checks if the following asset is on the paid assets page and creates a direct link next to the id "✅ on the Rentry!"
⎗
✓
// ==UserScript==
// @name         On the rentry button
// @version      0.1
// @description  Cross-reference Clip Studio Store links with a reference page
// @match        https://assets.clip-studio.com/*/*
// ==/UserScript==

(function() {
    'use strict';

    // Define the URL of the reference page
    const referenceURL = 'https://rentry.org/CSP_764';

    // Fetch the content of the reference page
    fetch(referenceURL)
    .then(response => response.text())
    .then(data => {
        // Extract the IDs and DL links from the reference page
        const rows = data.match(/<tr>[\s\S]*?<\/tr>/g);
        const idDLMap = {};
        rows.forEach(row => {
            const idMatch = row.match(/<a[^>]*>(\d+)<\/a>/);
            if (idMatch) {
                const id = idMatch[1];
                const dlMatch = row.match(/<a href="([^"]+)"[^>]*>DL<\/a>/);
                if (dlMatch) {
                    const dlLink = dlMatch[1];
                    idDLMap[id] = dlLink;
                }
            }
        });

        // Get the current URL's ID
        const currentURL = window.location.href;
        const currentID = currentURL.match(/detail\?id=(\d+)/)[1];

        // Check if the current ID is present in the reference IDs
        const isPresent = Object.keys(idDLMap).includes(currentID);

        // Modify the page content accordingly
        const contentIdElement = document.querySelector('.materialHeaderContentsId');
        if (isPresent) {
            const dlLink = idDLMap[currentID];
            contentIdElement.innerHTML += ` <a href="${dlLink}" target="_blank">✅ on the Rentry!</a>`;
        }
    })
    .catch(error => console.error('Error fetching data:', error));
})();

[TOP]

Edit
Pub: 06 Jul 2023 23:23 UTC
Edit: 05 Apr 2024 18:03 UTC
Views: 1730