var code = {
    showmap: false,
    keymap: [],
    inputs: [],
    ninput: 0,

    quick_txt: false,
    ntext: 1,

    ncommand: 1,
    show_result: true,
    show_height: "30px",
    hide_height: "14px",
    scroll_x: 50,
    scroll_y: 50,
    current_cmd: "",
}

function save_clipboard(item) {
    var txt = []
    var li = item.parentElement.children
    for (var i = 0; i < li.length; i++) {
        if (li[i].dataset["text"]) {
            txt.push(li[i].dataset["text"])
        }
    }

    context.GET("", {
        "componet_bench": context.Search("bench"),
        "componet_group": "index",
        "componet_name": "command",
        "cmd": "bench "+context.Search("bench")+".clipstack"+" '"+JSON.stringify(txt)+"'"
    }, function(msg) {
        alert("保存成功")
    })
}
function copy_to_clipboard(text, skip_docker) {
    var clipboard = modify_node(".clipboard", {"value": text})
    clipboard.select()
    document.execCommand("copy")
    clipboard.blur()

    var clipstack = document.querySelector("#clipstack")
    insert_child(clipstack, "option").value = text
    clipstack.childElementCount > 3 && clipstack.removeChild(clipstack.lastElementChild)

    if (skip_docker) {
        return
    }

    var txt = document.querySelector("div.workflow>ul>li>ul.txt")
    var target = append_child(txt, "li", {
        "innerText": format_date(new Date())+" "+(code.ntext++)+": "+text,
        "dataset": {
            "text": text,
            "action": "copy_txt",
        },
        "onclick": function(event) {
            if (event.altKey) {
                target.parentElement.removeChild(target)
                return
            }
            if (event.shiftKey) {
                var cmd = document.querySelector("form.option.command"+code.current_cmd+" input[name=cmd]")
                cmd && (cmd.value += " "+text)
                return
            }
            copy_to_clipboard(text, true)
        },
    })
}
function add_keymap(input) {
    if (code.ninput < code.keymap.length && input.style.display != "none") {
        input.title = "keymap: "+code.keymap[code.ninput]
        input.dataset["keymap"] = code.keymap[code.ninput]
        insert_before(input, "label", {
            "innerText": "("+code.keymap[code.ninput]+")",
            "className": "keymap" + (code.showmap? " show": " hide"),
        })
        code.inputs[code.keymap[code.ninput++]] = input
    }
    return input
}
function add_sort(append, field, cb) {
    append.onclick = function(event) {
        var target = event.target
        var dataset = target.dataset
        var nodes = target.parentElement.childNodes
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i] == target) {
                if (target.tagName == "TH") {
                    dataset["sort_asc"] = (dataset["sort_asc"] == "1") ? 0: 1
                    sort_table(append, i, dataset["sort_asc"] == "1")
                } else if (target.tagName == "TD") {
                    var tr = target.parentElement.parentElement.querySelector("tr")
                    if (tr.childNodes[i].innerText.startsWith(field)) {
                        typeof cb == "function" && cb(event)
                    }
                    var has = document.querySelector("td.clip")
                    has && (has.className = "")
                    target.className = "clip"
                    copy_to_clipboard(target.innerText, !event.shiftKey)
                }
            }
        }
    }
}
function del_command(target) {
    var can_remove = false
    var order = -1
    for (var p = target; p.parentElement && p.tagName != "FIELDSET"; p = p.parentElement) {
        if (p.tagName == "FORM" && p.dataset["componet_name_alias"]) {
            can_remove = true
            order = p.dataset["componet_name_order"]
        }
    }
    if (p && can_remove) {
        p.parentElement.removeChild(p)
    }

    for (;order < code.ncommand; order++) {
        var input = document.querySelector("form.option.command"+order+" input[name=cmd]")
        if (input) {
            input.focus()
            return
        }
    }
    for (;order >= 0; order--) {
        var input = document.querySelector("form.option.command"+(order? order: "")+" input[name=cmd]")
        code.ncommand = order+1
        if (input) {
            input.focus()
            return
        }
    }
}
function shrink_command_result() {
    code.show_result = !code.show_result
    document.querySelectorAll("form.option input[name=cmd]").forEach(function(input) {
        for (var command = input; command.tagName != "FIELDSET"; command = command.parentElement) {}
        var append = command.querySelector("table.append")
        var result = command.querySelector("code.result pre")
        // append.style.display = (code.show_result||!append.querySelector("tr"))? "": "none"
        result.style.height = (code.show_result||result.innerText=="")? "": code.show_height
    })
}
function add_command(init) {
    var order = code.ncommand
    var name = "command"+code.ncommand++

    var fieldset = append_child(document.querySelector("body"), "fieldset")
    append_child(fieldset, "legend", {"innerText": name})

    var option = append_child(fieldset, "form", {
        "className": "option "+name,
        "dataset": {
            "componet_group": "index",
            "componet_name": "command",
            "componet_bench": context.Search("bench"),
            "componet_name_alias": name,
            "componet_name_order": order,
        }
    })

    append_child(option, "input", {"style": {"display": "none"}})
    add_keymap(append_child(option, "input", {
        "name": "cmd", "className": "cmd",
        "onkeyup": function(event) {onaction(event, "input")},
        "onfocus": function(event) {code.current_cmd=order}
    })).focus()

    add_sort(append_child(fieldset, "table", {"className": "append "+name}))
    append_child(append_child(fieldset, "code", {"className": "result "+name}), "pre")

    if (init) {
        return fieldset
    }

    var cmds = document.querySelector("div.workflow ul.cmd")
    var cmd = append_child(cmds, "li", {
        "innertText": order+": ",
        "className": name,
        "dataset": {
            "cmd": order,
        }
    })
    return fieldset
}

function send_command(form, cb) {
    var data = {}
    for (var key in form.dataset) {
        data[key] = form.dataset[key]
    }
    for (var i = 0; i < form.length; i++) {
        data[form[i].name] = form[i].value
    }

    var order = (data["componet_name_order"]||"")
    var cmd = document.querySelector("div.workflow>ul>li>ul>li.command"+order)
    cmd && (cmd.innerText = format_date(new Date())+" "+order+": "+data["cmd"])

    context.GET("", data, function(msg) {
        msg = msg[0]

        var name = data["componet_name_alias"] || data["componet_name"]
        var result = document.querySelector("code.result."+name+" pre")
        var append = document.querySelector("table.append."+name)

        if (result && msg) {
            if (msg["Content-Type"] && msg["Content-Type"].join("") == "text/html") {
                append_child(result, "iframe").innerHTML = (msg.result || []).join("")
            } else {
                result.innerHTML = (msg.result || []).join("")
            }
        }
        if (append && msg) {
            append.innerHTML = ""
            if (msg.append) {
                var tr = append_child(append, "tr")
                for (var i = 0; i < msg.append.length; i++) {
                    append_child(tr, "th", msg.append[i]+"("+(i+1)+")")
                }

                var ncol = msg.append.length
                var nrow = msg[msg.append[0]].length
                for (var i = 0; i < nrow; i ++) {
                    var tr = append_child(append, "tr")
                    for (var k in msg.append) {
                        append_child(tr, "td", msg[msg.append[k]][i])
                    }
                }
            }
        }

        typeof(cb) == "function" && cb(msg)
    })
}

function check_option(form, target) {
    for (var i = 0; i < form.length-1; i++) {
        if (form[i] == target) {
            if (form[i+1].type == "button") {
                form[i+1].click()
            } else {
                form[i+1].focus()
            }
            return false
        }
    }
    send_command(form)
}
function add_history(input, cmd) {
    var dataset = event.target.dataset
    var history = JSON.parse(input.dataset["history"] || "[]")
    if (history.length == 0 || cmd != history[history.length-1]) {
        history.push(cmd)
    }
    dataset["history_last"] = history.length-1
    dataset["history"] = JSON.stringify(history)
}
function get_history(input, index, cmd) {
    var history = JSON.parse(input.dataset["history"] || "[]")
    var last = input.dataset["history_last"]
    if (last >= 0 && last < history.length) {
        last = (parseInt(last)+index+history.length) % history.length
        input.dataset["history_last"] = last
        cmd = history[last]
    }
    return cmd
}

function sort_table(table, index, sort_asc) {
    var list = table.querySelectorAll("tr")
    var new_list = []

    var is_time = true
    var is_number = true
    for (var i = 1; i < list.length; i++) {
        var value = Date.parse(list[i].childNodes[index].innerText)
        if (!(value > 0)) {
            is_time = false
        }

        var value = parseInt(list[i].childNodes[index].innerText)
        if (!(value >= 0 || value <= 0)) {
            is_number = false
        }

        new_list.push(list[i])
    }

    var sort_order = ""
    if (is_time) {
        if (sort_asc) {
            method = function(a, b) {return Date.parse(a) > Date.parse(b)}
            sort_order = "time"
        } else {
            method = function(a, b) {return Date.parse(a) < Date.parse(b)}
            sort_order = "time_r"
        }
    } else if (is_number) {
        if (sort_asc) {
            method = function(a, b) {return parseInt(a) > parseInt(b)}
            sort_order = "int"
        } else {
            method = function(a, b) {return parseInt(a) < parseInt(b)}
            sort_order = "int_r"
        }
    } else {
        if (sort_asc) {
            method = function(a, b) {return a > b}
            sort_order = "str"
        } else {
            method = function(a, b) {return a < b}
            sort_order = "str_r"
        }
    }

    list = new_list
    new_list = []
    for (var i = 0; i < list.length; i++) {
        list[i].parentElement && list[i].parentElement.removeChild(list[i])
        for (var j = i+1; j < list.length; j++) {
            if (typeof method == "function" && method(list[i].childNodes[index].innerText, list[j].childNodes[index].innerText)) {
                var temp = list[i]
                list[i] = list[j]
                list[j] = temp
            }
        }
        new_list.push(list[i])
    }

    for (var i = 0; i < new_list.length; i++) {
        table.appendChild(new_list[i])
    }
    return sort_order
}

function onaction(event, action, arg) {
    var target = event.target
    var dataset = target.dataset

    switch (action) {
        case "workflow":
            break
        case "scroll":
            var body = document.getElementsByTagName("body")[0]
            if (target.tagName == "BODY") {
                switch (event.key) {
                    case "h":
                        if (event.ctrlKey) {
                            window.scrollBy(-code.scroll_x*10, 0)
                        } else {
                            window.scrollBy(-code.scroll_x, 0)
                        }
                        break
                    case "H":
                        window.scrollBy(-body.scrollWidth, 0)
                        break
                    case "l":
                        if (event.ctrlKey) {
                            window.scrollBy(code.scroll_x*10, 0)
                        } else {
                            window.scrollBy(code.scroll_x, 0)
                        }
                        break
                    case "L":
                        window.scrollBy(body.scrollWidth, 0)
                        break
                    case "j":
                        if (event.ctrlKey) {
                            window.scrollBy(0, code.scroll_y*10)
                        } else {
                            window.scrollBy(0, code.scroll_y)
                        }
                        break
                    case "J":
                        window.scrollBy(0, body.scrollHeight)
                        break
                    case "k":
                        if (event.ctrlKey) {
                            window.scrollBy(0, -code.scroll_y*10)
                        } else {
                            window.scrollBy(0, -code.scroll_y)
                        }
                        break
                    case "K":
                        window.scrollBy(0, -body.scrollHeight)
                        break
                }
            }
            return
        case "keymap":
            if (target.tagName == "INPUT" && target.type == "text") {
                return
            }
            switch (event.key) {
                case "g":
                    document.querySelectorAll("form.option label.keymap").forEach(function(item) {
                        code.showmap = !(item.className == "keymap show")
                        item.className = code.showmap? "keymap show": "keymap hide"
                    })
                    break
                case "m":
                    add_command()
                    break
                case "z":
                    shrink_command_result()
                    break
                case "s":
                    save_clipboard(document.querySelector("div.workflow>ul>li>ul.txt>li[data-action=save_txt"))
                    break
                case "y":
                    copy_to_clipboard(prompt("text"))
                    break
                case "r":
                    location.reload()
                    break
                case "t":
                    location.search = ""
                    break
                case "0":
                    document.querySelector("form.option.command input[name=cmd]").focus()
                    break
                case "1":
                case "2":
                case "3":
                case "4":
                case "5":
                case "6":
                case "7":
                case "8":
                case "9":
                    document.querySelector("form.option.command"+event.key+" input[name=cmd]").focus()
                    break
                default:
                    if (code.inputs[event.key]) {
                        code.inputs[event.key].focus()
                    }
                    break
            }
            break
        case "command":
            check_option(target.form, target)
            break
        case "click":
            if (target.nodeName == "INPUT" && event.altKey) {
                var board = document.querySelector(".clipboard")
                target.value = board.value
                check_option(target.form, target)
            }
            break
        case "input":
            if (event.key == "Escape") {
                target.blur()
                break
            }
            if (event.key == "Enter") {
                check_option(target.form, target)
                add_history(target, target.value)
                break
            }

            for (var command = target; command.tagName != "FIELDSET"; command = command.parentElement) {}
            var option = command.querySelector("form.option")
            var append = command.querySelector("table.append")
            var result = command.querySelector("code.result pre")

            if (event.ctrlKey) {
// yt
                switch (event.key) {
                    case "1":
                    case "2":
                    case "3":
                    case "4":
                    case "5":
                    case "6":
                    case "7":
                    case "8":
                    case "9":
                        if (code.quick_txt) {
                            var item = document.querySelectorAll("div.workflow>ul>li>ul.txt>li[data-text]")
                            target.value += item[parseInt(event.key)-1].dataset["text"]
                        } else {
                            var item = document.querySelectorAll("table.append.command"+(parseInt(option.dataset.componet_name_order)-1)+" td")
                            if (event.shiftKey) {
                                var item = document.querySelectorAll("table.append.command1 td")
                            }
                            target.value += item[parseInt(event.key)-1].innerText
                        }
                        break
                    case "0":
                        var pre_pre = document.querySelector("code.result.command"+(parseInt(option.dataset.componet_name_order)-1)+" pre")
                        target.value += pre_pre.innerText
                        break
                    case "a":
                    case "e":
                    case "b":
                    case "f":
                        break
                    case "h":
                    case "d":
                    case "k":
                        break
                    case "w":
                        var value = target.value
                        var space = value.length > 0 && value[value.length-1] == ' '
                        for (var i = value.length-1; i > -1; i--) {
                            if (space) {
                                if (value[i] != ' ') {
                                    break
                                }
                            } else {
                                if (value[i] == ' ') {
                                    break
                                }
                            }
                        }

                        target.dataset["old_string"] = value.substr(i+1, value.length)
                        target.value = value.substr(0, i+1)
                        break
                    case "u":
                        if (target.value != "") {
                            target.dataset["old_string"] = target.value
                        }
                        target.value = ""
                        break
                    case "v":
                        target.value += target.dataset["old_string"] || ""
                        break
                    case "g":
                        var value = target.value
                        var search = []
                        document.querySelectorAll("form.option input[name=cmd]").forEach(function(input) {
                            if (input.value.startsWith(value)) {
                                search.push(input.value)
                            }
                        })
                        if (search) {
                            target.value = search[0]
                        }
                        break
                    case "j":
                        check_option(target.form, target)
                        add_history(target, target.value)
                        break
                    case "p":
                        target.value = get_history(target, -1, target.value)
                        break
                    case "n":
                        target.value = get_history(target, 1, target.value)
                        break
                    case "c":
                        append.innerHTML = ""
                        result.innerHTML = ""
                        break
                    case "z":
                        // append.style.display = (result.style.height||!append.querySelector("tr"))? "": "none"
                        result.style.height = result.style.height? "": code.show_height
                        break
                    case "x":
                        result.style.height = result.style.height? "": code.hide_height
                        break
                    case "s":
                        copy_to_clipboard(result.innerText)
                        break
                    case "r":
                        append.innerHTML = ""
                        result.innerHTML = ""
                        check_option(option)
                        break
                    case "l":
                        window.scrollTo(0, command.offsetTop)
                        break
                    case "i":
                        for (var order = (parseInt(option.dataset["componet_name_order"])||0)+1; order < code.ncommand; order++) {
                            var input = document.querySelector("form.option.command"+order+" input[name=cmd]")
                            if (input) {
                                input.focus()
                                return
                            }
                        }
                        break
                    case "o":
                        for (var order = parseInt(option.dataset["componet_name_order"])-1; order >= 0; order--) {
                            var input = document.querySelector("form.option.command"+(order? order: "")+" input[name=cmd]")
                            if (input) {
                                input.focus()
                                return
                            }
                        }
                        break
                    case "m":
                        add_command()
                        break
                    case "q":
                        del_command(event.target)
                        break
                }
            }
            if (dataset["last_char"] == "j" && event.key == "k") {
                target.value = target.value.substr(0, target.value.length-2)
                target.blur()
            }

            dataset["last_char"] = event.key
            return false
    }
}

function init_option() {
    code.inputs = {}
    code.ninput = 0
    code.keymap =[]
    for (var i = 97; i < 123; i++) {
        switch (i) {
            case "g".charCodeAt(0):
            case "j".charCodeAt(0):
            case "k".charCodeAt(0):
            case "h".charCodeAt(0):
            case "l".charCodeAt(0):
            case "z".charCodeAt(0):
            case "m".charCodeAt(0):
                continue
        }
        code.keymap.push(String.fromCharCode(i))
    }
    document.querySelectorAll("form.option input").forEach(add_keymap)
}
function init_append(event) {
    var append = document.querySelectorAll("table.append").forEach(add_sort)
}
function init_result(event) {
    var result = document.querySelectorAll("code.result pre").forEach(function(item) {
        item.onclick = function(event) {
            // copy_to_clipboard(event.target.innerText)
        }
    })
}
function init_download(event) {
    var option = document.querySelector("form.option.dir")
    var append = document.querySelector("table.append.dir")
    if (!append) {return}

    function change(dir, show, run) {
        if ((dir.endsWith(".sh") || dir.endsWith(".shy") || dir.endsWith(".py")) && !show) {
            var command = document.querySelector("form.option.command")
            var cmd = command["cmd"]
            cmd.value = "run "+ dir.split("/").pop()
            cmd.focus()
            if (run) {
                check_option(command)
            }
            return
        }

        option["dir"].value = dir
        if (dir == "" || dir.endsWith("/")) {
            context.Cookie("download_dir", option["dir"].value)
        }
        send_command(option)
        option["dir"].value = context.Cookie("download_dir")

    }
    insert_button(append, "root", function(event) {
        change("")
    })
    insert_button(append, "back", function(event) {
        var path = option["dir"].value.split("/")
        while (path.pop() == "") {}
        change(path.join("/")+(path.length? "/": ""))
    })

    var sort_order = option["sort_order"]
    var sort_field = option["sort_field"]
    sort_field.innerHTML = ""
    sort_field.onchange = function(event) {
        switch (event.target.selectedOptions[0].value) {
            case "filename":
            case "type":
                sort_order.value = (sort_order.value == "str")? "str_r": "str"
                break
            case "line":
            case "size":
                sort_order.value = (sort_order.value == "int")? "int_r": "int"
                break
            case "time":
                sort_order.value = (sort_order.value == "time")? "time_r": "time"
                break
        }
        send_command(option)
    }

    var th = append.querySelectorAll("th")
    for (var i = 0; i < th.length; i++) {
        var value = th[i].innerText.trim()
        var opt = append_child(sort_field, "option", {
            "value": value, "innerText": value,
        })
    }

    (option["dir"].value = context.Search("download_dir")) && send_command(option)

    add_sort(append, "filename", function(event) {
        var dir = event.target.innerText
        if (option["dir"].value && !option["dir"].value.endsWith("/")) {
            change(option["dir"].value+"/"+dir, event.altKey, event.shiftKey)
        } else {
            change(option["dir"].value+dir, event.altKey, event.shiftKey)
        }
    })
}
function init_context() {
    var option = document.querySelector("form.option.ctx")
    var append = document.querySelector("table.append.ctx")
    if (!append) {return}

    function change(ctx) {
        option["ctx"].value = ctx
        send_command(option)
        context.Cookie("current_ctx", option["ctx"].value)
        return ctx
    }

    var contexts = ["ctx", "shy", "web", "mdb"]
    for (var i = 0; i < contexts.length; i++) {
        insert_button(append, contexts[i], function(event) {
            change(event.target.value)
        })
    }
    add_sort(append, "name", function(event) {
        change(event.target.innerText.trim())
    })
}

function init_command() {
    var option = document.querySelector("form.option.command")
    var append = document.querySelector("table.append.command")
    var result = document.querySelector("code.result.command pre")
    if (!append) {return}

    insert_button(append, "online", function(event) {
        option["cmd"].value += " cmd_env IS_PROD_RUNTIME 1"
        option["cmd"].focus()
        send_command(option)
    })
    insert_button(append, "clear", function(event) {
        option["cmd"].value = ""
        result.innerHTML = ""
        append.innerHTML = ""
    })
    insert_button(append, "exec", function(event) {
        send_command(option)
    })
    insert_button(append, "add", function(event) {
        add_command()
    })
}

function init_userinfo() {
    var option = document.querySelector("form.option.userinfo")
    var append = document.querySelector("table.append.userinfo")
    if (!append) {return}

    insert_button(append, "logout", function(event) {
        context.Cookie("sessid", "")
        location.reload()
    })
}

function init_bench() {
    var max = 0
    for (var k in bench.commands) {
        if (parseInt(k) > max) {
            max = parseInt(k)
        }
    }

    if (bench.commands[""]) {
        var option = document.querySelector("form.option.command")
        var cmd = option.querySelector("input[name=cmd]")
        cmd.value = bench.commands[""].cmd.join(" ")
        check_option(option)
    }

    for (var i = 1; i <= max; i++) {
        var fieldset = add_command(true)
        if (bench.commands[i]) {
            var cmd = fieldset.querySelector("input[name=cmd]")
            cmd.value = bench.commands[i].cmd.join(" ")
            var option = fieldset.querySelector("form.option")
            check_option(option)
            var option = fieldset.querySelector("form.option")
        }
    }
}

function init_docker() {
    // 移动
    document.querySelectorAll("div.workflow").forEach(function(item) {
        var moving = false
        item.onclick = function(event) {
            if (event.target != item) {
                return
            }
            moving = !moving
        }
        item.onmousemove = function(event) {
            if (event.target != item) {
                return
            }
            if (moving) {
                item.style.left = (item.offsetLeft+event.movementX)+"px"
                item.style.top = (item.offsetTop+event.movementY)+"px"
                context.Cookie("docker_left", item.style.left)
                context.Cookie("docker_top", item.style.top)
            }
        }
        item.style.left = context.Cookie("docker_left")
        item.style.top = context.Cookie("docker_top")
    })
    // 固定
    document.querySelectorAll("div.workflow>div").forEach(function(item) {
        item.onclick = function(event) {
            item.dataset["show"] = !right(item.dataset["show"])
            item.parentElement.className = right(item.dataset["show"])? "workflow max": "workflow"
            context.Cookie("docker_class", item.parentElement.className)
        }
        if (context.Cookie("docker_class")) {
            item.parentElement.className = context.Cookie("docker_class")
        }
    })
    // 折叠
    document.querySelectorAll("ul.docker>li>span").forEach(function(item) {
        item.onclick = function(event) {
            item.dataset["hide"] = !right(item.dataset["hide"])
            item.nextElementSibling.style.display = right(item.dataset["hide"])? "none": ""
        }
    })

    var txt = bench.clipstack
    if (txt) {
        text = JSON.parse(txt)
        for (var i = 0; i < text.length; i++) {
            copy_to_clipboard(text[i])
        }
    }
    // 事件
    document.querySelectorAll("ul.docker>li>ul>li").forEach(function(item) {
        item.onclick = function(event) {
            var target = event.target
            var data = item.dataset
            switch (data["action"]) {
                case "quick_txt":
                    code.quick_txt = !code.quick_txt
                    target.className= code.quick_txt? "quick": ""
                    break
                case "copy_txt":
                    if (event.altKey) {
                        target.parentElement.removeChild(target)
                        return
                    }
                    if (event.shiftKey) {
                        var cmd = document.querySelector("form.option.command"+code.current_cmd+" input[name=cmd]")
                        cmd && (cmd.value += " "+text)
                        return
                    }
                    copy_to_clipboard(data["text"], true)
                    break
                case "save_txt":
                    save_clipboard(item)
                    return
                case "create_txt":
                    copy_to_clipboard(prompt("text"))
                    return
                case "shrink_cmd":
                    shrink_command_result()
                    return
                case "create_cmd":
                    add_command()
                    return
                case "refresh_fly":
                    location.reload()
                    return
                case "create_fly":
                    location.search = ""
                    return
                case "rename_fly":
                    context.GET("", {
                        "componet_bench": context.Search("bench"),
                        "componet_group": "index",
                        "componet_name": "command",
                        "cmd": "bench "+context.Search("bench")+".comment"+" "+prompt("name"),
                    })
                    location.reload()
                    return
            }
            if (data["key"] && context.Search("bench") != data["key"]) {
                context.Search("bench", data["key"])
                return
            }
            var cmd = document.querySelector("form.option.command"+data["cmd"]+" input[name=cmd]")
            cmd && cmd.focus()
        }
    })
}

window.onload = function() {
    init_option()
    init_append()
    init_result()
    init_download()
    init_context()
    init_command()
    init_userinfo()
    init_bench()
    init_docker()
}