Function linkifyFeature

source/features/rgh-linkify-features.tsx:24–79

(possibleFeature: HTMLElement)

});

function linkifyFeature(possibleFeature: HTMLElement): void {
	const originalText = possibleFeature.textContent;
	const id = getNewFeatureName(originalText);
	if (!id) {
		return;
	}

	const href = getFeatureUrl(id);
	// If the original text is different from the resolved ID, it's an old name
	const isOldName = originalText !== id;
	const title = isOldName ? `Now called ${id}` : undefined;
	let anchorElement: Element | undefined;

	const possibleLink = possibleFeature.firstElementChild ?? possibleFeature;
	if (possibleLink instanceof HTMLAnchorElement) {
		// Possible DOM structure:
		// - <a>
		// - <code> > <a>
		possibleLink.href = href;
		possibleLink.title = '';
		possibleLink.classList.add('color-fg-accent');
		if (title) {
			possibleLink.title = title;
		}

		// <sup> goes after the <code> element (outside the inner link)
		anchorElement = possibleFeature;
	} else if (!closestElementOptional('a', possibleFeature)) {
		// Possible DOM structure:
		// - <code>
		wrap(
			possibleFeature,
			<a
				className="color-fg-accent"
				data-turbo-frame="repo-content-turbo-frame"
				href={href}
				title={title}
			/>,
		);
		// After wrap(), possibleFeature.parentElement is the new <a>
		// Mount after the <a> so <sup> is outside the link
		anchorElement = possibleFeature.parentElement!;
	}

	if (anchorElement && shouldShowCount()) {
		const sup = <sup />;
		anchorElement.after(sup);
		mount(RelatedIssuesCount, {
			target: sup,
			props: {
				featureId: id,
				mini: true,
			},
		});
	}
}

function init(signal: AbortSignal): void {