mirror of
https://github.com/go-gitea/gitea
synced 2024-08-27 01:32:53 +02:00
507fbf4c3c
As per https://github.com/go-gitea/gitea/pull/30115#discussion_r1626060164, prefer `querySelector` by enabling [`unicorn/prefer-query-selector`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/prefer-query-selector.md) and autofixing all except 10 issues. According to [this](https://old.reddit.com/r/learnjavascript/comments/i0f5o8/performance_of_getelementbyid_vs_queryselector/), querySelector may be faster as well, so it's a win-win. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
57 lines
2.0 KiB
JavaScript
57 lines
2.0 KiB
JavaScript
import {clippie} from 'clippie';
|
|
import {showTemporaryTooltip} from '../modules/tippy.js';
|
|
import {convertImage} from '../utils.js';
|
|
import {GET} from '../modules/fetch.js';
|
|
|
|
const {i18n} = window.config;
|
|
|
|
export function initCopyContent() {
|
|
const btn = document.querySelector('#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', 'loading-icon-2px');
|
|
try {
|
|
const res = await GET(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', 'loading-icon-2px');
|
|
}
|
|
} 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);
|
|
}
|
|
}
|
|
});
|
|
}
|