/* -*- Mode: Javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*-
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/* import-globals-from preferences.js */

var { InlineSpellChecker } = ChromeUtils.importESModule(
  "resource://gre/modules/InlineSpellChecker.sys.mjs"
);

// CloudFile account tools used by gCloudFile.
var { cloudFileAccounts } = ChromeUtils.import(
  "resource:///modules/cloudFileAccounts.jsm"
);
var { E10SUtils } = ChromeUtils.importESModule(
  "resource://gre/modules/E10SUtils.sys.mjs"
);
var { ExtensionParent } = ChromeUtils.importESModule(
  "resource://gre/modules/ExtensionParent.sys.mjs"
);

Preferences.addAll([
  { id: "mail.forward_message_mode", type: "int" },
  { id: "mail.forward_add_extension", type: "bool" },
  { id: "mail.SpellCheckBeforeSend", type: "bool" },
  { id: "mail.spellcheck.inline", type: "bool" },
  { id: "mail.warn_on_send_accel_key", type: "bool" },
  { id: "mail.compose.autosave", type: "bool" },
  { id: "mail.compose.autosaveinterval", type: "int" },
  { id: "mail.enable_autocomplete", type: "bool" },
  { id: "ldap_2.autoComplete.useDirectory", type: "bool" },
  { id: "ldap_2.autoComplete.directoryServer", type: "string" },
  { id: "pref.ldap.disable_button.edit_directories", type: "bool" },
  { id: "mail.collect_email_address_outgoing", type: "bool" },
  { id: "mail.collect_addressbook", type: "string" },
  { id: "spellchecker.dictionary", type: "unichar" },
  { id: "msgcompose.default_colors", type: "bool" },
  { id: "msgcompose.font_face", type: "string" },
  { id: "msgcompose.font_size", type: "string" },
  { id: "msgcompose.text_color", type: "string" },
  { id: "msgcompose.background_color", type: "string" },
  { id: "mail.compose.attachment_reminder", type: "bool" },
  { id: "mail.compose.default_to_paragraph", type: "bool" },
  { id: "mail.compose.big_attachments.notify", type: "bool" },
  { id: "mail.compose.big_attachments.threshold_kb", type: "int" },
  { id: "mail.default_send_format", type: "int" },
  { id: "mail.compose.add_link_preview", type: "bool" },
]);

var gComposePane = {
  mSpellChecker: null,

  init() {
    this.enableAutocomplete();

    this.initLanguages();

    this.populateFonts();

    this.updateAutosave();

    this.updateUseReaderDefaults();

    this.updateAttachmentCheck();

    this.updateEmailCollection();

    this.initAbDefaultStartupDir();

    this.setButtonColors();

    // If BigFiles is disabled, hide the "Outgoing" tab, and the tab
    // selectors, and bail out.
    if (!Services.prefs.getBoolPref("mail.cloud_files.enabled")) {
      // Hide the tab selector
      let cloudFileBox = document.getElementById("cloudFileBox");
      cloudFileBox.hidden = true;
      return;
    }

    gCloudFile.init();
  },

  attachmentReminderOptionsDialog() {
    gSubDialog.open(
      "chrome://messenger/content/preferences/attachmentReminder.xhtml",
      { features: "resizable=no" }
    );
  },

  updateAutosave() {
    gComposePane.enableElement(
      document.getElementById("autoSaveInterval"),
      Preferences.get("mail.compose.autosave").value
    );
  },

  updateUseReaderDefaults() {
    let useReaderDefaultsChecked = Preferences.get(
      "msgcompose.default_colors"
    ).value;
    gComposePane.enableElement(
      document.getElementById("textColorLabel"),
      !useReaderDefaultsChecked
    );
    gComposePane.enableElement(
      document.getElementById("backgroundColorLabel"),
      !useReaderDefaultsChecked
    );
    gComposePane.enableElement(
      document.getElementById("textColorButton"),
      !useReaderDefaultsChecked
    );
    gComposePane.enableElement(
      document.getElementById("backgroundColorButton"),
      !useReaderDefaultsChecked
    );
  },

  updateAttachmentCheck() {
    gComposePane.enableElement(
      document.getElementById("attachment_reminder_button"),
      Preferences.get("mail.compose.attachment_reminder").value
    );
  },

  updateEmailCollection() {
    gComposePane.enableElement(
      document.getElementById("localDirectoriesList"),
      Preferences.get("mail.collect_email_address_outgoing").value
    );
  },

  enableElement(aElement, aEnable) {
    let pref = aElement.getAttribute("preference");
    let prefIsLocked = pref ? Preferences.get(pref).locked : false;
    aElement.disabled = !aEnable || prefIsLocked;
  },

  enableAutocomplete() {
    let acLDAPPref = Preferences.get("ldap_2.autoComplete.useDirectory").value;
    gComposePane.enableElement(
      document.getElementById("directoriesList"),
      acLDAPPref
    );
    gComposePane.enableElement(
      document.getElementById("editButton"),
      acLDAPPref
    );
  },

  editDirectories() {
    gSubDialog.open(
      "chrome://messenger/content/addressbook/pref-editdirectories.xhtml"
    );
  },

  initAbDefaultStartupDir() {
    if (!this.startupDirListener.inited) {
      this.startupDirListener.load();
    }

    let dirList = document.getElementById("defaultStartupDirList");
    if (Services.prefs.getBoolPref("mail.addr_book.view.startupURIisDefault")) {
      // Some directory is the default.
      let startupURI = Services.prefs.getCharPref(
        "mail.addr_book.view.startupURI"
      );
      dirList.value = startupURI;
    } else {
      // Choose item meaning there is no default startup directory any more.
      dirList.value = "";
    }
  },

  setButtonColors() {
    document.getElementById("textColorButton").value = Preferences.get(
      "msgcompose.text_color"
    ).value;
    document.getElementById("backgroundColorButton").value = Preferences.get(
      "msgcompose.background_color"
    ).value;
  },

  setDefaultStartupDir(aDirURI) {
    if (aDirURI) {
      // Some AB directory was selected. Set prefs to make this directory
      // the default view when starting up the main AB.
      Services.prefs.setCharPref("mail.addr_book.view.startupURI", aDirURI);
      Services.prefs.setBoolPref(
        "mail.addr_book.view.startupURIisDefault",
        true
      );
    } else {
      // Set pref that there's no default startup view directory any more.
      Services.prefs.setBoolPref(
        "mail.addr_book.view.startupURIisDefault",
        false
      );
    }
  },

  async initLanguages() {
    let languageList = document.getElementById("dictionaryList");
    this.mSpellChecker = Cc["@mozilla.org/spellchecker/engine;1"].getService(
      Ci.mozISpellCheckingEngine
    );

    // Get the list of dictionaries from the spellchecker.

    let dictList = this.mSpellChecker.getDictionaryList();

    // HACK: calling sortDictionaryList may fail the first time due to
    // synchronous loading of the .ftl files. If we load the files and wait
    // for a known value asynchronously, no such failure will happen.
    await new Localization([
      "toolkit/intl/languageNames.ftl",
      "toolkit/intl/regionNames.ftl",
    ]).formatValue("language-name-en");
    let sortedList = new InlineSpellChecker().sortDictionaryList(dictList);
    let activeDictionaries = Services.prefs
      .getCharPref("spellchecker.dictionary")
      .split(",");
    let template = document.getElementById("dictionaryListItem");
    languageList.replaceChildren(
      ...sortedList.map(({ displayName, localeCode }) => {
        let item = template.content.cloneNode(true).firstElementChild;
        item.querySelector(".checkbox-label").textContent = displayName;
        let input = item.querySelector("input");
        input.setAttribute("value", localeCode);
        input.addEventListener("change", event => {
          let language = event.target.value;
          let dicts = Services.prefs
            .getCharPref("spellchecker.dictionary")
            .split(",")
            .filter(Boolean);
          if (!event.target.checked) {
            dicts = dicts.filter(item => item != language);
          } else {
            dicts.push(language);
          }
          Services.prefs.setCharPref(
            "spellchecker.dictionary",
            dicts.join(",")
          );
        });
        input.checked = activeDictionaries.includes(localeCode);
        return item;
      })
    );
  },

  populateFonts() {
    var fontsList = document.getElementById("FontSelect");
    try {
      var enumerator = Cc["@mozilla.org/gfx/fontenumerator;1"].getService(
        Ci.nsIFontEnumerator
      );
      var localFonts = enumerator.EnumerateAllFonts();
      for (let i = 0; i < localFonts.length; ++i) {
        // Remove Linux system generic fonts that collide with CSS generic fonts.
        if (
          localFonts[i] != "" &&
          localFonts[i] != "serif" &&
          localFonts[i] != "sans-serif" &&
          localFonts[i] != "monospace"
        ) {
          fontsList.appendItem(localFonts[i], localFonts[i]);
        }
      }
    } catch (e) {}
    // Choose the item after the list is completely generated.
    var preference = Preferences.get(fontsList.getAttribute("preference"));
    fontsList.value = preference.value;
  },

  restoreHTMLDefaults() {
    // reset throws an exception if the pref value is already the default so
    // work around that with some try/catch exception handling
    try {
      Preferences.get("msgcompose.font_face").reset();
    } catch (ex) {}

    try {
      Preferences.get("msgcompose.font_size").reset();
    } catch (ex) {}

    try {
      Preferences.get("msgcompose.text_color").reset();
    } catch (ex) {}

    try {
      Preferences.get("msgcompose.background_color").reset();
    } catch (ex) {}

    try {
      Preferences.get("msgcompose.default_colors").reset();
    } catch (ex) {}

    this.updateUseReaderDefaults();
    this.setButtonColors();
  },

  startupDirListener: {
    inited: false,
    domain: "mail.addr_book.view.startupURI",
    observe(subject, topic, prefName) {
      if (topic != "nsPref:changed") {
        return;
      }

      // If the default startup directory prefs have changed,
      // reinitialize the default startup dir picker to show the new value.
      gComposePane.initAbDefaultStartupDir();
    },
    load() {
      // Observe changes of our prefs.
      Services.prefs.addObserver(this.domain, this);
      // Unload the pref observer when preferences window is closed.
      window.addEventListener("unload", () => this.unload(), true);
      this.inited = true;
    },

    unload(event) {
      Services.prefs.removeObserver(
        gComposePane.startupDirListener.domain,
        gComposePane.startupDirListener
      );
    },
  },
};

var gCloudFile = {
  _initialized: false,
  _list: null,
  _buttonContainer: null,
  _listContainer: null,
  _settings: null,
  _tabpanel: null,
  _settingsPanelWrap: null,
  _defaultPanel: null,

  get _strings() {
    return Services.strings.createBundle(
      "chrome://messenger/locale/preferences/applications.properties"
    );
  },

  init() {
    this._list = document.getElementById("cloudFileView");
    this._buttonContainer = document.getElementById(
      "addCloudFileAccountButtons"
    );
    this._addAccountButton = document.getElementById("addCloudFileAccount");
    this._listContainer = document.getElementById(
      "addCloudFileAccountListItems"
    );
    this._removeAccountButton = document.getElementById(
      "removeCloudFileAccount"
    );
    this._defaultPanel = document.getElementById("cloudFileDefaultPanel");
    this._settingsPanelWrap = document.getElementById(
      "cloudFileSettingsWrapper"
    );

    this.updateThreshold();
    this.rebuildView();

    window.addEventListener("unload", this, { capture: false, once: true });

    this._onAccountConfigured = this._onAccountConfigured.bind(this);
    this._onProviderRegistered = this._onProviderRegistered.bind(this);
    this._onProviderUnregistered = this._onProviderUnregistered.bind(this);
    cloudFileAccounts.on("accountConfigured", this._onAccountConfigured);
    cloudFileAccounts.on("providerRegistered", this._onProviderRegistered);
    cloudFileAccounts.on("providerUnregistered", this._onProviderUnregistered);

    let element = document.getElementById("cloudFileThreshold");
    Preferences.addSyncFromPrefListener(element, () => this.readThreshold());
    Preferences.addSyncToPrefListener(element, () => this.writeThreshold());

    this._initialized = true;
  },

  destroy() {
    // Remove any controllers or observers here.
    cloudFileAccounts.off("accountConfigured", this._onAccountConfigured);
    cloudFileAccounts.off("providerRegistered", this._onProviderRegistered);
    cloudFileAccounts.off("providerUnregistered", this._onProviderUnregistered);
  },

  _onAccountConfigured(event, account) {
    for (let item of this._list.children) {
      if (item.value == account.accountKey) {
        item.querySelector(".configuredWarning").hidden = account.configured;
      }
    }
  },

  _onProviderRegistered(event, provider) {
    let accounts = cloudFileAccounts.getAccountsForType(provider.type);
    accounts.sort(this._sortDisplayNames);

    // Always add newly-enabled accounts to the end of the list, this makes
    // it clearer to users what's happening.
    for (let account of accounts) {
      let item = this.makeRichListItemForAccount(account);
      this._list.appendChild(item);
    }

    this._buttonContainer.appendChild(this.makeButtonForProvider(provider));
    this._listContainer.appendChild(this.makeListItemForProvider(provider));
  },

  _onProviderUnregistered(event, type) {
    for (let item of [...this._list.children]) {
      // If the provider is unregistered, getAccount returns null.
      if (!cloudFileAccounts.getAccount(item.value)) {
        if (item.hasAttribute("selected")) {
          this._defaultPanel.hidden = false;
          this._settingsPanelWrap.hidden = true;
          if (this._settings) {
            this._settings.remove();
          }
          this._removeAccountButton.disabled = true;
        }
        item.remove();
      }
    }

    for (let button of this._buttonContainer.children) {
      if (button.getAttribute("value") == type) {
        button.remove();
      }
    }

    for (let item of this._listContainer.children) {
      if (item.getAttribute("value") == type) {
        item.remove();
      }
    }

    if (this._buttonContainer.childElementCount < 1) {
      this._buttonContainer.hidden = false;
      this._addAccountButton.hidden = true;
    }
  },

  makeRichListItemForAccount(aAccount) {
    let rli = document.createXULElement("richlistitem");
    rli.setAttribute("align", "center");
    rli.classList.add("cloudfileAccount", "input-container");
    rli.setAttribute("value", aAccount.accountKey);

    let icon = document.createElement("img");
    icon.classList.add("typeIcon");
    if (aAccount.iconURL) {
      icon.setAttribute("src", aAccount.iconURL);
    }
    icon.setAttribute("alt", "");
    rli.appendChild(icon);

    let label = document.createXULElement("label");
    label.setAttribute("crop", "end");
    label.setAttribute("flex", "1");
    label.setAttribute(
      "value",
      cloudFileAccounts.getDisplayName(aAccount.accountKey)
    );
    label.addEventListener("click", this, true);
    rli.appendChild(label);

    let input = document.createElement("input");
    input.setAttribute("type", "text");
    input.setAttribute("hidden", "hidden");
    input.addEventListener("blur", this);
    input.addEventListener("keypress", this);
    rli.appendChild(input);

    let warningIcon = document.createElement("img");
    warningIcon.setAttribute("class", "configuredWarning typeIcon");
    warningIcon.setAttribute("src", "chrome://global/skin/icons/warning.svg");
    // "title" provides the accessible name, not "alt".
    warningIcon.setAttribute(
      "title",
      this._strings.GetStringFromName("notConfiguredYet")
    );
    if (aAccount.configured) {
      warningIcon.hidden = true;
    }
    rli.appendChild(warningIcon);

    return rli;
  },

  makeButtonForProvider(provider) {
    let button = document.createXULElement("button");
    button.setAttribute("value", provider.type);
    button.setAttribute(
      "label",
      this._strings.formatStringFromName("addProvider", [provider.displayName])
    );
    button.setAttribute(
      "oncommand",
      `gCloudFile.addCloudFileAccount("${provider.type}")`
    );
    button.style.listStyleImage = `url("${provider.iconURL}")`;
    return button;
  },

  makeListItemForProvider(provider) {
    let menuitem = document.createXULElement("menuitem");
    menuitem.classList.add("menuitem-iconic");
    menuitem.setAttribute("value", provider.type);
    menuitem.setAttribute("label", provider.displayName);
    menuitem.setAttribute("image", provider.iconURL);
    return menuitem;
  },

  // Sort the accounts by displayName.
  _sortDisplayNames(a, b) {
    let aName = a.displayName.toLowerCase();
    let bName = b.displayName.toLowerCase();
    return aName.localeCompare(bName);
  },

  rebuildView() {
    // Clear the list of entries.
    while (this._list.hasChildNodes()) {
      this._list.lastChild.remove();
    }

    let accounts = cloudFileAccounts.accounts;
    accounts.sort(this._sortDisplayNames);

    for (let account of accounts) {
      let rli = this.makeRichListItemForAccount(account);
      this._list.appendChild(rli);
    }

    while (this._buttonContainer.hasChildNodes()) {
      this._buttonContainer.lastChild.remove();
    }

    let providers = cloudFileAccounts.providers;
    providers.sort(this._sortDisplayNames);
    for (let provider of providers) {
      this._buttonContainer.appendChild(this.makeButtonForProvider(provider));
      this._listContainer.appendChild(this.makeListItemForProvider(provider));
    }
  },

  onSelectionChanged(aEvent) {
    if (!this._initialized || aEvent.target != this._list) {
      return;
    }

    // Get the selected item
    let selection = this._list.selectedItem;
    this._removeAccountButton.disabled = !selection;
    if (!selection) {
      this._defaultPanel.hidden = false;
      this._settingsPanelWrap.hidden = true;
      if (this._settings) {
        this._settings.remove();
      }
      return;
    }

    this._showAccountInfo(selection.value);
  },

  _showAccountInfo(aAccountKey) {
    let account = cloudFileAccounts.getAccount(aAccountKey);
    this._defaultPanel.hidden = true;
    this._settingsPanelWrap.hidden = false;

    let url = account.managementURL + `?accountId=${account.accountKey}`;

    let browser = document.createXULElement("browser");
    browser.setAttribute("type", "content");
    browser.setAttribute("remote", "true");
    browser.setAttribute("remoteType", E10SUtils.EXTENSION_REMOTE_TYPE);
    browser.setAttribute("forcemessagemanager", "true");
    if (account.extension) {
      browser.setAttribute(
        "initialBrowsingContextGroupId",
        account.extension.policy.browsingContextGroupId
      );
    }
    browser.setAttribute("disableglobalhistory", "true");
    browser.setAttribute("messagemanagergroup", "webext-browsers");
    browser.setAttribute("autocompletepopup", "PopupAutoComplete");
    browser.setAttribute("selectmenulist", "ContentSelectDropdown");

    browser.setAttribute("flex", "1");
    // Allows keeping dialog background color without hoops.
    browser.setAttribute("transparent", "true");

    // If we have a past browser, we replace it. Else append to the wrapper.
    if (this._settings) {
      this._settings.remove();
    }

    this._settingsPanelWrap.appendChild(browser);
    this._settings = browser;

    ExtensionParent.apiManager.emit("extension-browser-inserted", browser);
    browser.messageManager.loadFrameScript(
      "chrome://extensions/content/ext-browser-content.js",
      false,
      true
    );

    let options = account.browserStyle
      ? { stylesheets: ExtensionParent.extensionStylesheets }
      : {};
    browser.messageManager.sendAsyncMessage("Extension:InitBrowser", options);

    browser.fixupAndLoadURIString(url, {
      triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal(),
    });
  },

  onListOverflow() {
    if (this._buttonContainer.childElementCount > 1) {
      this._buttonContainer.hidden = true;
      this._addAccountButton.hidden = false;
    }
  },

  addCloudFileAccount(aType) {
    let account = cloudFileAccounts.createAccount(aType);
    if (!account) {
      return;
    }

    let rli = this.makeRichListItemForAccount(account);
    this._list.appendChild(rli);
    this._list.selectItem(rli);
    this._addAccountButton.removeAttribute("image");
    this._addAccountButton.setAttribute(
      "label",
      this._addAccountButton.getAttribute("defaultlabel")
    );
    this._removeAccountButton.disabled = false;
  },

  removeCloudFileAccount() {
    // Get the selected account key
    let selection = this._list.selectedItem;
    if (!selection) {
      return;
    }

    let accountKey = selection.value;
    let accountName = cloudFileAccounts.getDisplayName(accountKey);
    // Does the user really want to remove this account?
    let confirmMessage = this._strings.formatStringFromName(
      "dialog_removeAccount",
      [accountName]
    );

    if (Services.prompt.confirm(null, "", confirmMessage)) {
      this._list.clearSelection();
      cloudFileAccounts.removeAccount(accountKey);
      let rli = this._list.querySelector(
        "richlistitem[value='" + accountKey + "']"
      );
      rli.remove();
      this._defaultPanel.hidden = false;
      this._settingsPanelWrap.hidden = true;
      if (this._settings) {
        this._settings.remove();
      }
    }
  },

  handleEvent(aEvent) {
    switch (aEvent.type) {
      case "unload":
        this.destroy();
        break;
      case "click": {
        let label = aEvent.target;
        let item = label.parentNode;
        let input = item.querySelector("input");
        if (!item.selected) {
          return;
        }
        label.hidden = true;
        input.value = label.value;
        input.removeAttribute("hidden");
        input.focus();
        break;
      }
      case "blur": {
        let input = aEvent.target;
        let item = input.parentNode;
        let label = item.querySelector("label");
        cloudFileAccounts.setDisplayName(item.value, input.value);
        label.value = input.value;
        label.hidden = false;
        input.setAttribute("hidden", "hidden");
        break;
      }
      case "keypress": {
        let input = aEvent.target;
        let item = input.parentNode;
        let label = item.querySelector("label");

        if (aEvent.key == "Enter") {
          cloudFileAccounts.setDisplayName(item.value, input.value);
          label.value = input.value;
          label.hidden = false;
          input.setAttribute("hidden", "hidden");
          gCloudFile._list.focus();

          aEvent.preventDefault();
        } else if (aEvent.key == "Escape") {
          input.value = label.value;
          label.hidden = false;
          input.setAttribute("hidden", "hidden");
          gCloudFile._list.focus();

          aEvent.preventDefault();
        }
      }
    }
  },

  readThreshold() {
    let pref = Preferences.get("mail.compose.big_attachments.threshold_kb");
    return pref.value / 1024;
  },

  writeThreshold() {
    let threshold = document.getElementById("cloudFileThreshold");
    let intValue = parseInt(threshold.value, 10);
    return isNaN(intValue) ? 0 : intValue * 1024;
  },

  updateThreshold() {
    document.getElementById("cloudFileThreshold").disabled = !Preferences.get(
      "mail.compose.big_attachments.notify"
    ).value;
  },
};

Preferences.get("mail.compose.autosave").on(
  "change",
  gComposePane.updateAutosave
);
Preferences.get("mail.compose.attachment_reminder").on(
  "change",
  gComposePane.updateAttachmentCheck
);
Preferences.get("msgcompose.default_colors").on(
  "change",
  gComposePane.updateUseReaderDefaults
);
Preferences.get("ldap_2.autoComplete.useDirectory").on(
  "change",
  gComposePane.enableAutocomplete
);
Preferences.get("mail.collect_email_address_outgoing").on(
  "change",
  gComposePane.updateEmailCollection
);
Preferences.get("mail.compose.big_attachments.notify").on(
  "change",
  gCloudFile.updateThreshold
);