☰

CS2 Skin Editor

Enhance your CS2 skin experience with CS2 Skin Editor! This Chrome extension adds a convenient 'Edit Skin' button to CS2 item links, allowing you to effortlessly modify and personalize your favorite skins on a dedicated website. Customize and experiment with your CS2 skins like never before.

// ==UserScript==
// @name         CS2 Skin Editor
// @namespace    https://www.meckedev.de
// @version      0.6.2
// @description  Enhance your CS2 skin experience with CS2 Skin Editor! This Chrome extension adds a convenient 'Edit Skin' button to CS2 item links, allowing you to effortlessly modify and personalize your favorite skins on a dedicated website. Customize and experiment with your CS2 skins like never before.
// @author       Mecke_Dev
// @match        *://*/*
// @grant        none
// @license      MIT
// ==/UserScript==

// Define a function to add the "Edit Skin" button with styling
function addButton(link) {
    // Check if the URL contains "?gen=" and if the button with a specific id is not already present
    if (link.href.indexOf('?gen=') === -1 && !document.getElementById('editSkinButton')) {
        var btn = document.createElement("a");
        btn.textContent = "Edit Skin";
        btn.id = 'editSkinButton'; // Use a unique id for the button
        btn.style.display = "inline-block";
        btn.style.margin = "0 10px";
        btn.style.padding = "10px";
        btn.style.backgroundColor = "#4CAF50";
        btn.style.color = "white";
        btn.style.border = "none";
        btn.style.borderRadius = "5px"; // Rounded corners
        btn.style.cursor = "pointer";

        // Adjust other CSS properties as needed

        var url = `https://www.meckedev.de/?gen=${encodeURIComponent(link.href)}`;
        btn.onclick = function() {
            window.open(url, '_blank');
        };
        link.parentNode.insertBefore(btn, link.nextSibling);
    }
}

// Function to observe changes in the DOM
function observeDOM() {
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'childList') {
                mutation.addedNodes.forEach(function(node) {
                    if (node.tagName === 'A' && node.href && node.href.includes("+csgo_econ_action_preview")) {
                        // Check if the button class is not already present
                        if (!node.classList.contains('editSkinButton')) {
                            addButton(node);
                        }
                    } else if (node.querySelectorAll) {
                        var links = node.querySelectorAll('a[href*="+csgo_econ_action_preview"]');
                        links.forEach(function(subNode) {
                            // Check if the button class is not already present
                            if (!subNode.classList.contains('editSkinButton')) {
                                addButton(subNode);
                            }
                        });
                    }
                });
            }
        });
    });

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

// Call the function to start observing
observeDOM();