options.js

'use strict';

const getOptions = async isDefault => {
  const message = isDefault ? "getDefaultOptions" : "getOptions"
  const response = await chrome.runtime.sendMessage({ message });
  return response.options;
}

const restoreOptions = async () => {
  const options = await getOptions();
  for (let i = 1; i <= options.maxCount; ++i) {
    document.getElementById('title' + i).value = options['title' + i] || '';
    document.getElementById('format' + i).value = options['format' + i] || '';
    document.getElementById('html' + i).checked = !!options['html' + i];
  }
  document.getElementById('createSubmenusCheckbox').checked = options['createSubmenus'];
};

const saveOptions = async defaultFormatID => {
  let options = await getOptions();
  try {
    if (defaultFormatID) {
      options.defaultFormat = defaultFormatID;
    }
    for (let i = 1; i <= options.maxCount; ++i) {
      options['title' + i] = document.getElementById('title' + i).value;
      options['format' + i] = document.getElementById('format' + i).value;
      options['html' + i] = document.getElementById('html' + i).checked ? 1 : 0;
    }
    options['createSubmenus'] = document.getElementById('createSubmenusCheckbox').checked;
  } catch (err) {
    console.error("failed to get options", err);
  }
  try {
    await chrome.storage.sync.set(options);
  } catch (err) {
    console.error("failed to save options", err);
  }
  try {
    await chrome.runtime.sendMessage({
      message: 'createContextMenus',
      options,
    });
  } catch (err) {
    console.error("failed to update context menu", err);
  }
}

const restoreDefaults = async () => {
  const options = await getOptions(true);
  for (let i = 1; i <= options.maxCount; ++i) {
    document.getElementById('title' + i).value = options['title' + i] || '';
    document.getElementById('format' + i).value = options['format' + i] || '';
    document.getElementById('html' + i).checked = !!options['html' + i];
  }
  document.getElementById('createSubmenusCheckbox').checked = options['createSubmenus'];
  await saveOptions(options['defaultFormat']);
}

document.addEventListener('DOMContentLoaded', async () => {
  await restoreOptions();
  document.getElementById('saveButton').addEventListener('click', async e => {
    await saveOptions();
  });
  document.getElementById('restoreDefaultsButton').addEventListener('click', async e => {
    await restoreDefaults();
  });
});