8ac83043f5
The "btn-octicon is-loading" was introduced by #21842 , it is only used by the "Copy Content" button, but the "btn-octicon" selector would affect too many uncertain elements. Now there is a general "small-loading-icon" class, so the "btn-octicon is-loading" could be removed.
55 lines
2 KiB
JavaScript
55 lines
2 KiB
JavaScript
import {clippie} from 'clippie';
|
|
import {showTemporaryTooltip} from '../modules/tippy.js';
|
|
import {convertImage} from '../utils.js';
|
|
|
|
const {i18n} = window.config;
|
|
|
|
export function initCopyContent() {
|
|
const btn = document.getElementById('copy-content');
|
|
if (!btn || btn.classList.contains('disabled')) return;
|
|
|
|
btn.addEventListener('click', async () => {
|
|
if (btn.classList.contains('is-loading')) return;
|
|
let content;
|
|
let isRasterImage = false;
|
|
const link = btn.getAttribute('data-link');
|
|
|
|
// when data-link is present, we perform a fetch. this is either because
|
|
// the text to copy is not in the DOM or it is an image which should be
|
|
// fetched to copy in full resolution
|
|
if (link) {
|
|
btn.classList.add('is-loading', 'small-loading-icon');
|
|
try {
|
|
const res = await fetch(link, {credentials: 'include', redirect: 'follow'});
|
|
const contentType = res.headers.get('content-type');
|
|
|
|
if (contentType.startsWith('image/') && !contentType.startsWith('image/svg')) {
|
|
isRasterImage = true;
|
|
content = await res.blob();
|
|
} else {
|
|
content = await res.text();
|
|
}
|
|
} catch {
|
|
return showTemporaryTooltip(btn, i18n.copy_error);
|
|
} finally {
|
|
btn.classList.remove('is-loading', 'small-loading-icon');
|
|
}
|
|
} else { // text, read from DOM
|
|
const lineEls = document.querySelectorAll('.file-view .lines-code');
|
|
content = Array.from(lineEls, (el) => el.textContent).join('');
|
|
}
|
|
|
|
// try copy original first, if that fails and it's an image, convert it to png
|
|
const success = await clippie(content);
|
|
if (success) {
|
|
showTemporaryTooltip(btn, i18n.copy_success);
|
|
} else {
|
|
if (isRasterImage) {
|
|
const success = await clippie(await convertImage(content, 'image/png'));
|
|
showTemporaryTooltip(btn, success ? i18n.copy_success : i18n.copy_error);
|
|
} else {
|
|
showTemporaryTooltip(btn, i18n.copy_error);
|
|
}
|
|
}
|
|
});
|
|
}
|