Function runShortcuts

source/features/keyboard-navigation.tsx:15–54

(event: KeyboardEvent)

	], comment));

function runShortcuts(event: KeyboardEvent): void {
	if (!'jkx'.includes(event.key) || isEditable(event.target)) {
		return;
	}

	event.preventDefault();
	const targetElement = $optional(':target');

	if (event.key === 'x') {
		// The event handler is quite broad, there's no guarantee that the intention is to toggle "Viewed"
		$optional(viewedToggleSelector, targetElement)?.click();
		return;
	}

	const items = $$([
		'div[class*="targetable" i][id^="diff-"]', // Files in diffs
		'.js-minimizable-comment-group', // Comments (to be `.filter()`ed)
	])
		.filter(element =>
			element.classList.contains('js-minimizable-comment-group')
				? !isCommentGroupMinimized(element)
				: true,
		);

	// `j` goes to the next item, `k` goes back an item
	const direction = event.key === 'j' ? 1 : -1;
	// Without `targetElement`, it will start from -1
	const currentIndex = items.indexOf(targetElement!);

	// Start at 0 if nothing is; clamp index
	const chosenItemIndex = Math.min(
		Math.max(0, currentIndex + direction),
		items.length - 1,
	);

	if (currentIndex !== chosenItemIndex) {
		// Make item a target without pushing to history
		location.replace('#' + items[chosenItemIndex].id);
	}
}

function init(signal: AbortSignal): void {
	document.body.addEventListener('keypress', runShortcuts, {signal});