Function onChoiceButtonClick

source/helpers/bisect.tsx:56–97

({currentTarget: button}: React.MouseEvent<HTMLButtonElement>)

}

async function onChoiceButtonClick({currentTarget: button}: React.MouseEvent<HTMLButtonElement>): Promise<void> {
	const answer = button.value;
	const bisectedFeatures = (await state.get())!;

	if (bisectedFeatures.length > 1) {
		await state.set(
			answer === 'yes'
				? bisectedFeatures.slice(0, getMiddleStep(bisectedFeatures))
				: bisectedFeatures.slice(getMiddleStep(bisectedFeatures)),
		);

		button.parentElement!.replaceWith(<div className="btn" aria-disabled="true">Reloading…</div>);
		location.reload();
		return;
	}

	// Last step, no JS feature was enabled
	if (answer === 'yes') {
		createMessageBox(
			<>
				<p>
					Unable to identify feature. It might be a CSS-only feature, a{' '}
					<a href="https://github.com/refined-github/refined-github/wiki/Meta-features" target="_blank" rel="noreferrer">
						meta-feature
					</a>, or unrelated to Refined GitHub.
				</p>
				<p>Try disabling Refined GitHub to see if the change or issue is caused by the extension.</p>
			</>,
		);
	} else {
		const feature = (
			<a href={getFeatureUrl(bisectedFeatures[0])}>
				<code>{bisectedFeatures[0]}</code>
			</a>
		);

		createMessageBox(<>The change or issue is caused by {feature}.</>);
	}

	await state.delete();
	globalThis.removeEventListener('visibilitychange', hideMessage);
}

export default async function bisectFeatures(): Promise<Record<string, boolean> | void> {
	// `bisect` stores the list of features to be split in half