/**
(id,元素的tag,父元素,创建时顺便添加的class:可以多个)
获取一个指定id的元素如果没用就在服元素创建这个元素
*/
function getByID(id, tag, father) {
    let t = document.getElementById(id);
    if (!t) {
        t = document.createElement(tag);
        t.id = id;
        for (let i = 3; i < arguments.length; i++) {
            if (arguments[i]) {
                t.classList.add(arguments[i]);
            }
        }
        father.appendChild(t);
    }
    return t;
}
function getByClass(className, tag, father) {
    let t = father.getElementsByClassName(className)[0];
    if (!t) {
        t = document.createElement(tag);
        t.classList.add(className);
        for (let i = 3; i < arguments.length; i++) {
            if (arguments[i]) {
                t.classList.add(arguments[i]);
            }
        }
        father.appendChild(t);
    }
    return t;
}

function test(test) {
    porserArguments(test.arguments);
}

var throttling = {
    "maxNumUserMessagesInConversation": 0,
    "numUserMessagesInConversation": 0
};

//解析type2的item
function porserType2Item(item){
    let chatDiv = document.getElementById('chat');
    if(item.result){
        if(item.result.value=='Success'){
            
        }else if (item.result.value == 'Throttled') {
            addError(item.result.message);
            addError('24消息请求数达到了限制！');
        }
    }
    if (item.throttling) {
        throttling = item.throttling;
    }
    if (item.messages) {
        let nextFather = getByID(item.requestId, 'div', chatDiv, 'bing');
        porserMessages(item.messages, nextFather);
    }
    
}
/**
 * 解析arguments
 * 解析聊天消息，将消息添加到页面
 * **/
function porserArguments(argumentss) {
    for (let i = 0; i < argumentss.length; i++) {
        porserType2Item(argumentss[i]);
    }
}

/* 
解析messages
*/
function porserMessages(messages, father) {
    for (let i = 0; i < messages.length; i++) {
        let message = messages[i];
        if(message.author=='user'){
            continue;//不解析用户的消息
        }

        //解析adaptiveCards 也就是聊天消息部分 下面类型的都是带有adaptiveCards的
        if (!message.messageType && message.adaptiveCards) {//如果是正常的聊天
            let adaptiveCardsFatherDIV = getByID(message.messageId, 'div', father, 'adaptiveCardsFatherDIV');
            porserAdaptiveCards(message.adaptiveCards, adaptiveCardsFatherDIV);

            //解析sourceAttributions 也就是引用链接部分
            if (message.sourceAttributions) {
                if (message.sourceAttributions.length > 0) {
                    let sourceAttributionsDIV = getByID(message.messageId + 'sourceAttributions', 'div', father, 'sourceAttributions');
                    porserSourceAttributions(message.sourceAttributions, sourceAttributionsDIV);
                }
            }
            //解析suggestedResponses 建议发送的消息，聊天建议
            if (message.suggestedResponses) {
                porserSuggestedResponses(message.suggestedResponses);
            }

        } else if (message.messageType == 'InternalSearchQuery') { //如果是收索消息
            let div = getByID(message.messageId, 'div', father, 'InternalSearchQuery');
            porserLineTextBlocks(message.text, div);

        } else if (message.messageType == 'InternalLoaderMessage') { //如果是加载消息
            let div = getByID(message.messageId, 'div', father, 'InternalLoaderMessage');
            porserLineTextBlocks(message.text, div);

        } else if (message.messageType == 'GenerateContentQuery') {//如果是生成内容查询
            let div = getByID(message.messageId, 'div', father, 'GenerateContentQuery');
            generateContentQuery(message, div);

        }else if (message.messageType == 'RenderCardRequest'){//渲染卡片请求，目前不知道有什么用
            renderCardRequest(message, father);

        }else if(message.contentOrigin == 'TurnLimiter'){
            addError(message.text);
            addError('聊天被限制了，试试开始新主题？');
        } else {
            console.log('发现一个另类message', JSON.stringify(message));
        }

    }
}

/*
解析渲染卡片请求，暂时不知道如何解析这个请求,就先判断里面有没有内容吧！没有就不显示。
*/
function renderCardRequest(message,father){
    if(father[message.messageId+'renderCardRequest']){//防止解析多次
        return;
    }
    father[message.messageId+'renderCardRequest'] = true;
    
    let url = 'https://www.bing.com/search?'
    let theUrls = new URLSearchParams();
    theUrls.append("showselans",1);
    theUrls.append("q",message.text);
    theUrls.append("iframeid",message.messageId);
    let src = url+theUrls.toString();
    
    fetch(src).then(async (ret)=>{
        let html = await ret.text();
        // b_poleContent pc设备  || b_ans b_imgans 移动设备
        if(html.indexOf('class="b_poleContent"')>=0 || html.indexOf('class="b_ans')>=0){
            let div = getByID(message.messageId, 'div', father, 'RenderCardRequest');
            div.innerHTML = `<iframe role="presentation" src="${src}"></iframe>`;
        }
    });
}


/*
解析generateContentQuery生成内容查询,目前是只有图片
*/
function generateContentQuery(message, father) {
    if(message.contentType=="IMAGE"){
        if(father.runed){//防止生成多次
            return;
        }
        father.runed = true;
        generateContentQueryImg(message, father);
    }else{
        console.log('发现一个另类generateContentQuery', JSON.stringify(message));
    }
}

/**
 * 解析图片生成目前是只有图片
 */
function generateContentQueryImg(message, father){
    getMagicUrl().then(async magicUrl => {
        if (!magicUrl) {
            addError("魔法链接不正确！无法加载图片");
            return;
        }
        if (!expUrl.test(magicUrl)) {
            addError("魔法链接不正确！无法加载图片")
            return;
        }
        let theUrls = new URLSearchParams();
        theUrls.append('re', '1');
        theUrls.append('showselective', '1');
        theUrls.append('sude', '1');
        theUrls.append('kseed', '7500');
        theUrls.append('SFX', '2');
        theUrls.append('q', message.text);
        theUrls.append('iframeid', message.requestId);
        let theUrl = URLTrue(magicUrl,"AiDraw/Create?") + theUrls.toString();
        
        try{
            father.innerHTML = `正在生成${message.text}的图片.`;
            let html = (await (await fetch(theUrl)).text());
            let urr = new RegExp('"/(images/create/async/results/(\\S*))"').exec(html);
            if(!urr || !urr[1]){
                urr = new RegExp('class="gil_err_mt">([^<>]*)</div>').exec(html);
                if(urr || urr[1]){
                    father.innerHTML = `${urr[1]}`
                    return;
                }
                console.log(html);
                addError("请求图片返回不正确的页面，无法加载图片。");
                return;
            }
            let ur = urr[1];
            let imgPageHtmlUrl = URLTrue(magicUrl,ur);
            let count = 0;
            let run = async ()=>{
                father.innerHTML = `正在生成${message.text}的图片.${count}`;
                if(count>20){
                    addError("请求图片超时！");
                    return;
                }
                count++;
                let imgPageHtml;
                try{
                    imgPageHtml = (await (await fetch(imgPageHtmlUrl)).text());
                }catch(e){
                    console.error(e);
                }
                if(!imgPageHtml){
                    setTimeout(run,3000);
                    return;
                }
                let div = document.createElement("div");
                div.innerHTML = imgPageHtml;
                let imgs = div.getElementsByTagName("img");
                let theUrls = new URLSearchParams();
                theUrls.append('createmessage',message.text);
                father.innerHTML = '';
                for(let el=0;el<imgs.length;el++){
                    let img = document.createElement('img');
                    img.src = imgs[el].src;
                    theUrls.append('imgs',img.src.split('?')[0]);
                    img.onclick = ()=>{
                        window.open('GeneratePicture/img.html?'+theUrls.toString(), '_blank');
                    }
                    father.appendChild(img);
                }
                div.remove();
            }
            setTimeout(run,3000);
            
        }catch(e){
            console.error(e);
            addError("请求图片失败:"+e);
        }
    });
}

/*
解析adaptiveCards 聊天消息部分
*/
function porserAdaptiveCards(adaptiveCards, father) {
    for (let i = 0; i < adaptiveCards.length; i++) {
        let adaptiveCard = adaptiveCards[i];
        if (adaptiveCard.type == 'AdaptiveCard') {
            porserbody(adaptiveCard.body, father);
        } else {
            console.log('发现一个不是AdaptiveCard的adaptiveCard', JSON.stringify(adaptiveCard));
        }
    }

}
/**
解析body adaptiveCards[].body这个部分
 */
function porserbody(bodys, father) {
    for (let i = 0; i < bodys.length; i++) {
        let body = bodys[i];
        if (body.type == 'TextBlock') {
            porserTextBlock(body, father);
        }else {
            console.log('发现一个不是TextBlock的body', JSON.stringify(body));
        }
    }
}



/**
补全代码块，如果文本中有~~~开头却没有~~~结束则在最后补一个~~~，防止内容生成时闪烁
*/
function completeCodeBlock(makerdown){
    let to = function(regA,regB,add,makerdown){
        let falst = true;
        let arrs = makerdown.split('\n');
        for(let i=0;i<=arrs.length;i++){
            if(falst){
                if(regA.test(arrs[i])){
                    falst = false;
                }
            }else{
                if(regB.test(arrs[i])){
                    falst = true;
                }
            }
        }
        if(!falst){
            makerdown = makerdown+add;
        }
        return makerdown;
    }
    let out = to(
        new RegExp('^~~~.*$'),
        new RegExp('^~~~( *)$'),
        '\n~~~',
        to(
            new RegExp('^```.*$'),
            new RegExp('^```( *)$'),
            '\n```',
            makerdown
        )
    );
   // console.log(out);
    return out;
}

renderMathInElementOptions ={
    delimiters: [
        {left: "$$", right: "$$", display: true},
        {left: '$', right: '$', display: false},
        {left: "\\(", right: "\\)", display: false},
        {left: "\\begin{equation}", right: "\\end{equation}", display: true},
        {left: "\\begin{align}", right: "\\end{align}", display: true},
        {left: "\\begin{alignat}", right: "\\end{alignat}", display: true},
        {left: "\\begin{gather}", right: "\\end{gather}", display: true},
        {left: "\\begin{CD}", right: "\\end{CD}", display: true},
        {left: "\\[", right: "\\]", display: true}
    ],
    throwOnError: false
}
/*
解析TextBlock body.type==TextBlock
*/
function porserTextBlock(body, father) {
    if (!body.size) {
        let div = getByClass('textBlock', 'div', father, 'markdown-body');
        div.innerHTML = marked.marked(completeCodeBlock(body.text));
        renderMathInElement(div,renderMathInElementOptions);
        let aaas = div.getElementsByTagName('a');
        //将超链接在新页面打开
        for(let i=0;i<aaas.length;i++){
            aaas[i].target = '_blank';
        }
        //如果是注释则加上上标样式
        for(let i=0;i<aaas.length;i++){
            let reg = new RegExp('^\\^(\\d+)\\^$');
            if(reg.test(aaas[i].innerHTML)){
                aaas[i].innerHTML = aaas[i].innerHTML.replace(reg,'$1');
                aaas[i].classList.add('superscript');
            }
        }


        let nxdiv = getByClass('throttling', 'div', father);
        nxdiv.innerHTML = `${throttling.numUserMessagesInConversation} / ${throttling.maxNumUserMessagesInConversation}`;
    } else if (body.size == 'small') {
        //原本bing官网的small并没有输出
    }
}
/*
添加单行简单文本
*/
function porserLineTextBlocks(inline, father) {
    father.innerHTML = `<p>${inline}</p>`;
}

/***
解析sourceAttributions 聊天消息引用链接部分
 */
function porserSourceAttributions(sourceAttributions, father) {
    let html = '';
    for (let i = 0; i < sourceAttributions.length; i++) {
        let sourceAttribution = sourceAttributions[i];
        html = html + `<a target="_blank" href="${sourceAttribution.seeMoreUrl}">${sourceAttribution.providerDisplayName}</a>`;
    }
    father.innerHTML = html;
}
/***
解析suggestedResponses 建议发送的消息，聊天建议
 */
function porserSuggestedResponses(suggestedResponses) {
    var searchSuggestions = document.getElementById('SearchSuggestions');
    searchSuggestions.innerHTML = '';
    for (let i = 0; i < suggestedResponses.length; i++) {
        let a = document.createElement('a');
        a.innerHTML = suggestedResponses[i].text;
        a.onclick = (even) => {
            if(searchSuggestions.style.opacity>=1){
                send(even.target.innerHTML);
            }
        }
        searchSuggestions.appendChild(a);
    }
}