import type { CommitMode, IJodit } from 'jodit/types';
import type { CommitStyle } from 'jodit/core/selection/style/commit-style';
import { attr } from 'jodit/core/helpers/utils';
import { css } from 'jodit/core/helpers/utils/css';
import { dataBind } from 'jodit/core/helpers/utils/data-bind';
import { kebabCase } from 'jodit/core/helpers/string/kebab-case';
import { normalizeCssValue } from 'jodit/core/helpers/normalize/normalize-css-value';
import { size } from 'jodit/core/helpers/size/object-size';
import { Dom } from 'jodit/core/dom';
import { CHANGE, UNSET, UNWRAP } from 'jodit/core/selection/style/commit-style';
import { getContainer } from 'jodit/core/global';

/**
 * Toggles css and classname
 * @private
 */
export function toggleCSS(
	commitStyle: CommitStyle,
	elm: HTMLElement,
	jodit: IJodit,
	mode: CommitMode,
	dry: boolean = false
): CommitMode {
	const { style, className } = commitStyle.options;

	if (style && size(style) > 0) {
		Object.keys(style).forEach((rule: string) => {
			const inlineValue = elm.style.getPropertyValue(kebabCase(rule));

			if (inlineValue === '' && style[rule] == null) {
				return;
			}

			if (
				getNativeCSSValue(jodit, elm, rule) ===
				normalizeCssValue(rule, style[rule] as string)
			) {
				!dry && css(elm, rule, null);
				mode = UNSET;
				mode = removeExtraStyleAttribute(commitStyle, elm, mode);
				return;
			}

			mode = CHANGE;
			!dry && css(elm, rule, style[rule]);
			if (!dry) {
				mode = removeExtraStyleAttribute(commitStyle, elm, mode);
			}
		});
	}

	if (className) {
		if (elm.classList.contains(className)) {
			elm.classList.remove(className);
			mode = UNSET;
		} else {
			elm.classList.add(className);
			mode = CHANGE;
		}
	}

	return mode;
}

/**
 * If the element has an empty style attribute, it removes the attribute,
 * and if it is default, it removes the element itself
 */
function removeExtraStyleAttribute(
	commitStyle: CommitStyle,
	elm: HTMLElement,
	mode: CommitMode
): CommitMode {
	if (!attr(elm, 'style')) {
		attr(elm, 'style', null);

		if (elm.tagName.toLowerCase() === commitStyle.defaultTag) {
			Dom.unwrap(elm);
			mode = UNWRAP;
		}
	}

	return mode;
}

/**
 * Creates an iframe into which elements will be inserted to test their default styles in the browser
 */
function getShadowRoot(jodit: IJodit): HTMLElement {
	if (dataBind(jodit, 'shadowRoot') !== undefined) {
		return dataBind(jodit, 'shadowRoot');
	}

	const container = getContainer(jodit);

	const iframe = document.createElement('iframe');
	css(iframe, {
		width: 0,
		height: 0,
		position: 'absolute',
		border: 0
	});

	iframe.src = 'about:blank';
	container.appendChild(iframe);

	const doc = iframe.contentWindow?.document;

	const shadowRoot = !doc ? jodit.od.body : doc.body;
	dataBind(jodit, 'shadowRoot', shadowRoot);

	return shadowRoot;
}

/**
 * `strong -> fontWeight 700`
 */
function getNativeCSSValue(
	jodit: IJodit,
	elm: HTMLElement,
	key: string
): ReturnType<typeof css> {
	const newElm = jodit.create.element(elm.tagName.toLowerCase());
	newElm.style.cssText = elm.style.cssText;
	const root = getShadowRoot(jodit);
	root.appendChild(newElm);
	const result = css(newElm, key);
	Dom.safeRemove(newElm);
	return result;
}