SysTray-X/webext/js/defaults.js

//
//  Set default icon
//  Use <div> as storage
//
async function getDefaultIcon() {
  function getStoredIcon(result) {
    return result.iconMime && result.icon;
  }

  function onStoredIconError() {
    return false;
  }

  const getIcon = browser.storage.sync.get(["iconMime", "icon"]);
  const iconStored = await getIcon.then(getStoredIcon, onStoredIconError);

  if (!iconStored) {
    const toDataURL = (url) =>
      fetch(url)
        .then((response) => response.blob())
        .then(
          (blob) =>
            new Promise((resolve, reject) => {
              const reader = new FileReader();
              reader.onloadend = () => resolve(reader.result);
              reader.onerror = reject;
              reader.readAsDataURL(blob);
            })
        );

    //  Convert image to storage param
    let { iconMime, iconBase64 } = await toDataURL("icons/blank-icon.png").then(
      (dataUrl) => {
        const data = dataUrl.split(":").pop().split(",");
        return { iconMime: data[0].split(";")[0], iconBase64: data[1] };
      }
    );

    //  Store default icon (base64)
    browser.storage.sync.set({
      iconMime: iconMime,
      icon: iconBase64,
    });

    //  Store in HTML
    const iconDiv = document.getElementById("icon");
    iconDiv.setAttribute("data-icon-mime", iconMime);
    iconDiv.setAttribute("data-icon", iconBase64);
  }
}

//
//  Get window startup state
//
async function getStartupState() {
  function getStartupState(result) {
    return result.startMinimized === "true" ? "minimized" : "normal";
  }

  function onStartupStateError() {
    return "normal";
  }

  const getState = browser.storage.sync.get("startMinimized");
  return await getState.then(getStartupState, onStartupStateError);
}

//
//  Get minimize on close state
//
async function getMinimizeOnClose() {
  function getMinimizeOnClosePref(result) {
    return result.minimizeOnClose === "true";
  }

  function onMinimizeOnClosePrefError() {
    return true;
  }

  const getState = browser.storage.sync.get("minimizeOnClose");
  return await getState.then(
    getMinimizeOnClosePref,
    onMinimizeOnClosePrefError
  );
}

//
//  Check filters
//
function checkFilters(filters) {
  let newFilters = filters;

  if (filters === undefined) {
    //  Create base filters
    newFilters = [];
    for (const account of SysTrayX.Messaging.accounts) {
      const inbox = account.folders.filter((folder) => folder.type == "inbox");

      if (inbox.length > 0) {
        let folder = { ...inbox[0], accountName: account.name };
        delete folder.type;
        delete folder.subFolders;

        newFilters.push({
          unread: true,
          folder: folder,
        });
      }
    }

    //
    //  Store the converted filters
    //
    browser.storage.sync.set({
      filters: newFilters,
    });
  } else if (filters.length > 0) {
    //  Check the format
    if (filters[0].folder.accountName === undefined) {
      //  Old format, convert

      console.log("Converting old filters");

      accountNames = {};
      for (const account of SysTrayX.Messaging.accounts) {
        accountNames[account.id] = account.name;
      }

      function findFolder(accountId, path) {
        const account = SysTrayX.Messaging.accounts.filter(
          (account) => account.id === accountId
        );

        if (SysTrayX.browserInfo.version.split(".")[0] < 74) {
          //
          //  Search the pre TB74 account structure
          //
          const folder = account[0].folders.filter(
            (folder) => folder.path === path
          );

          const folders = account[0].folders.filter((folder) =>
            folder.path.startsWith(path)
          );

          if (folders.length > 1) {
            return "^ Add base folder";
          } else {
            return folder[0].name;
          }
        } else {
          //
          //  Search the TB74+ account structure
          //
          let arrayOfFolders = [];

          function traverse(folders, path) {
            if (!folders) {
              return;
            }
            for (let f of folders) {
              if (f.path === path) arrayOfFolders.push(f);
              traverse(f.subFolders, path);
            }
          }

          traverse(account[0].folders, path);

          if (arrayOfFolders[0].subFolders.length > 0) {
            return "^ Add base folder";
          } else {
            return arrayOfFolders[0].name;
          }
        }
      }

      for (let i = 0; i < newFilters.length; ++i) {
        newFilters[i].folder.accountName =
          accountNames[newFilters[i].folder.accountId];
        newFilters[i].folder.name = findFolder(
          newFilters[i].folder.accountId,
          newFilters[i].folder.path
        );
      }

      //
      //  Store the converted filters
      //
      browser.storage.sync.set({
        filters: newFilters,
      });
    }
  }

  return newFilters;
}

//
//  Get filters
//
async function getFilters() {
  function getFiltersCb(result) {
    let filters = result.filters || undefined;

    filters = checkFilters(filters);

    return filters;
  }

  function onFiltersError() {
    return undefined;
  }

  const getFiltersStorage = browser.storage.sync.get("filters");
  return await getFiltersStorage.then(getFiltersCb, onFiltersError);
}

//
//  Get count type
//
async function getCountType() {
  function getCountTypeCb(result) {
    return result.countType || "0";
  }

  function onCountTypeError() {
    return undefined;
  }

  const getCountType = browser.storage.sync.get("countType");
  return await getCountType.then(getCountTypeCb, onCountTypeError);
}