'use strict';

(() => {

function copyTextToClipboard(text) {

const textArea = document.createElement('textarea');

textArea.value = text;

textArea.style.position = 'fixed';

textArea.style.left = '-1';

textArea.style.top = '-1';

document.body.appendChild(textArea);

textArea.focus();

textArea.select();

document.execCommand('copy');

document.body.removeChild(textArea);

}

for (const block of document.getElementsByClassName('copyable')) {

const copyIcon = new Image(16, 16);

copyIcon.setAttribute('src', './assets/copy-icon.svg');

copyIcon.setAttribute('alt', 'copy');

copyIcon.setAttribute('title', 'copy to clipboard');

block.insertBefore(copyIcon, block.children[0]);

copyIcon.addEventListener('click', () => {

const text = block.getElementsByTagName('pre')[0].innerText;

copyTextToClipboard(text);

});

}

})();