forked from Shiloh/githaven
ae8e8f055e
WIP because: - [x] Some calls set a `content-type` but send no body, can likely remove the header - [x] Need to check whether `charset=utf-8` has any significance on the webauthn calls, I assume not as it is the default for json content. - [x] Maybe `no-restricted-globals` is better for eslint, but will require a lot of duplication in the yaml or moving eslint config to a `.js` extension. - [x] Maybe export `request` as `fetch`, shadowing the global.
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.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 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', '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);
|
|
}
|
|
}
|
|
});
|
|
}
|