mirror of
https://github.com/go-gitea/gitea
synced 2025-12-07 05:18:29 +00:00
46d7adefe0
A big step towards enabling strict mode in Typescript. There was definitely a good share of potential bugs while refactoring this. When in doubt, I opted to keep the potentially broken behaviour. Notably, the `DOMEvent` type is gone, it was broken and we're better of with type assertions on `e.target`. --------- Signed-off-by: silverwind <me@silverwind.io> Signed-off-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
23 lines
907 B
TypeScript
23 lines
907 B
TypeScript
import {svg} from '../svg.ts';
|
|
import {queryElems} from '../utils/dom.ts';
|
|
|
|
export function makeCodeCopyButton(): HTMLButtonElement {
|
|
const button = document.createElement('button');
|
|
button.classList.add('code-copy', 'ui', 'button');
|
|
button.innerHTML = svg('octicon-copy');
|
|
return button;
|
|
}
|
|
|
|
export function initMarkupCodeCopy(elMarkup: HTMLElement): void {
|
|
// .markup .code-block code
|
|
queryElems(elMarkup, '.code-block code', (el) => {
|
|
if (!el.textContent) return;
|
|
const btn = makeCodeCopyButton();
|
|
// remove final trailing newline introduced during HTML rendering
|
|
btn.setAttribute('data-clipboard-text', el.textContent.replace(/\r?\n$/, ''));
|
|
// we only want to use `.code-block-container` if it exists, no matter `.code-block` exists or not.
|
|
const btnContainer = el.closest('.code-block-container') ?? el.closest('.code-block');
|
|
btnContainer!.append(btn);
|
|
});
|
|
}
|