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