Raw Source Toggle Dropdown

• Minified Source

pnppl / eBay easy item ID

// ==UserScript==
// @name        eBay easy item ID
// @namespace   pnppl
// @match       https://www.ebay.com/itm/*
// @match       https://www.ebay.at/itm/*
// @match       https://www.ebay.ca/itm/*
// @match       https://www.ebay.ch/itm/*
// @match       https://www.ebay.co.nz/itm/*
// @match       https://www.ebay.co.uk/itm/*
// @match       https://www.ebay.com.au/itm/*
// @match       https://www.ebay.com.hk/itm/*
// @match       https://www.ebay.com.my/itm/*
// @match       https://www.ebay.com.sg/itm/*
// @match       https://www.ebay.de/itm/*
// @match       https://www.ebay.es/itm/*
// @match       https://www.ebay.fr/itm/*
// @match       https://www.ebay.ie/itm/*
// @match       https://www.ebay.in/itm/*
// @match       https://www.ebay.it/itm/*
// @match       https://www.ebay.nl/itm/*
// @match       https://www.ebay.ph/itm/*
// @match       https://www.ebay.pl/itm/*
// @grant       none
// @version     1.11
// @author      pnppl
// @description Puts the item ID under the title with buttons for copying it and the cleaned URL
// @license     MIT
// ==/UserScript==

const url = window.location.href;
const reItm = /.*\/([0-9]{12})/;
const itm = url.match(reItm)[1];
const reTLD = /^https:\/\/(?:www.)?(ebay\.[a-z]{2,3}(?:\.[a-z]{2,3})?)/i;
const tld = url.match(reTLD)[1];
const cleanURL = `https://${tld}/itm/${itm}`;
const titleMob = document.querySelector("#vi-frag-app-title");
const titleDesk = document.querySelector(".x-item-title");
const newHTML = `               \
    <style>                     \
        button:focus.userjs {   \
            background:lime;    \
        }                       \
    </style>                    \
    <div>                       \
        <p>                     \
            ${itm} <button class="userjs" onclick="navigator.clipboard.writeText('${itm}')">📋</button> <button class="userjs" onclick="navigator.clipboard.writeText('${cleanURL}')">🔗</button> \
        </p>                    \
    </div>                      \
`;

if (titleMob == null) {
    titleDesk.insertAdjacentHTML("afterend", newHTML);
} else {
    titleMob.insertAdjacentHTML("afterend", newHTML);
}