import { createSearchRegExp } from "dxUtils/regexps";

const MARK_TAGS = /<\/?mark>/gi;

export const highlightTerms = (
    // eslint-disable-next-line no-undef
    elements: NodeListOf<Element>,
    searchTerm: string
): void => {
    searchTerm = searchTerm.trim();
    const searchExp = createSearchRegExp(searchTerm);
    elements.forEach((element) => {
        if (
            element?.innerHTML.includes("<dx-") ||
            element?.innerHTML.includes("<doc-")
        ) {
            return;
        }

        let innerHtml = element.innerHTML.replace(
            // Remove previously added mark tags
            MARK_TAGS,
            ""
        );

        if (searchTerm) {
            innerHtml = innerHtml.replace(searchExp, "<mark>$&</mark>");
        }

        element.innerHTML = innerHtml;
    });
};