Function add

source/features/default-branch-button.tsx:44–94

(branchSelectorElement: HTMLElement)

}

async function add(branchSelectorElement: HTMLElement): Promise<void> {
	// Apply here instead of `excludes` due to React loading:
	// 1. Visit branch
	// 2. Click "Code" repo tab
	// 3. You're on `main` but the button is wrapped
	// TODO: Move to excludes after https://github.com/refined-github/refined-github/issues/6554
	if (await isDefaultBranch()) {
		return;
	}

	// The DOM varies between details-based DOM and React-based one
	const selectorWrapper = branchSelectorElement.tagName === 'SUMMARY'
		? branchSelectorElement.parentElement!
		: branchSelectorElement;
	selectorWrapper.classList.add('rgh-highlight-non-default-branch');

	const existingLink = $optional('.rgh-default-branch-button', branchSelectorElement.parentElement!);

	// React issues. Duplicates appear after a color scheme update
	// https://github.com/refined-github/refined-github/issues/7098
	if (existingLink) {
		// Border radius style is removed by the color scheme update
		wrapButtons([existingLink, selectorWrapper]);
		return;
	}

	if (pageDetect.isSingleFile()) {
		fixFileHeaderOverlap(branchSelectorElement);
	}

	const defaultLink = (
		<a
			className="btn px-2 tmp-px-2 rgh-default-branch-button flex-self-start"
			href={await getUrl(location.href)}
			// Update on hover because the URL may change without a DOM refresh
			// https://github.com/refined-github/refined-github/issues/6554
			// Inlined listener because `mouseenter` is too heavy for `delegate`
			onMouseEnter={updateUrl}

			// Don't enable AJAX on this behavior because we need a full page reload to drop the button, same reason as above #6554
			// data-turbo-frame="repo-content-turbo-frame"
		>
			<ChevronLeftIcon />
		</a>
	);

	selectorWrapper.before(
		tooltipped({label: 'View on the default branch', direction: 'se'}, defaultLink),
	);
	wrapButtons([defaultLink, selectorWrapper]);
}

async function init(signal: AbortSignal): Promise<void> {
	observe(branchSelector, add, {signal});