Function showToast

source/github-helpers/toast.tsx:22–103

(
	task: Task | Error,
	{
		message = 'Bulk actions currently being processed.',
		doneMessage = 'Bulk action processing complete.',
	}: {
		message?: string;
		doneMessage?: ToastMessage | false;
	} = {},
)

type ProgressCallback = (message: string) => void;
type Task = Promise<unknown> | ((progress: ProgressCallback) => Promise<unknown>);
export default async function showToast(
	task: Task | Error,
	{
		message = 'Bulk actions currently being processed.',
		doneMessage = 'Bulk action processing complete.',
	}: {
		message?: string;
		doneMessage?: ToastMessage | false;
	} = {},
): Promise<void> {
	const iconWrapper = <span className="Toast-icon">
		<ToastSpinner />
	</span>;
	const messageWrapper = <span>{message}</span>;
	const toast = (
		<div
			role="log"
			style={{zIndex: 101}}
			className="rgh-toast position-fixed bottom-0 right-0 ml-5 tmp-ml-5 mb-5 tmp-mb-5 Toast Toast--loading Toast--animateIn"
		>
			{iconWrapper}
			<span className="Toast-content py-2 tmp-py-2">
				<div style={{fontSize: '10px', color: 'silver', marginBottom: '-0.3em'}}>Refined GitHub</div>
				{messageWrapper}
			</span>
		</div>
	);
	let lastRawMessage: ToastMessage = message;
	const updateToast = (newMessage: ToastMessage): void => {
		lastRawMessage = newMessage;
		messageWrapper.textContent = '';
		messageWrapper.append(newMessage);
	};

	const finalUpdateToast = async (newMessage: ToastMessage | Error): Promise<void> => {
		if (newMessage instanceof Error && 'richMessage' in newMessage && newMessage.richMessage) {
			newMessage = newMessage.richMessage as ToastMessage;
		} else if (newMessage instanceof Error) {
			newMessage = newMessage.message;
		}

		updateToast(newMessage);

		// Without rAF the toast might be removed before the first page paint
		// rAF also allows showToast to resolve as soon as task is done
		await frame();

		const displayTime = (typeof newMessage === 'string' ? newMessage.split(' ').length * 300 : 3000) + 2000;
		await delay(displayTime);

		// Display time is over, animate out
		toast.classList.replace('Toast--animateIn', 'Toast--animateOut');
		await oneEvent(toast, 'animationend');
		toast.remove();
	};

	document.body.append(toast);
	await delay(30); // Without this, the Toast doesn't appear in time