import type { StringObject } from "../../../types/Main"

export const getStyles = (str: string | null | undefined, removeTxt: boolean = false) => {
    let styles: StringObject = {}
    if (!str?.length) return styles

    str.split(";").forEach((s) => {
        if (!s.length) return

        let key: string = s.slice(0, s.indexOf(":")).trim()
        let style: string = s.slice(s.indexOf(":") + 1, s.length).trim()

        let replaced: string = removeText(style)

        const dontReplace: string[] = ["text-decoration", "text-transform", "text-shadow", "box-shadow", "font-family", "transform"]

        // remove text
        if (!key.includes("color") && !dontReplace.includes(key) && removeTxt && style.length > replaced.length && replaced.length > 0) style = replaced

        if (key === "transform") styles = { ...styles, ...getFilters(style) }

        styles[key] = style
    })

    return styles
}

export function getFilters(filter: string) {
    let styles: StringObject = {}
    if (!filter) return styles

    filter.split(" ").forEach((s) => {
        if (s.length) {
            let key: string = s.slice(0, s.indexOf("(")).trim()
            let style: string = s.slice(s.indexOf("(") + 1, s.indexOf(")")).trim()
            style = removeText(style)
            styles[key] = style
        }
    })

    return styles
}

export function removeText(string: string): string {
    // .replace(/\D.+/g, "")
    return string.replace(/[^0-9.-]/g, "")
}