import { BoxElement } from '../types/types';
import { ColorFn, colors } from '../util/colors';
import { getNotificationTimeout } from '../util/config-util';
import { Logger } from '../util/logger';
import { getBoxElement } from './interface-elements';

let notificationContainer: BoxElement;

export const getNotificationContainer = (): BoxElement => {
	if (notificationContainer) {
		return notificationContainer;
	}

	notificationContainer = getBoxElement({
		border: {
			type: 'line',
		},
		bottom: 1,
		name: 'notificationContainer',
		padding: {
			left: 1,
			right: 1,
		},
		right: 0,
		shrink: true,
		tags: true,
	});

	notificationContainer.hide();

	return notificationContainer;
};

const appendNotification = (colorFn: ColorFn, content: string) => {
	if (notificationContainer.content.length) {
		const longestLineLength = content
			.split('\n')
			.reduce((acc, cur) => (acc >= cur.length ? acc : cur.length), 0);

		notificationContainer.pushLine(
			'-'.repeat(
				Math.min(longestLineLength, notificationContainer.screen
					.width as number),
			),
		);
	}

	notificationContainer.pushLine(colorFn(content));

	setTimeout(() => {
		notificationContainer.shiftLine(content.split('\n').length + 1);

		if (!notificationContainer.content.length) {
			notificationContainer.hide();
		}

		notificationContainer.screen.render();
	}, getNotificationTimeout());

	notificationContainer.show();
	notificationContainer.screen.render();
};

const notifyFn = (colorFn: ColorFn) => (content: string) =>
	appendNotification(colorFn, content);

export const notifier: Logger = {
	error: notifyFn(colors.error),
	info: notifyFn(colors.info),
	log: notifyFn((s) => s),
	success: notifyFn(colors.success),
	warn: notifyFn(colors.warning),
};