options.js

// Use of this source code is governed by a license that can be
// found in the LICENSE file.

'use strict';

let supportedUrls = [];

function getAuthHeader(apiKey) {
  return { Authorization: "Bearer " + btoa(apiKey) };
}

function updateSettings() {

  let server = document.getElementById('server');
  let key = document.getElementById('key');
  let catid = document.getElementById('catid');
  let closecheckbox = document.getElementById('closeOnDL');

  let status = document.getElementById('statusMsg');

  chrome.storage.sync.set({
    server: server.value,
    api: key.value,
    categoryID: catid.value,
    supportedURLs: supportedUrls,
    closeOnDL: closecheckbox.checked
  }, function () {
    status.textContent = "👌 Saved!"
  });

}

function checkServer() {

  let server = document.getElementById('server');
  let key = document.getElementById('key');
  let selectedID = document.getElementById('catid').value;

  let serverInfo = "";
  let apiCheck = "";
  let urlRegexText = "";

  document.getElementById('apiCheck').textContent = "⌛ Checking...";

  // Test base server connectivity
  fetch(`${server.value}/api/info`, { method: "GET", headers: getAuthHeader(key.value) })
    .then(response => response.ok ? response.json() : { error: "Server didn't reply." })
    .then((data) => {

      if (data.error)
        throw new Error(data.error);

      serverInfo = `✅ "${data.name}", Version ${data.version}.`;
      document.getElementById('saveBtn').disabled = false;
    })
    .catch(error => { serverInfo = `❌ ${error}` })
    .finally(() => document.getElementById('serverMsg').textContent = serverInfo);

  // Test authenticated endpoint by getting Download plugins
  fetch(`${server.value}/api/plugins/download`, { method: "GET", headers: getAuthHeader(key.value) })
    .then(response => response.ok ? response.json() : { error: "API Key seems to be invalid!" })
    .then((data) => {

      if (data.error)
        throw new Error(data.error);

      apiCheck = `✅ API Key is valid.`;

      supportedUrls = data.map(plug => plug.url_regex)
      urlRegexText = supportedUrls.join('\r\n');
      
    })
    .catch(error => { apiCheck = urlRegexText = `🛑 ${error}` })
    .finally(() => {
      document.getElementById('apiCheck').textContent = apiCheck;
      document.getElementById('urlRegexes').textContent = urlRegexText;
    });

  // Get categories from the server 
  document.getElementById('categoryErr').textContent = "";
  fetch(`${server.value}/api/categories`, { method: "GET", headers: getAuthHeader(key.value) })
    .then(response => response.ok ? response.json() : { error: "API Key seems to be invalid!" })
    .then((data) => {

      if (data.error)
        throw new Error(data.error);

      // Clear combobox and fill it again with categories from the API
      const catCombobox = document.getElementById('category');
      catCombobox.options.length = 0;
      // Add default
      catCombobox.options[catCombobox.options.length] = new Option("-- No Category --", "", true, false);

      // Add static categories, select if the ID matches the one we saved
      data.forEach(c => {
        if (c.search === "") {
          catCombobox.options[catCombobox.options.length] = new Option(c.name, c.id, false, c.id === selectedID);
        }
      });

      document.getElementById('categoryErr').textContent = "✅ Pulled categories from server correctly.";

    }).catch(error => document.getElementById('categoryErr').textContent = `🛑 ${error}`);
}

function updateCategoryDetails() {
  const categoryID = document.getElementById('category').value;
  document.getElementById('catid').value = categoryID;
}

let button = document.getElementById('saveBtn');
button.addEventListener('click', updateSettings);

button = document.getElementById('checkBtn');
button.addEventListener('click', checkServer);

button = document.getElementById('category');
button.addEventListener('change', updateCategoryDetails);

// Prefill fields with settings
chrome.storage.sync.get(['server', 'api', 'categoryID', 'closeOnDL'], function (result) {
  document.getElementById('server').value = result.server ?? "";
  document.getElementById('key').value = result.api ?? "";
  document.getElementById('catid').value = result.categoryID ?? "";
  document.getElementById('closeOnDL').checked = result.closeOnDL ?? false;

  checkServer();
});

document.getElementById('versionInfo').textContent = chrome.runtime.getManifest().version;