/**
 * @module ui
 */

import type {
	CanUndef,
	IDictionary,
	IUIIconState,
	IViewBased
} from 'jodit/types';
import { css } from 'jodit/core/helpers/utils/css';
import { camelCase, kebabCase } from 'jodit/core/helpers';

export class Icon {
	private static icons: IDictionary<string> = {};

	private static getIcon(name: string): string | undefined {
		if (/<svg/i.test(name)) {
			return name;
		}

		const icon =
			Icon.icons[name] ||
			Icon.icons[name.replace(/-/g, '_')] ||
			Icon.icons[name.replace(/_/g, '-')] ||
			Icon.icons[camelCase(name)] ||
			Icon.icons[kebabCase(name)] ||
			Icon.icons[name.toLowerCase()];

		if (!isProd && !icon) {
			// console.log(`Icon "${name}" not found`);
		}
		return icon;
	}

	/**
	 * Check if icon exist in store
	 */
	static exists(name: string): boolean {
		return this.getIcon(name) !== undefined;
	}

	/**
	 * Return SVG icon
	 */
	static get(name: string, defaultValue: string = '<span></span>'): string {
		return this.getIcon(name) || defaultValue;
	}

	/**
	 * Set SVG in store
	 */
	static set(name: string, value: string): typeof Icon {
		this.icons[name.replace('_', '-')] = value;
		return this;
	}

	/**
	 * Make icon html element
	 */
	static makeIcon(jodit: IViewBased, icon: IUIIconState): CanUndef<Node> {
		let iconElement: CanUndef<HTMLElement>;

		if (icon) {
			const clearName = icon.name.replace(/[^a-zA-Z0-9]/g, '_');

			if (icon.iconURL) {
				iconElement = jodit.c.span();

				css(
					iconElement,
					'backgroundImage',
					'url(' +
						icon.iconURL.replace(
							'{basePath}',
							jodit?.basePath || ''
						) +
						')'
				);
			} else {
				const svg =
					jodit.e.fire('getIcon', icon.name, icon, clearName) ||
					Icon.get(icon.name, '') ||
					jodit.o.extraIcons?.[icon.name];

				if (svg) {
					iconElement = jodit.c.fromHTML(svg.trim());

					if (!/^<svg/i.test(icon.name)) {
						iconElement.classList.add('jodit-icon_' + clearName);
					}
				}
			}
		}

		if (iconElement) {
			iconElement.classList.add('jodit-icon');
			iconElement.style.fill = icon.fill;
		}

		return iconElement;
	}
}