Function add

source/features/download-folder-button.tsx:10–38

(menu: HTMLUListElement)

import observe from '../helpers/selector-observer.js';

function add(menu: HTMLUListElement): void {
	const downloadUrl = new URL('https://download-directory.github.io/');
	downloadUrl.searchParams.set('url', location.href);

	const item = menu.firstElementChild!.cloneNode(true);
	item.role = 'none';
	item.removeAttribute('tabindex');
	item.removeAttribute('id');
	item.removeAttribute('aria-keyshortcuts');
	item.removeAttribute('aria-labelledby');

	const link = item.firstElementChild instanceof HTMLAnchorElement
		? item.firstElementChild
		// Not a link on permalinks and archived repos
		: replaceElementTypeInPlace(item.firstElementChild!, 'a');
	link.href = downloadUrl.href;
	link.classList.add('no-underline', 'fgColor-inherit');
	link.setAttribute('aria-keyshortcuts', 'c');

	// Missing on permalinks and archived repos
	$optional('svg', link)?.replaceWith(<DownloadIcon />);

	// Only on permalinks and archived repos
	$optional('[id$="--trailing-visual"]', link)?.remove();

	$('[id$="--label"]', link).textContent = 'Download directory';

	menu.prepend(item);
}

function init(signal: AbortSignal): void {
	observe('ul[role="menu"]:has([aria-keyshortcuts="c"])', add, {signal});