Copy all AO3 work URLs on the page to the clipboard (for Calibre + FanFicFare anthologies)

copy-ao3-work-urls.js

/* USAGE: Copy this code into a bookmarklet creator such as https://mrcoles.com/bookmarklet/ and bookmark the result */

const links = Array.prototype.slice.call(document.querySelectorAll('ol.work.group li.work .header .heading a:first-child'));
const urls = links.map(function(elem){ return 'https://archiveofourown.org'+elem.getAttribute("href"); });

if (!urls.length) return;

urls.reverse();

const dialog = document.createElement("dialog");
dialog.setAttribute('id', 'modal');
const btn = document.createElement("button");
btn.setAttribute('class', 'action modal modal-closer');
btn.textContent = 'Close';

const msg = document.createElement("p");
msg.textContent = 'Work URLs copied to clipboard.';

const textarea = document.createElement("textarea");
textarea.setAttribute('rows', urls.length);
const fragment = document.createDocumentFragment();
const area = fragment.appendChild(dialog).appendChild(textarea);

textarea.textContent = urls.join("\n");

dialog.appendChild(msg);
dialog.appendChild(btn);

dialog.style.maxWidth = '55ch';
dialog.style.margin = '2rem auto';
textarea.style.display = 'block';
btn.style.display = 'block';
btn.addEventListener("click", () => {
  dialog.close();
});

document.body.appendChild(fragment); 
navigator.clipboard.writeText(urls.join("\n"));

dialog.showModal();
btn.focus();