// 正则转义
escapeRe = s => {
    return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');   
}

// html实体编码
escapeHtml = s => {
    return s.replace(/</g, "&lt;")
    .replace(/>/g, "&gt;")
    .replace(/"/g, "&quot;")
    .replace(/'/g, "&apos;");
}

// 列表
list = (path, initial, type, name ,desc) => {
    return `<div class='info' path='${path}'>
    <div class="initial">${initial}</div>
    <div class="type">${type}</div>
    <div class="name">${name}</div>
    <div class="description">${desc}</div>
    </div>`
}

// 显示列表
showList = (text, index, listnum) => {
    window.ResultList = [];
    window.ResultIndex = [];
    var obn = [];
    var obd = [];
    index.forEach(i => {
        let reg = new RegExp(escapeRe(text), "i",)
        match1 = reg.exec(i.name),
            match2 = reg.exec(i.desc),
            name = escapeHtml(i.name),
            desc = i.desc != undefined ? escapeHtml(i.desc) : "",
            type = i.type != undefined ? escapeHtml(i.type) : "";
        let initial = i.name.slice(0, 1).toUpperCase();
        // let initial = /^([a-zA-Z])/.exec(i.name);
        // initial = initial ? initial[1].toUpperCase() : '*';
        // 优先显示名称匹配的内容
        if (match1) {
            name = highlightList(name, match1[0]);
            if (match2) desc = highlightList(desc, match2[0]);
            // 置顶全字匹配的内容
            if (i.name.toUpperCase() == text.toUpperCase()) {
                obn.unshift(list(i.path, initial, type, name, desc));
                window.ResultIndex.push(i);
            } else {
                obn.push(list(i.path, initial, type, name, desc));
                window.ResultIndex.push(i);
            }
        // 其次显示描述匹配的内容
        } else if (match2) {
            desc = highlightList(desc, match2[0]);
            obd.push(list(i.path, initial, type, name, desc));
        }
    });
    window.ResultList = obn.concat(obd);
    $("#mainlist").html(window.ResultList.slice(0, listnum).join(''));
    let num = $(".info").length
    utools.setExpendHeight(num > 11 ? 550 : 50 * num);
    $(".select").removeClass('select');
    $(".info:first").addClass('select');
    // 鼠标锁，方式鼠标抢占选择条
    window.mouseLockTime = new Date().getTime();
}

// 显示手册
showManual = path => {
    utools.setExpendHeight(550);
    if (/^((ht|f)tps?):\/\//.test(path)) {
        window.open(path);
    } else {
        let e = /(.*?)(\.html)*#(.*)/.exec(path);
        if (e) {
            var f = e[1] + '.html';
            var id = '#' + e[3];
        } else {
            var f = window.dirs.idxFile ? path : path + '.html';
        }
        var file = `${window.dirs.docPath}/${f}`;
        $("#mainlist").fadeOut();
        $(".load").html('Loading').show();
        var request = $.ajax({
            url: file,
            type: "GET",
        });
        request.done(data => {
            $(".load").hide();
            var relPath = f.substr(0, f.lastIndexOf('/') + 1);
            // a 标签改为相对路径
            data = data.replace(/(a.*?)href="(?!http)([^\#].*?)"/g, `$1href="${relPath}$2"`);
            // devdocs 语法高亮
            data = data.replace(/<pre.*?data-language="(.*?)">([\s\S]*?)<\/pre>/g, '<pre><code class="language-$1">$2</code></pre>')
            $("#manual").html(`<div id="manualBody">${data}</div>`).fadeIn();
            Prism.highlightAll();
            location.href = e ? id : '#manualBody';
            utools.setSubInputValue('');
        });
        request.fail(function (xhr, err) {
            $(".load").html('404').fadeOut();
            console.log(xhr, err);
        });
    }
}

// 手册/配置页搜索结果高亮
highlightManual = (selector, text) => {
    $(selector).removeHighlight() ;
    if (text) {
        $(selector).highlight(text);
        window.findex = 0;
    }
}

// 列表搜索结果高亮
highlightList = (string, match) => string.replace(match, `<span style="color:#ff5722">${match}</span>`)

// 初始化
init = () => {
    $("#mainlist").fadeOut(0);
    $("#options").fadeOut(0);
    $("#manual").fadeOut(0);
    $("html").niceScroll();
    $("#manual").niceScroll();
}

// 向活动窗口发送文本
sendText = text => {
    window.copyTo(text);
    utools.hideMainWindow();
    window.paste();
}

// 检查升级
checkUpdate = () => {
    let cv = 'v0.0.2',
        pg = 'https://yuanliao.info/d/356';
    if (!utools.db.get(cv)) {
        $.get(pg, data => {
            data = /<title>\[插件\]\[程序员手册 (.*?)\](.*?) - 猿料<\/title>/.exec(data);
            let lv = data[1],
                desc = data[2];
            if (lv != cv) {
                options = {
                    type: 'info',
                    title: '插件有可用更新',
                    icon: window.getLogo(),
                    cancelId: 1,
                    message: `发现新版本 ${lv}，是否前往更新？\n更新内容：\n${desc}`,
                    buttons: ['起驾', '朕知道了', '别再烦朕']
                };
                window.messageBox(options, index => {
                    if (index == 0) {
                        window.open(pg)
                    } else if (index == 2) {
                        utools.db.put({ _id: cv, data: "pass" })
                    }
                })
            }
        })
    }
}

// 切换列表和手册视图
toggleView = () => {
    if ($("#manual").is(":hidden") && $("#mainlist").is(":visible")) {
        $("#manual").fadeIn();
        $("#mainlist").fadeOut();
    } else if ($("#manual").is(":visible") && $("#mainlist").is(":hidden")) {
        $("#manual").fadeOut();
        $("#mainlist").fadeIn();
    }
}

// 加载剩余列表
loadList = listnum => {
    if ($(window).scrollTop() >= (listnum * 50 - 550) && $(".info").length <= listnum) {      
        $("#mainlist").append(window.ResultList.slice(listnum).join(''));
        $('html').getNiceScroll().resize();
    }
}

// 进入插件
utools.onPluginEnter( async ({ code, type, payload }) => {
    init();
    checkUpdate();
    if (code == 'options') {
        window.defaultPage = 0;
        showOptions();
        utools.setSubInput(({ text }) => {
            highlightManual(".keyword", text);
        }, '输入关键词快速查找文档');
    } else if (code == 'dash') {
        utools.setExpendHeight(0);
        utools.setSubInput(({ text }) => {
            window.dashQuery = text;
        }, '输入关键词进行查询,例如 nodejs:fs');
    } else {
        $("#mainlist").fadeIn();
        var allFts = /^dd_/.test(code) ? await getDevdocs() : await getManuals(),
            baseDir,
            assetDir;
        switch (allFts[code].type) {
            case "default":
                baseDir = dirname;
                assetDir = `${baseDir}/assets/${code}/`
                window.dirs = {
                    idxFile: `${baseDir}/index/${code}.json`,
                    docPath: `${baseDir}/docs`,
                }
                break;
            case "custom":
                baseDir = allFts[code].path;
                assetDir = `${baseDir}/${code}/`
                window.dirs = {
                    idxFile: `${baseDir}/${code}.json`,
                    docPath: `${baseDir}`,
                }
                break;
            case "devdocs":
                window.dirs = {
                    docPath: allFts[code].url.slice(0, -11),
                }      
        }
        // 自定义 CSS、JS情况下
        assetDir && window.readDir(assetDir, (err, files) => {
            if (!err) {
                $('[href="assets/manual.css"]').remove();
                files.forEach(file => {
                    $('head').append(`<link rel="stylesheet" href="${assetDir}${file}">`)
                }) 
            }
        })
        // 读取目录文件
        try {
            if (window.dirs.idxFile) {
                var index = await readFile(window.dirs.idxFile);
                index = JSON.parse(index);
            } else {
                var index = utools.db.get(code).data;
            }
            if (type == 'over') {
                showList(payload, index, 500)
            } else {
                showList('', index, 500)
            }
            // 子输入框
            utools.setSubInput(({ text }) => {
                // 列表搜索
                if ($('#manual').is(':hidden')) {
                    // 空格进行多关键词搜索
                    if (text.includes(' ')) {
                        showList(text.split(' ').pop(), window.ResultIndex, 500)
                    } else {
                        showList(text, index, 500);
                    }
                // 手册搜索
                } else {
                    highlightManual("#manual", text);
                }
            }, '输入名称或功能进行查询');
        } catch(e) {
            $("#mainlist").html(e);
        }
    }
});

// 单击列表，显示手册; 中键发送文本
$("#mainlist").on('mousedown', '.info', function (e) {
    if (1 == e.which) {
        var path = $(".select").attr('path');
        path && showManual(path);
    } else if (2 == e.which) {
        sendText($('.select .name').text());
    }
});

// 鼠标滑过列表，高亮
$("#mainlist").on('mousemove', '.info', function () {
    // 鼠标锁 500ms
    var mouseUnlockTime = new Date().getTime();
    if (mouseUnlockTime - window.mouseLockTime > 500) {
        $(".select").removeClass('select');
        $(this).addClass('select');
    }
});  

// 右键单击手册，退出手册; 中键发送文本
$("#manual").on('mousedown', function (e) {
    if (3 == e.which) {
        toggleView();
    } else if (2 == e.which) {
        var select = document.getSelection().toString();
        select && sendText(select);
    }
})

// 手册中a标签
$("#manual").on('mousedown', 'a', function (e) {
    if (1 == e.which) {
        var href = $(this).attr('href');
        /^\#/.test(href) || showManual(href);
    }
});

$(document).on('error', 'img', function () {
    console.log(1);
    $(this).remove();
  });

// 滚动到边界加载列表
$(document).scroll(() => {
    loadList(500);
})

// 按键监听
$(document).keydown(e => {
    switch (e.keyCode) {
        // TAB
        case 9:
            toggleView();
            break;
        // 回车
        case 13:
            // 按住shift键则发送文本
            if (event.shiftKey) {
                if ($('#manual').is(':hidden') && $("#mainlist").is(":visible")) {
                    sendText($('.select .name').text());
                } else if($('#manual').is(':visible') && $("#mainlist").is(":hidden")){
                    var select = document.getSelection().toString();
                    select && sendText(select);
                }
                return;
            } 
            // 列表界面进入手册
            if ($('#manual').is(':hidden') && $("#mainlist").is(":visible")) {
                var path = $(".select").attr('path');
                path && showManual(path);
            // 手册/配置界面搜索下一个
            } else if($('.founds').length){
                if (window.findex > 0) {
                    $(`.founds:eq(${window.findex - 1})`).removeClass('firstFound');
                } else {
                    $('.founds:last').removeClass('firstFound');  
                }
                $(`.founds:eq(${window.findex})`).addClass('firstFound');
                $('.firstFound').get(0).scrollIntoView({ behavior: "smooth", block: "center" });
                if (window.findex == $('.founds').length - 1) {
                    window.findex = 0;
                } else {
                    window.findex += 1;
                }
            // 快速启动 dash
            } else if (window.dashQuery) {
                 window.dash(window.dashQuery);
            }
            break;
        // 上
        case 38:
            let pre = $(".select").prev();
            // 没有到达边界时移动选择条
            if(pre.length != 0){
                if(pre.offset().top < $(window).scrollTop()){
                    $("html").animate({ scrollTop: "-=50" }, 0);
                }
                pre.addClass("select");
                $(".select:last").removeClass("select");
            // 到达边界闪烁移动选择条
            }else{
                $(".select").animate({"opacity":"0.3"}).delay(500).animate({"opacity":"1"})
            }
            break;
        // 下
        case 40:
            let next = $(".select").next();
            // 没有到达边界时移动选择条
            if(next.length !=0){
                if(next.offset().top >= $(window).scrollTop() + 550){
                    $("html").animate({ scrollTop: "+=50" }, 0);
                }
                loadList(500);
                next.addClass("select");
                $(".select:first").removeClass("select");
            // 到达边界闪烁移动选择条
            }else{
                $(".select").animate({"opacity":"0.3"}).delay(500).animate({"opacity":"1"})
            }
            break;
    }
});