Function init

pages/options.js:30–100

()

};

export async function init() {
  await Settings.onLoaded();

  const shortcutLabel = document.querySelector("#shortcut-to-save-all");
  shortcutLabel.textContent = KeyboardUtils.platform == "Mac" ? "Cmd-Enter" : "Ctrl-Enter";

  const saveButton = document.querySelector("#save");

  const onUpdated = () => {
    maintainNewTabUrlView();
    saveButton.disabled = false;
    saveButton.textContent = "Save changes";
  };

  for (const el of document.querySelectorAll("input, textarea")) {
    // We want to immediately enable the save button when a setting is changed, so we want to use
    // the HTML element's "input" event here rather than the "change" event.
    el.addEventListener("input", () => onUpdated());
    el.addEventListener("blur", () => {
      showValidationErrors();
    });
  }

  saveButton.addEventListener("click", () => saveOptions());

  getOptionEl("filterLinkHints").addEventListener(
    "click",
    () => maintainLinkHintsView(),
  );

  document.querySelector("#download-backup").addEventListener(
    "mousedown",
    () => onDownloadBackupClicked(),
    true,
  );
  document.querySelector("#upload-backup").addEventListener(
    "change",
    () => onUploadBackupClicked(),
  );

  for (const el of document.querySelectorAll(".reset-link a")) {
    el.addEventListener("click", (event) => {
      resetInputValue(event);
      showValidationErrors();
      onUpdated();
    });
  }

  globalThis.onbeforeunload = () => {
    if (!saveButton.disabled) {
      return "You have unsaved changes to options.";
    }
  };

  document.addEventListener("keydown", (event) => {
    // Firefox on Mac doesn't pass ctrl-enter to our page because MacOS Sequoia treats it as a
    // shortcut for right click; typing it shows a context menu. So, we also allow cmd-enter to save
    // all options. Note that ctrl-enter still works on Chrome for some reason.