|
// ==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(); |
|
})(); |
|
|
