Kitsu static link copy

Kitsu_Copy_Link_Button.user.js

// ==UserScript==
// @name         Kitsu_Copy_ID_Link
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds a button to copy the permalink of a db entry
// @author       Catt0s
// @match        https://kitsu.app/*
// ==/UserScript==

(function() {
    'use strict';

    function addButton() {
        if (document.querySelector('.copy-permalink-button')) return;
        // Find the target image
        const img = document.querySelector('img.lazyloaded');
        if (!img) {console.error('lazyloaded not found'); return;}
        // regex that matches both anime and manga url styles
        const id = img.src.match(/media\.kitsu\.app\/((anime)|(manga)).{0,}\/(\d+)\//);
        if (!id) {console.error('match not found'); return;}
        // create link
        const permalink = `https://kitsu.app/${id[1]}/${id[4]}`;
        // create button
        const button = document.createElement('button');
        button.textContent = 'Copy Permalink';
        button.className = 'copy-permalink-button';
        button.style.marginLeft = '10px';
        button.addEventListener('click', () => {
            navigator.clipboard.writeText(permalink).then(() => {
               // alert('Permalink copied!');
            }).catch(err => {
                console.error('Failed to copy:', err);
            });
        });

        // Insert button into media--information div
        const targetContainer = document.querySelector('.media--information');
        if (targetContainer) {
            targetContainer.appendChild(button);
        }
    }
    // call when the page is fully loaded
    const observer = new MutationObserver(() => {
        addButton();
    });
    observer.observe(document.body, { childList: true, subtree: true });

    // Run initially in case elements are already loaded
    addButton();
})();