Function bisectFeatures

source/helpers/bisect.tsx:99–141

()

}

export default async function bisectFeatures(): Promise<Record<string, boolean> | void> {
	// `bisect` stores the list of features to be split in half
	const bisectedFeatures = await state.get();
	if (!bisectedFeatures) {
		return;
	}

	console.log(`Bisecting ${bisectedFeatures.length} features:\n${bisectedFeatures.join('\n')}`);

	const steps = Math.ceil(Math.log2(Math.max(bisectedFeatures.length))) + 1;
	await elementReady('body');
	createMessageBox(
		`Do you see the change or issue? (${pluralize(steps, 'last step', '$$ steps remaining')})`,
		<div>
			<button type="button" className="btn btn-danger mr-2 tmp-mr-2" value="no" aria-disabled="true" onClick={onChoiceButtonClick}>
				No
			</button>
			<button type="button" className="btn btn-primary" value="yes" aria-disabled="true" onClick={onChoiceButtonClick}>
				Yes
			</button>
		</div>,
	);

	// Enable "Yes"/"No" buttons once the page is done loading
	if (document.readyState === 'complete') {
		enableButtons();
	} else {
		window.addEventListener('load', enableButtons);
	}

	// Hide message when the process is done elsewhere
	globalThis.addEventListener('visibilitychange', hideMessage);

	const half = getMiddleStep(bisectedFeatures);
	const temporaryOptions: Record<string, boolean> = {};
	for (const feature of importedFeatures) {
		const index = bisectedFeatures.indexOf(feature);
		temporaryOptions[`feature:${feature}`] = index !== -1 && index < half;
	}

	console.log({temporaryOptions});
	return temporaryOptions;
}