import type { Nullable } from 'jodit/types';
import type { CommitStyle } from '../commit-style';
import { isNormalNode } from './is-normal-node';
import {
	elementHasSameStyle,
	elementHasSameStyleKeys
} from './element-has-same-style';
import { Dom } from 'jodit/core/dom';

/**
 * Checks if an item is suitable for applying a commit. The element suits us if it
 *  - has the same styles as in the commit (commitStyle.options.style)
 *  - has the same tag as in the commit (commitStyle.options.element)
 *
 * @param commitStyle - style commit
 * @param elm - checked item
 * @param strict - strict mode - false - the default tag is suitable for us if it is also in the commit
 * @private
 */
export function isSuitElement(
	commitStyle: CommitStyle,
	elm: Nullable<Node>,
	strict: boolean
): elm is HTMLElement {
	if (!elm) {
		return false;
	}

	const { element, elementIsDefault, options } = commitStyle;

	const elmHasSameStyle = Boolean(
		options.style && elementHasSameStyle(elm, options.style)
	);

	const elmIsSame =
		elm.nodeName.toLowerCase() === element ||
		(Dom.isTag(elm, ['ul', 'ol']) && commitStyle.elementIsList);

	if (
		((!elementIsDefault || !strict) && elmIsSame) ||
		(elmHasSameStyle && isNormalNode(elm))
	) {
		return true;
	}

	return Boolean(
		!elmIsSame && !strict && elementIsDefault && Dom.isInlineBlock(elm)
	);
}

/**
 * Inside the parent element there is a block with the same styles
 * @example
 * For selection:
 * ```html
 * <p>|test<strong>test</strong>|</p>
 * ```
 * Apply `{element:'strong'}`
 */
export function isSameStyleChild(
	commitStyle: CommitStyle,
	elm: Nullable<Node>
): elm is HTMLElement {
	const { element, options } = commitStyle;

	if (!elm || !isNormalNode(elm)) {
		return false;
	}

	const elmIsSame = elm.nodeName.toLowerCase() === element;

	const elmHasSameStyle = Boolean(
		options.style && elementHasSameStyleKeys(elm, options.style)
	);

	return elmIsSame && elmHasSameStyle;
}