Derpibooru "Share" button userscript

derpi-share.user.js

// ==UserScript==
// @name         Derpibooru "Share" button
// @namespace    https://code.horse
// @version      0.1
// @description  Add a "share" button to Derpibooru to copy the current link to clipboard
// @author       Bytewave
// @match        https://derpibooru.org/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=derpibooru.org
// @grant        GM_setClipboard
// ==/UserScript==

(function() {
	'use strict';

	const IMAGE_ID_PATTERN = /\/(\d+)/;

	const metabar = document.querySelector('.image-metabar');
	if (!metabar || !metabar.hasChildNodes()) return;

	const links = metabar.childNodes[3];
	if (!links) return;

	const shareLinks = document.createElement('a');
	shareLinks.href = '#';
	shareLinks.title = 'Copy link to clipboard';
	const shareIcon = document.createElement('i');
	shareIcon.className = 'fa fa-share-alt';
	shareLinks.appendChild(shareIcon);
	shareLinks.appendChild(document.createTextNode(' Share'));

	shareLinks.addEventListener('click', function(e) {
		e.preventDefault();

		const imageId = IMAGE_ID_PATTERN.exec(window.location.pathname)[1];
		if (!imageId) return;

		const url = `https://derpibooru.org/images/${imageId}`;

		GM_setClipboard(url);
	});

	links.appendChild(shareLinks);
})();