var __values = (this && this.__values) || function(o) {
    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
    if (m) return m.call(o);
    if (o && typeof o.length === "number") return {
        next: function () {
            if (o && i >= o.length) o = void 0;
            return { value: o && o[i++], done: !o };
        }
    };
    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __spread = (this && this.__spread) || function () {
    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
    return ar;
};
var urlPrefix = getURLPrefix();
function onTypeChange(node) {
    var e_1, _a, e_2, _b;
    if (node === void 0) { node = null; }
    var select = document.getElementById("typeInput");
    var type = select.value;
    var var1Div = document.getElementById("var1Div");
    var1Div.innerHTML = "";
    var var1Label = document.getElementById("var1Label");
    var var2Div = document.getElementById("var2Div");
    var2Div.innerHTML = "";
    var var2Label = document.getElementById("var2Label");
    var var3Div = document.getElementById("var3Div");
    var3Div.innerHTML = "";
    var var1Value = "";
    var var2Value = "";
    if (node != null) {
        var1Value = node.meta.var1;
        var2Value = node.meta.var2;
    }
    switch (type) {
        case "gurl": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "URL";
            var1Input.placeholder = "https://shopping.website.com";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Input.placeholder = "";
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "gurls": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "-";
            var1Input.placeholder = "From parents";
            var1Input.disabled = true;
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Input.placeholder = "";
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "xpath": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "XPath";
            var1Input.placeholder = "//a[@class='price]";
            var1Div.appendChild(var1Input);
            var select_1 = document.createElement("select");
            select_1.name = "var2";
            select_1.id = "var2Input";
            select_1.classList.add("form-control");
            var innerHTML = document.createElement("option");
            innerHTML.value = "inner";
            innerHTML.innerHTML = "innerHTML";
            select_1.appendChild(innerHTML);
            var attributes = document.createElement("option");
            attributes.value = "attr";
            attributes.innerHTML = "Attributes";
            select_1.appendChild(attributes);
            var node_1 = document.createElement("option");
            node_1.value = "node";
            node_1.innerHTML = "Node";
            select_1.appendChild(node_1);
            var2Div.appendChild(select_1);
            var2Label.innerHTML = "Select";
            if (var2Value == "") {
                select_1.value = "inner";
            }
            else {
                select_1.value = var2Value;
            }
            break;
        }
        case "json": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "JSON";
            var1Input.placeholder = "products.#.price";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "css": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Selector";
            var1Input.placeholder = ".price";
            var1Div.appendChild(var1Input);
            var select_2 = document.createElement("select");
            select_2.name = "var2";
            select_2.id = "var2Input";
            select_2.classList.add("form-control");
            var innerHTML = document.createElement("option");
            innerHTML.value = "inner";
            innerHTML.innerHTML = "innerHTML";
            select_2.appendChild(innerHTML);
            var attributes = document.createElement("option");
            attributes.value = "attr";
            attributes.innerHTML = "Attributes";
            select_2.appendChild(attributes);
            var node_2 = document.createElement("option");
            node_2.value = "node";
            node_2.innerHTML = "Node";
            select_2.appendChild(node_2);
            var2Div.appendChild(select_2);
            var2Label.innerHTML = "Select";
            if (var2Value == "") {
                select_2.value = "inner";
            }
            else {
                select_2.value = var2Value;
            }
            break;
        }
        case "replace": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Regex";
            var1Input.placeholder = "So[mM]e(thing|where)";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = false;
            var2Label.innerHTML = "With";
            var2Div.appendChild(var2Input);
            break;
        }
        case "match": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Regex";
            var1Input.placeholder = "So[mM]e(thing|where)";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "substring": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Substring";
            var1Input.placeholder = ":20,25-40,45,47,49,-20:";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "subset": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Subset";
            var1Input.placeholder = ":20,25-40,45,47,49,-20:";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "contains": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Substring";
            var1Input.placeholder = "some";
            var1Div.appendChild(var1Input);
            var notSelect = document.createElement("select");
            notSelect.name = "var2";
            notSelect.id = "var2Input";
            notSelect.classList.add("form-control");
            var no = document.createElement("option");
            no.value = "false";
            no.innerHTML = "No";
            notSelect.appendChild(no);
            var yes = document.createElement("option");
            yes.value = "true";
            yes.innerHTML = "Yes";
            notSelect.appendChild(yes);
            var2Div.appendChild(notSelect);
            var2Label.innerHTML = "Invert";
            if (var2Value == "true" || var2Value == "false") {
                notSelect.value = var2Value;
            }
            else {
                notSelect.value = "false";
            }
            break;
        }
        case "math": {
            var mathSelect = document.createElement("select");
            mathSelect.name = "var1";
            mathSelect.id = "var1Input";
            mathSelect.classList.add("form-control");
            var mathOptionSum = document.createElement("option");
            mathOptionSum.value = "sum";
            mathOptionSum.innerHTML = "Sum";
            mathSelect.appendChild(mathOptionSum);
            var mathOptionMin = document.createElement("option");
            mathOptionMin.value = "min";
            mathOptionMin.innerHTML = "Min";
            mathSelect.appendChild(mathOptionMin);
            var mathOptionMax = document.createElement("option");
            mathOptionMax.value = "max";
            mathOptionMax.innerHTML = "Max";
            mathSelect.appendChild(mathOptionMax);
            var mathOptionAvg = document.createElement("option");
            mathOptionAvg.value = "average";
            mathOptionAvg.innerHTML = "Average";
            mathSelect.appendChild(mathOptionAvg);
            var mathOptionCount = document.createElement("option");
            mathOptionCount.value = "count";
            mathOptionCount.innerHTML = "Count";
            mathSelect.appendChild(mathOptionCount);
            var mathOptionRound = document.createElement("option");
            mathOptionRound.value = "round";
            mathOptionRound.innerHTML = "Round";
            mathSelect.appendChild(mathOptionRound);
            var1Label.innerHTML = "Function";
            var1Div.appendChild(mathSelect);
            if (var1Value == "") {
                mathSelect.value = "min";
            }
            else {
                mathSelect.value = var1Value;
            }
            mathSelect.onchange = function () { onMathChange(node); };
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            if (mathSelect.value == "round") {
                var2Input.disabled = false;
                var2Label.innerHTML = "Decimals";
            }
            else {
                var2Input.placeholder = "";
                var2Input.disabled = true;
                var2Label.innerHTML = "-";
            }
            var2Div.appendChild(var2Input);
            break;
        }
        case "store": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Input.disabled = true;
            var1Label.innerHTML = "-";
            var1Input.placeholder = "";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "disable": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Input.disabled = true;
            var1Label.innerHTML = "-";
            var1Input.placeholder = "";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "unique": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Input.disabled = true;
            var1Label.innerHTML = "-";
            var1Input.placeholder = "";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "condition": {
            var conditionSelect = document.createElement("select");
            conditionSelect.name = "var1";
            conditionSelect.id = "var1Input";
            conditionSelect.classList.add("form-control");
            var differentThenLast = document.createElement("option");
            differentThenLast.value = "diff";
            differentThenLast.innerHTML = "Different Then Last";
            conditionSelect.appendChild(differentThenLast);
            var lowerThenLast = document.createElement("option");
            lowerThenLast.value = "lowerl";
            lowerThenLast.innerHTML = "Lower Then Last";
            conditionSelect.appendChild(lowerThenLast);
            var lowestEver = document.createElement("option");
            lowestEver.value = "lowest";
            lowestEver.innerHTML = "Lowest Ever";
            conditionSelect.appendChild(lowestEver);
            var lowerThan = document.createElement("option");
            lowerThan.value = "lowert";
            lowerThan.innerHTML = "Lower Than";
            conditionSelect.appendChild(lowerThan);
            var higherThenLast = document.createElement("option");
            higherThenLast.value = "higherl";
            higherThenLast.innerHTML = "Higher Then Last";
            conditionSelect.appendChild(higherThenLast);
            var highestEver = document.createElement("option");
            highestEver.value = "highest";
            highestEver.innerHTML = "Highest Ever";
            conditionSelect.appendChild(highestEver);
            var higherThan = document.createElement("option");
            higherThan.value = "highert";
            higherThan.innerHTML = "Higher Than";
            conditionSelect.appendChild(higherThan);
            conditionSelect.onchange = function () { onConditionChange(); };
            var1Div.appendChild(conditionSelect);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            onConditionChange(node);
            break;
        }
        case "expect": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.type = "number";
            var1Input.value = "1";
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Threshold";
            var1Input.placeholder = "1";
            if (var1Value != "") {
                var1Input.value = var1Value;
            }
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "notify": {
            var var1Input = document.createElement("textarea");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "Template";
            var1Input.placeholder = "{{ .WatchName }} new lowest price: {{ .Price }}!";
            var1Div.appendChild(var1Input);
            var var2Input = document.createElement("select");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.classList.add("form-control");
            try {
                for (var notifiers_1 = __values(notifiers), notifiers_1_1 = notifiers_1.next(); !notifiers_1_1.done; notifiers_1_1 = notifiers_1.next()) {
                    var notifier = notifiers_1_1.value;
                    if (notifier == "") {
                        continue;
                    }
                    var option = document.createElement("option");
                    option.value = notifier;
                    option.innerHTML = notifier;
                    var2Input.appendChild(option);
                }
            }
            catch (e_1_1) { e_1 = { error: e_1_1 }; }
            finally {
                try {
                    if (notifiers_1_1 && !notifiers_1_1.done && (_a = notifiers_1.return)) _a.call(notifiers_1);
                }
                finally { if (e_1) throw e_1.error; }
            }
            if (var2Value == "") {
                var2Input.value = "All";
            }
            else {
                var2Input.value = var2Value;
            }
            var2Div.appendChild(var2Input);
            var2Label.innerHTML = "Notify";
            break;
        }
        case "cron": {
            var var1Input = document.createElement("input");
            var1Input.name = "var1";
            var1Input.id = "var1Input";
            var1Input.value = var1Value;
            var1Input.classList.add("form-control");
            var1Label.innerHTML = "CRON";
            var1Input.placeholder = "30 3-6,20-23 * * *";
            var1Div.appendChild(var1Input);
            var enabledSelect = document.createElement("select");
            enabledSelect.name = "var2";
            enabledSelect.id = "var2Input";
            enabledSelect.classList.add("form-control");
            var enabledOption = document.createElement("option");
            enabledOption.value = "yes";
            enabledOption.innerHTML = "Enabled";
            enabledSelect.appendChild(enabledOption);
            var disabledOption = document.createElement("option");
            disabledOption.value = "no";
            disabledOption.innerHTML = "Disabled";
            enabledSelect.appendChild(disabledOption);
            if (var2Value == "") {
                enabledSelect.value = "yes";
            }
            else {
                enabledSelect.value = var2Value;
            }
            var2Div.appendChild(enabledSelect);
            var2Label.innerHTML = "Enabled";
            break;
        }
        case "brow": {
            var browserlessSelect = document.createElement("select");
            browserlessSelect.name = "var1";
            browserlessSelect.id = "var1Input";
            browserlessSelect.classList.add("form-control");
            var1Label.innerHTML = "Function";
            var gurlOption = document.createElement("option");
            gurlOption.value = "gurl";
            gurlOption.innerHTML = "Get URL";
            browserlessSelect.appendChild(gurlOption);
            var gurlsOption = document.createElement("option");
            gurlsOption.value = "gurls";
            gurlsOption.innerHTML = "Get URLs";
            browserlessSelect.appendChild(gurlsOption);
            var funcOption = document.createElement("option");
            funcOption.value = "func";
            funcOption.innerHTML = "Function";
            browserlessSelect.appendChild(funcOption);
            var funcsOption = document.createElement("option");
            funcsOption.value = "funcs";
            funcsOption.innerHTML = "Function on results";
            browserlessSelect.appendChild(funcsOption);
            var1Div.appendChild(browserlessSelect);
            if (var1Value == "") {
                browserlessSelect.value = "gurl";
            }
            else {
                browserlessSelect.value = var1Value;
            }
            browserlessSelect.onchange = function () { onBrowserlessChange(); };
            onBrowserlessChange(node);
            break;
        }
        case "lua": {
            var var1Input_1 = document.createElement("textarea");
            var1Input_1.name = "var1";
            var1Input_1.id = "var1Input";
            var1Input_1.value = var1Value;
            var1Input_1.classList.add("form-control");
            var1Label.innerHTML = "Template";
            var1Input_1.placeholder = "for i,input in pairs(inputs) do\n\ttable.insert(outputs, input)\nend";
            if (var1Value == "") {
                var1Input_1.value = "for i,input in pairs(inputs) do\n\ttable.insert(outputs, input)\nend";
            }
            var1Input_1.rows = 10;
            var1Div.appendChild(var1Input_1);
            var devCopyA_1 = document.createElement('a');
            var results = node == null ? [] : node.results;
            var luaScript_1 = "inputs = {\"" + results.join('","') + "\"}\noutputs = {}\n\n " + var1Input_1.value;
            devCopyA_1.setAttribute('href', '#');
            devCopyA_1.classList.add("btn", "btn-primary", "btn-sm");
            devCopyA_1.innerHTML = "Copy script with inputs";
            devCopyA_1.onclick = function () {
                if (navigator.clipboard) {
                    navigator.clipboard.writeText(luaScript_1);
                    devCopyA_1.innerHTML = "Script Copied!";
                }
                else {
                    alert("Could not copy script, no secure origin?");
                }
            };
            var1Div.appendChild(devCopyA_1);
            var luaSnippets = new Map([
                ["HTTP GET", "local http = require(\"http\")\nlocal client = http.client()\n\nlocal request = http.request(\"GET\", \"https://api.ipify.org\")\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP POST", "local http = require(\"http\")\nlocal client = http.client()\n\nlocal request = http.request(\"POST\", \"http://httpbin.org/post\", \"{}\")\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP Auth", "local http = require(\"http\")\nlocal client = http.client()\n\nlocal request = http.request(\"GET\", \"http://httpbin.org/basic-auth/gowatch/gowatch123\")\nrequest:set_basic_auth(\"gowatch\", \"gowatch123\")\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP Bearer", "local http = require(\"http\")\nlocal client = http.client()\n\nlocal request = http.request(\"GET\", \"http://httpbin.org/bearer\")\nlocal token = \"gowatch123\"\nrequest:header_set(\"Authorization\", \"Bearer \" .. token)\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP User Agent", "local http = require(\"http\")\nlocal agent = \"GoWatch Crawler\"\nlocal client = http.client({user_agent = agent})\n\nlocal request = http.request(\"GET\", \"http://httpbin.org/headers\")\nrequest:header_set(\"User-Agent\", agent)\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP Proxy", "local http = require(\"http\")\nlocal client = http.client({ proxy = \"http://login:password@hostname.com\" })\n\nlocal request = http.request(\"GET\", \"https://api.ipify.org\")\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, err)\n    error(err)\nend\n\ntable.insert(outputs, result.body)\n                "],
                ["HTTP Browserless", "local http = require(\"http\")\nlocal client = http.client()\n\n# note \" for keys/values\nlocal data = '{\"url\": \"https://api.ipify.org\"}'\nlocal request = http.request(\"POST\", \"http://browserless:3000/content\", data)\nrequest:header_set(\"Content-Type\", \"application/json\")\nlocal result, err = client:do_request(request)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\nif not (result.code == 200) then\n    table.insert(logs, \"Response != 200 - \" .. result.code)\nend\n\ntable.insert(outputs, result.body)        \n                "],
                ["XPath", "local xmlpath = require(\"xmlpath\")\n\nlocal query = \"//td[@class='price']\"\nlocal query, err = xmlpath.compile(query)\nif err then\n    table.insert(logs, err)\n    error(err)\nend\n\nfor i,input in pairs(inputs) do\n    local node, err = xmlpath.load(input)\n    if err then\n        table.insert(logs, err)\n        error(err)\n    end\n    local iter = query:iter(node)\n    for k, v in pairs(iter) do\n        table.insert(outputs, v:string())\n    end\nend\n                "],
                ["strings", "local strings = require(\"strings\")\nfor i,input in pairs(inputs) do\n    table.insert(outputs, strings.trim_space(input))\nend\n                "],
                ["filter", "for i,input in pairs(inputs) do\n    number = tonumber(input)\n    if number % 2 == 0 then\n        table.insert(outputs, input)\n    end\nend\n                "],
            ]);
            var snippetDiv = document.createElement("div");
            snippetDiv.classList.add("d-flex", "flex-wrap");
            var _loop_1 = function (name_1, snippet) {
                var link = document.createElement('a');
                link.setAttribute("href", "#");
                link.classList.add("btn", "btn-outline-secondary", "btn-sm", "xs");
                link.innerHTML = name_1;
                link.onclick = function () { var1Input_1.value = snippet; };
                snippetDiv.appendChild(link);
                var gap = document.createElement("div");
                gap.classList.add("m-1", "xs");
                snippetDiv.appendChild(gap);
            };
            try {
                for (var luaSnippets_1 = __values(luaSnippets), luaSnippets_1_1 = luaSnippets_1.next(); !luaSnippets_1_1.done; luaSnippets_1_1 = luaSnippets_1.next()) {
                    var _c = __read(luaSnippets_1_1.value, 2), name_1 = _c[0], snippet = _c[1];
                    _loop_1(name_1, snippet);
                }
            }
            catch (e_2_1) { e_2 = { error: e_2_1 }; }
            finally {
                try {
                    if (luaSnippets_1_1 && !luaSnippets_1_1.done && (_b = luaSnippets_1.return)) _b.call(luaSnippets_1);
                }
                finally { if (e_2) throw e_2.error; }
            }
            var2Label.innerHTML = "Snippets";
            var3Div.appendChild(snippetDiv);
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Input.disabled = true;
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
    }
}
function onMathChange(node) {
    if (node === void 0) { node = null; }
    var var1Input = document.getElementById("var1Input");
    var var2Input = document.getElementById("var2Input");
    var var2Label = document.getElementById("var2Label");
    var var2Value = "";
    if (node != null) {
        var2Value = node.meta.var2;
    }
    if (var1Input.value == "round") {
        var2Input.disabled = false;
        var2Input.type = "number";
        var2Input.value = var2Value;
        var2Label.innerHTML = "Decimals";
    }
    else {
        var2Input.disabled = true;
        var2Input.type = "text";
        var2Input.value = "";
        var2Label.innerHTML = "-";
    }
}
function onConditionChange(node) {
    var e_3, _a;
    if (node === void 0) { node = null; }
    var var1Input = document.getElementById("var1Input");
    var var1Label = document.getElementById("var1Label");
    var var2Label = document.getElementById("var2Label");
    var var2Div = document.getElementById("var2Div");
    var2Div.innerHTML = "";
    var var1Value = "";
    var var2Value = "";
    if (node != null) {
        var1Value = node.meta.var1;
        var1Input.value = var1Value;
        var2Value = node.meta.var2;
    }
    else {
        var1Value = var1Input.value;
    }
    var1Label.innerHTML = "Condition";
    switch (var1Value) {
        case "lowert": {
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.type = "number";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Label.innerHTML = "Threshold";
            var2Div.appendChild(var2Input);
            break;
        }
        case "highert": {
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.type = "number";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Label.innerHTML = "Threshold";
            var2Div.appendChild(var2Input);
            break;
        }
        default: {
            var filterSelect = document.createElement("select");
            filterSelect.name = "var2";
            filterSelect.id = "var2Input";
            filterSelect.disabled = false;
            filterSelect.classList.add("form-control");
            try {
                for (var _b = __values(_diagram.nodes.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
                    var node_3 = _c.value;
                    if (node_3.type != "store") {
                        continue;
                    }
                    var nodeOption = document.createElement("option");
                    nodeOption.value = node_3.label;
                    nodeOption.innerHTML = node_3.label;
                    filterSelect.appendChild(nodeOption);
                }
            }
            catch (e_3_1) { e_3 = { error: e_3_1 }; }
            finally {
                try {
                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                }
                finally { if (e_3) throw e_3.error; }
            }
            if (var2Value != "") {
                filterSelect.value = var2Value;
            }
            var2Label.innerHTML = "Filter";
            var2Div.appendChild(filterSelect);
            break;
        }
    }
}
function onBrowserlessChange(node) {
    if (node === void 0) { node = null; }
    var var1Input = document.getElementById("var1Input");
    var var1Label = document.getElementById("var1Label");
    var var2Label = document.getElementById("var2Label");
    var var2Div = document.getElementById("var2Div");
    var2Div.innerHTML = "";
    var var3Label = document.getElementById("var3Label");
    var var3Div = document.getElementById("var3Div");
    var3Div.innerHTML = "";
    var var1Value = "";
    var var2Value = "";
    if (node != null) {
        var1Value = node.meta.var1;
        var1Input.value = var1Value;
        var2Value = node.meta.var2;
    }
    else {
        var1Value = var1Input.value;
    }
    var1Label.innerHTML = "Function";
    switch (var1Value) {
        case "gurl": {
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = var2Value;
            var2Input.classList.add("form-control");
            var2Label.innerHTML = "URL";
            var2Div.appendChild(var2Input);
            break;
        }
        case "gurls": {
            var var2Input = document.createElement("input");
            var2Input.name = "var2";
            var2Input.id = "var2Input";
            var2Input.value = "";
            var2Input.disabled = true;
            var2Input.classList.add("form-control");
            var2Label.innerHTML = "-";
            var2Div.appendChild(var2Input);
            break;
        }
        case "func": {
            var var2Input = document.createElement("textarea");
            var2Input.name = "var2Input";
            var2Input.id = "var2Input";
            var2Input.value = "module.exports = async ({ page, context }) => {\n  await page.goto(\"https://192.168.178.254:8000\");\n\n  const data = await page.content();\n\n  return {\n    data,\n    type: 'text/plain', // 'application/html' 'application/json'\n  };\n};";
            var2Input.classList.add("form-control");
            var2Input.rows = 15;
            var2Label.innerHTML = "Code";
            var2Div.appendChild(var2Input);
            if (var2Value != "") {
                var2Input.value = var2Value;
            }
            var3Label.innerHTML = "Help";
            var helpLink1 = document.createElement("a");
            helpLink1.href = "https://www.browserless.io/docs/function";
            helpLink1.innerHTML = "Browserless /Funcion";
            helpLink1.target = "_blank";
            helpLink1.classList.add("btn", "btn-outline-secondary", "btn-sm", "xs");
            var3Div.appendChild(helpLink1);
            var helpLink2 = document.createElement("a");
            helpLink2.href = "https://pptr.dev/api/puppeteer.page";
            helpLink2.innerHTML = "Puppeteer Page";
            helpLink2.target = "_blank";
            helpLink2.classList.add("btn", "btn-outline-secondary", "btn-sm", "xs");
            var3Div.appendChild(helpLink2);
            break;
        }
        case "funcs": {
            var var2Input = document.createElement("textarea");
            var2Input.name = "var2Input";
            var2Input.id = "var2Input";
            var2Input.value = "module.exports = async ({ page, context }) => {\n  const { result } = context;\n  await page.goto(result);\n\n  // click something\n  //await page.click(\"#elem\");\n  \n  // fill input\n  //await page.$eval('#elem', el => el.value = 'some text');\n  \n  // select dropdown\n  // await page.select('#elem', 'value')\n\n  const data = await page.content();\n\n  return {\n    data,\n    type: 'text/plain', // 'application/html' 'application/json'\n  };\n};";
            var2Input.classList.add("form-control");
            var2Input.rows = 15;
            var2Label.innerHTML = "Code";
            var2Div.appendChild(var2Input);
            if (var2Value != "") {
                var2Input.value = var2Value;
            }
            var3Label.innerHTML = "Help";
            var helpLink1 = document.createElement("a");
            helpLink1.href = "https://www.browserless.io/docs/function";
            helpLink1.innerHTML = "Browserless /Funcion";
            helpLink1.target = "_blank";
            helpLink1.classList.add("btn", "btn-outline-secondary", "btn-sm", "xs");
            var3Div.appendChild(helpLink1);
            var helpLink2 = document.createElement("a");
            helpLink2.href = "https://pptr.dev/api/puppeteer.page";
            helpLink2.innerHTML = "Puppeteer Page";
            helpLink2.target = "_blank";
            helpLink2.classList.add("btn", "btn-outline-secondary", "btn-sm", "xs");
            var3Div.appendChild(helpLink2);
            break;
        }
    }
}
function onSubmitNewFilter() {
    var nameInput = document.getElementById("nameInput");
    var name = nameInput.value;
    var selectType = document.getElementById("typeInput");
    var type = selectType.value;
    var var1Input = document.getElementById("var1Input");
    var var2Input = document.getElementById("var2Input");
    _diagram.addNode(Math.max.apply(Math, __spread(Array.from(_diagram.nodes.values()).map(function (n) { return n.id; }), [0])) + 1, _diagram.canvas.width / 2 - _diagram.mouseState.offset.x, _diagram.canvas.height / 2 - _diagram.mouseState.offset.y, name, {
        type: type,
        var1: var1Input.value,
        var2: var2Input.value,
    });
}
function editNode(node) {
    var e_4, _a, e_5, _b;
    var addFilterButton = document.getElementById("filterButton");
    addFilterButton.click();
    var name = node.label;
    var type = node.meta.type;
    var var2 = node.meta.var2;
    if (var2 === undefined) {
        var2 = "";
    }
    var nameInput = document.getElementById("nameInput");
    nameInput.value = name;
    var selectType = document.getElementById("typeInput");
    selectType.value = type;
    onTypeChange(node);
    var submitButton = document.getElementById("submitFilterButton");
    submitButton.innerHTML = "Save";
    var logHeader = document.getElementById("logHeader");
    if (node.logs.length > 0) {
        logHeader.innerHTML = "Logs";
    }
    else {
        logHeader.innerHTML = "";
    }
    var logBody = document.getElementById("logTableBody");
    logBody.innerHTML = "";
    try {
        for (var _c = __values(node.logs), _d = _c.next(); !_d.done; _d = _c.next()) {
            var log = _d.value;
            var row = document.createElement("tr");
            var cell = document.createElement("td");
            var code = document.createElement("code");
            code.innerHTML = log;
            cell.appendChild(code);
            row.appendChild(cell);
            logBody.appendChild(row);
        }
    }
    catch (e_4_1) { e_4 = { error: e_4_1 }; }
    finally {
        try {
            if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
        }
        finally { if (e_4) throw e_4.error; }
    }
    var filterModalFooter = document.getElementById("filterResultsDiv");
    filterModalFooter.innerHTML = "";
    var _loop_2 = function (result) {
        var cardDiv = document.createElement("div");
        cardDiv.classList.add("card", "my-2");
        var cardBody = document.createElement("div");
        cardBody.classList.add("card-body", "text-center");
        var pre = document.createElement("pre");
        var code = document.createElement("code");
        if (result.length > 1500) {
            var showResultLink_1 = document.createElement("a");
            showResultLink_1.href = "#";
            showResultLink_1.onclick = function () { showResultLink_1.innerHTML = result; };
            showResultLink_1.innerHTML = "String of length >1500";
            code = showResultLink_1;
            console.log("code");
        }
        else {
            var cleanResult = result.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
            code.innerHTML = "'" + cleanResult + "'";
        }
        cardDiv.appendChild(cardBody);
        pre.appendChild(code);
        cardBody.appendChild(pre);
        filterModalFooter.appendChild(cardDiv);
    };
    try {
        for (var _e = __values(node.results), _f = _e.next(); !_f.done; _f = _e.next()) {
            var result = _f.value;
            _loop_2(result);
        }
    }
    catch (e_5_1) { e_5 = { error: e_5_1 }; }
    finally {
        try {
            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
        }
        finally { if (e_5) throw e_5.error; }
    }
    submitButton.onclick = function () { submitEditNode(node); };
}
function deleteNode(node) {
    _diagram.nodes.delete(node.id);
    _diagram.connections = _diagram.connections.filter(function (conn) { return !(node.id == conn.input.id || node.id == conn.output.id); });
}
function submitEditNode(node) {
    var nameInput = document.getElementById("nameInput");
    node.label = nameInput.value;
    var selectType = document.getElementById("typeInput");
    node.meta.type = selectType.value;
    var var1Input = document.getElementById("var1Input");
    node.meta.var1 = var1Input.value;
    var var2Input = document.getElementById("var2Input");
    node.meta.var2 = var2Input.value;
    node.fixType();
    node.resize(_diagram.ctx);
    var saveWatchButton = document.getElementById("saveButtonMain");
    saveWatchButton.classList.remove("btn-primary");
    saveWatchButton.classList.add("btn-danger");
}
function saveWatch() {
    var e_6, _a, e_7, _b;
    var watchIdInput = document.getElementById("watch_id");
    var watchId = Number(watchIdInput.value);
    var filters = new Array();
    try {
        for (var _c = __values(_diagram.nodes.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
            var filter = _d.value;
            filters.push({
                filter_watch_id: watchId,
                filter_id: filter.id,
                filter_name: filter.label,
                x: Math.round(filter.x),
                y: Math.round(filter.y),
                filter_type: filter.meta.type,
                var1: filter.meta.var1,
                var2: filter.meta.var2,
            });
        }
    }
    catch (e_6_1) { e_6 = { error: e_6_1 }; }
    finally {
        try {
            if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
        }
        finally { if (e_6) throw e_6.error; }
    }
    var filtersInput = document.getElementById("filtersInput");
    filtersInput.value = JSON.stringify(filters);
    var connections = new Array();
    try {
        for (var _e = __values(_diagram.connections), _f = _e.next(); !_f.done; _f = _e.next()) {
            var connection = _f.value;
            var output = connection.output;
            var input = connection.input;
            connections.push({
                connection_watch_id: watchId,
                filter_output_id: output.id,
                filter_input_id: input.id,
            });
        }
    }
    catch (e_7_1) { e_7 = { error: e_7_1 }; }
    finally {
        try {
            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
        }
        finally { if (e_7) throw e_7.error; }
    }
    var connectionsInput = document.getElementById("connectionsInput");
    connectionsInput.value = JSON.stringify(connections);
    var saveWatchForm = document.getElementById("saveWatchForm");
    saveWatchForm.submit();
}
function addFilterButtonClicked() {
    var submitButton = document.getElementById("submitFilterButton");
    submitButton.onclick = onSubmitNewFilter;
    submitButton.innerHTML = "Add Filter";
    var filterModalFooter = document.getElementById("filterResultsDiv");
    filterModalFooter.innerHTML = "";
    var var1Input = document.getElementById("typeInput");
    var1Input.value = "xpath";
    onTypeChange();
}
function pageInit() {
    var select = document.getElementById("typeInput");
    select.onchange = function () { onTypeChange(); };
    var addFilterButton = document.getElementById("filterButton");
    addFilterButton.onclick = addFilterButtonClicked;
    var saveButtonModal = document.getElementById("saveButtonModal");
    saveButtonModal.onclick = saveWatch;
    var saveButtonMain = document.getElementById("saveButtonMain");
    saveButtonMain.onclick = saveWatch;
}
document.addEventListener('DOMContentLoaded', pageInit, false);
function clearCache() {
    var confirmed = confirm("Do you want to clear the URL cache?");
    if (!confirmed) {
        return;
    }
    fetch(urlPrefix + "cache/clear", {
        method: "POST"
    }).then(function (response) {
        if (response.ok) {
            window.location.reload();
        }
        else {
            alert("Could not clear cache");
        }
    });
}
function clearCacheButtonInit() {
    var clearCacheButton = document.getElementById("clearCacheButton");
    clearCacheButton.onclick = clearCache;
}
document.addEventListener('DOMContentLoaded', clearCacheButtonInit, false);
//# sourceMappingURL=edit.js.map