import utils from "../../assets/javascripts/utils.js" import localise from "../../assets/javascripts/localise.js" let config, options, divs = {} for (const a of document.getElementById("links").getElementsByTagName("a")) { a.addEventListener("click", e => { const path = a.getAttribute("href").replace("#", "") loadPage(path) e.preventDefault() }) } config = await utils.getConfig() options = await utils.getOptions() function changeFrontendsSettings(service) { for (const frontend in config.services[service].frontends) { if (config.services[service].frontends[frontend].instanceList) { const frontendDiv = document.getElementById(frontend) if (typeof divs[service].frontend !== "undefined") { if (frontend == divs[service].frontend.value) { frontendDiv.style.display = "block" } else { frontendDiv.style.display = "none" } } } } } function loadPage(path) { for (const section of document.getElementById("pages").getElementsByTagName("section")) section.style.display = "none" document.getElementById(`${path}_page`).style.display = "block" for (const a of document.getElementById("links").getElementsByTagName("a")) { if (a.getAttribute("href") == `#${path}`) { a.classList.add("selected") } else { a.classList.remove("selected") } } window.history.pushState({ id: "100" }, "Page 2", `/pages/options/index.html#${path}`) if (path != 'general' && path != 'about') { const service = path; divs[service] = {} for (const option in config.services[service].options) { divs[service][option] = document.getElementById(`${service}-${option}`) if (typeof config.services[service].options[option] == "boolean") divs[service][option].checked = options[service][option] else divs[service][option].value = options[service][option] divs[service][option].addEventListener("change", async () => { let options = await utils.getOptions() if (typeof config.services[service].options[option] == "boolean") options[service][option] = divs[service][option].checked else options[service][option] = divs[service][option].value browser.storage.local.set({ options }) changeFrontendsSettings(service) }) } const frontend_name_element = document.getElementById(`${service}_page`).getElementsByClassName("frontend_name")[0] if (divs[service].frontend) { frontend_name_element.href = config.services[service].frontends[divs[service].frontend.value].url } else { frontend_name_element.href = Object.values(config.services[service].frontends)[0].url } if (Object.keys(config.services[service].frontends).length > 1) { changeFrontendsSettings(service) } for (const frontend in config.services[service].frontends) { if (config.services[service].frontends[frontend].instanceList) { processCustomInstances(frontend, document) } } !async function () { const blacklist = await utils.getBlacklist() const redirects = await utils.getList() for (const frontend in config.services[service].frontends) { if (config.services[service].frontends[frontend].instanceList) { createList(frontend, config.networks, document, redirects, blacklist) } } }() } } async function processCustomInstances(frontend, document) { let options = await utils.getOptions() let customInstances = options[frontend] function calcCustomInstances() { document.getElementById(frontend).getElementsByClassName("custom-checklist")[0].innerHTML = customInstances .map( x => `
${x}

` ) .join("\n") customInstances = options[frontend] for (const item of customInstances) { document.getElementById(frontend).getElementsByClassName(`clear-${item}`)[0].addEventListener("click", async () => { let index = customInstances.indexOf(item) if (index > -1) customInstances.splice(index, 1) options = await utils.getOptions() options[frontend] = customInstances browser.storage.local.set({ options }, () => calcCustomInstances()) }) } } calcCustomInstances() document.getElementById(frontend).getElementsByClassName("custom-instance-form")[0].addEventListener("submit", async event => { event.preventDefault() let frontendCustomInstanceInput = document.getElementById(frontend).getElementsByClassName("custom-instance")[0] let url try { url = new URL(frontendCustomInstanceInput.value) } catch (error) { return } let protocolHostVar = utils.protocolHost(url) if (frontendCustomInstanceInput.validity.valid) { if (!customInstances.includes(protocolHostVar)) { customInstances.push(protocolHostVar) options = await utils.getOptions() options[frontend] = customInstances browser.storage.local.set({ options }, () => { frontendCustomInstanceInput.value = "" calcCustomInstances() }) } } }) } function createList(frontend, networks, document, redirects, blacklist) { for (const network in networks) { if (redirects[frontend]) { if (redirects[frontend][network].length > 0) { document.getElementById(frontend).getElementsByClassName(network)[0].getElementsByClassName("checklist")[0].innerHTML = [ `

${utils.camelCase(network)}

`, ...redirects[frontend][network] .sort((a, b) => (blacklist.cloudflare.includes(a) && !blacklist.cloudflare.includes(b)) ) .map(x => { const cloudflare = blacklist.cloudflare.includes(x) ? ` cloudflare ` : "" const warnings = [cloudflare].join(" ") return `
${x}${warnings}
` }), '
' ].join("\n
\n") } } else { document.getElementById(frontend).getElementsByClassName(network)[0].getElementsByClassName("checklist")[0].innerHTML = `
No instances found.
` break } } } const r = window.location.href.match(/#(.*)/) if (r) loadPage(r[1]) else loadPage("general")