htmlToAnsi.ts

import { parse, HTMLElement, Node, TextNode } from "./tsdom/tsdom"
import { StyleParser } from "./tsdom/styleparser"

export function toAnsi(html: string): string {
    let data = `<ink>${html}</ink>`
    data = data.replace(/\<ink\>/gi, "<div>")
    data = data.replace(/\<ink\/\>/gi, "</div>")
    data = data.trim()
    const root = parse(data)
    if (root instanceof HTMLElement) {
        let res = getInked(root.firstChild);
        return res;
    }    
    return html; //in case of error
}

function getInked(n: Node, parentAnsiStart: string = ""): string {
    let rtnVal = ""
    n.childNodes.forEach(el => {
        if (el instanceof TextNode) {
            rtnVal += el.text
        }
        if (el instanceof HTMLElement) {
            let style = el.attributes.style
            StyleParser.parse(style);
            let ansiStart = StyleParser.toAnsiStart()
            let ansiEnd = `${StyleParser.toAnsiEnd()}${parentAnsiStart}`

            rtnVal += `${ansiStart}${getInked(el, ansiStart)}${ansiEnd}`
        }
    })
    return rtnVal
}