/**
 * Created by njz on 2017/3/25.
 */
import {BaseRender} from '../../core/BaseRenderTools';
import { Tree } from '../../core/Tree';
import { BlockNode } from '../../core/BlockNode';
import { InlineNode } from '../../core/InlineNode';
import { Node } from '../../core/Node';
import { PseudoNode } from '../../core/PseudoNode';
import { Doc } from './BlockNodes/Doc';
import {H1} from './BlockNodes/H1';
import {H2} from './BlockNodes/H2';
import {H3} from './BlockNodes/H3';
import {H4} from './BlockNodes/H4';
import {Table} from './BlockNodes/Table';
import {P} from './BlockNodes/P';
import {Nav} from './BlockNodes/Nav';
import { Blockquote } from './BlockNodes/Blockquote';
import Code from './BlockNodes/Code';
import {Li} from './BlockNodes/Li';
import {Img} from './BlockNodes/Img';

import {Strong} from './inlineNodes/Strong';
import {A} from './inlineNodes/A';
import {Span} from './inlineNodes/Span';
import {String} from './inlineNodes/String';
import {Code as InlineCode} from './inlineNodes/Code';

export class HTMLRender extends BaseRender{
    private styleMap: {[tagName: string]: string} = {}

    constructor(){
        super()

        let blockNodeMap = {
            p: P,
            h1: H1,
            h2: H2,
            h3: H3,
            h4: H4,
            table: Table,
            doc: Doc,
            nav: Nav,
            blockquote: Blockquote,
            code: Code,
            li: Li,
            img: Img,
        }
        for(let key in blockNodeMap){
            this.registerBlockNode(key, blockNodeMap[key])
        }

        let inlineNodeMap = {
            strong: Strong,
            string: String,
            span: Span,
            a: A,
            code: InlineCode,
        }
        for(let key in inlineNodeMap){
            this.registerInlineNode(key, inlineNodeMap[key])
        }
    }

    $renderTree(tree: Tree): Promise<string>{
        return this.renderBlockNodes([tree.root]);
    }

    setStyle(tagName: string, styleText: string){
        this.styleMap[tagName] = styleText
    }

    renderStyle(): string{
        let arr = []
        for(let key in this.styleMap){
            arr.push(this.styleMap[key])
        }
        return `<style>${arr.join('')}</style>`
    }

    renderBlockNodes(blockNodeList: Node[]): Promise<string>{
        return Promise.all( blockNodeList.map(async node=> {
            if(node && node.constructor['$$NodeClassID'] === BlockNode.$$NodeClassID){
                return (node as BlockNode<any>).render(this)
            } else {
                return '';
            }
            
        })).then(strings=> strings.join(''))
    }

    renderInlineNodes(inlineNodeList: PseudoNode[]): Promise<string>{
        return Promise.all(inlineNodeList.map(pseudoNode=> {
            const inlineNode = new (this.getInlineNode(pseudoNode.tagName) || InlineNode)(pseudoNode)
            return inlineNode.render(this)
        })).then(strings=> strings.join(''))
    }
}

export default HTMLRender;