function normalizeUrl(url) {
    if (url.indexOf("http://") == -1 && url.indexOf("https://") == -1) {
        url = "https://" + url;
    }
    if (url.charAt(url.length - 1) !== '/'){
        url = url + "/";
    }
    return url;
}

const instance = document.getElementById('instance');
const choose_instance = document.getElementById('choose_instance');
var prefillInstance = window.localStorage.getItem('mastodon_instance');

var paramPairs = window.location.search.substr(1).split('&');
var paramPairsLength = paramPairs.length;

for (var i = 0; i < paramPairsLength; i++) {
    var paramPair = paramPairs[i].split('=');
    if (paramPair[0] === 'text') {
        document.getElementById('text').value = decodeURIComponent(paramPair[1]);
    } else if (paramPair[0] === 'instance') {
        prefillInstance = decodeURIComponent(paramPair[1]);
    }
}
delete i
delete paramPair

function add_instance(text, disabled, selected, value) {
    const opt = document.createElement('option');
    opt.innerText = text;
    if (disabled) {
        opt.setAttribute('disabled', true);
    }
    if (selected) {
        opt.setAttribute('selected', true);
    }
    if (value !== undefined) {
        opt.value = value;
    }
    choose_instance.appendChild(opt);
}

function add_loading_instance() {
    add_instance("... loading ...", true);
}

function remove_loading_instance() {
    const last_index = choose_instance.children.length - 1;
    const last_entry = choose_instance.children[last_index];

    if (last_entry.innerText === "... loading ...") {
        last_entry.remove();
    }
}

function parseUrl(url) {
    const parser = document.createElement('a');
    parser.href = url;
    return parser;
}

if (prefillInstance != null) {
    const url = normalizeUrl(prefillInstance);
    instance.value = url;
    add_instance(parseUrl(url).hostname, false, true);
}

choose_instance.addEventListener('focus', function (e) {
    if (choose_instance.children.length < 3) {
        remove_loading_instance();
        add_loading_instance();
        fetch('https://api.joinmastodon.org/servers')
          .then(response => {
              if (!response.ok) {
                  throw new Error('Failure response from joinmastodon.');
              }
              return response.json();
          })
          .then(servers => {
              const chosen_instance = choose_instance.value;
              const domains = servers.map(obj => obj.domain);
              if (domains.indexOf(chosen_instance) === -1) {
                  domains.push(chosen_instance);
              }
              domains.sort();

              choose_instance.innerHTML = "";
              add_instance("-- Choose an instance --", false, false, "")
              for (const domain of domains) {
                  const selected = (domain === chosen_instance);
                  add_instance(domain, false, selected);
              }
          })
          .catch(error => {
              choose_instance.innerHTML = "";
              add_instance("-- LOADING FAILED! --", true, false, "");
              console.error(
                'Failed to fetch servers list from joinmastodon.', error);
          });
    }
})

choose_instance.addEventListener('change', function (e) {
    instance.value = normalizeUrl(choose_instance.value);
});

document
  .getElementById('form')
  .addEventListener('submit', function (e) {
    e.preventDefault();
    var text = e.target.elements['text'].value;
    var instance = normalizeUrl(e.target.elements['instance'].value);
    var remember = e.target.elements['remember'].checked;

    if (remember) {
        window.localStorage.setItem('mastodon_instance', instance);
    }

    var shareUrl = instance + "share?text=" + encodeURIComponent(text);
    window.open(shareUrl, '_blank', 'noopener,noreferrer')
  })