Bug 1782088, part 2 - Create service that opens doorhanger for FedCM, r=pbz

Depends on D158778

Differential Revision: https://phabricator.services.mozilla.com/D158779

toolkit/components/credentialmanagement/IdentityCredentialPromptService.sys.mjs

@@ -0,0 +1,244 @@
+/**
+ * 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/.
+ */
+
+const { XPCOMUtils } = ChromeUtils.importESModule(
+  "resource://gre/modules/XPCOMUtils.sys.mjs"
+);
+
+const lazy = {};
+
+XPCOMUtils.defineLazyServiceGetter(
+  lazy,
+  "IDNService",
+  "@mozilla.org/network/idn-service;1",
+  "nsIIDNService"
+);
+
+/**
+ * Class implementing the nsIIdentityCredentialPromptService
+ * */
+export class IdentityCredentialPromptService {
+  classID = Components.ID("{936007db-a957-4f1d-a23d-f7d9403223e6}");
+  QueryInterface = ChromeUtils.generateQI([
+    "nsIIdentityCredentialPromptService",
+  ]);
+
+  /**
+   * Ask the user, using a PopupNotification, to select an Identity Provider from a provided list.
+   * @param {BrowsingContext} browsingContext - The BrowsingContext of the document requesting an identity credential via navigator.credentials.get()
+   * @param {IdentityProvider[]} identityProviders - The list of identity providers the user selects from
+   * @returns {Promise<IdentityProvider>} The user-selected identity provider
+   */
+  showProviderPrompt(browsingContext, identityProviders) {
+    return new Promise(function(resolve, reject) {
+      let browser = browsingContext.top.embedderElement;
+      if (!browser) {
+        reject();
+        return;
+      }
+
+      // Localize all strings to be used
+      // Bug 1797154 - Convert localization calls to use the async formatValues.
+      let localization = new Localization(
+        ["preview/identityCredentialNotification.ftl"],
+        true
+      );
+      let headerMessage = localization.formatValueSync(
+        "credential-header-providers",
+        {
+          host: "<>",
+        }
+      );
+      let cancelLabel = localization.formatValueSync("credential-cancel-label");
+      let cancelKey = localization.formatValueSync(
+        "credential-cancel-accesskey"
+      );
+
+      // Build the choices into the panel
+      let listBox = browser.ownerDocument.getElementById(
+        "identity-credential-provider-selector-container"
+      );
+      while (listBox.firstChild) {
+        listBox.removeChild(listBox.lastChild);
+      }
+      let itemTemplate = browser.ownerDocument.getElementById(
+        "template-credential-provider-list-item"
+      );
+      for (let providerIndex in identityProviders) {
+        let provider = identityProviders[providerIndex];
+        let providerURI = new URL(provider.configURL);
+        let displayDomain = lazy.IDNService.convertToDisplayIDN(
+          providerURI.host,
+          {}
+        );
+        let newItem = itemTemplate.content.firstElementChild.cloneNode(true);
+        newItem.firstElementChild.textContent = displayDomain;
+        newItem.setAttribute("oncommand", `this.callback(event)`);
+        newItem.callback = function(event) {
+          let notification = browser.ownerGlobal.PopupNotifications.getNotification(
+            "identity-credential",
+            browser
+          );
+          browser.ownerGlobal.PopupNotifications.remove(notification);
+          resolve(provider);
+          event.stopPropagation();
+        };
+        listBox.append(newItem);
+      }
+
+      // Construct the necessary arguments for notification behavior
+      let currentOrigin =
+        browsingContext.currentWindowContext.documentPrincipal.originNoSuffix;
+      let options = {
+        name: currentOrigin,
+      };
+      let mainAction = {
+        label: cancelLabel,
+        accessKey: cancelKey,
+        callback(event) {
+          reject();
+        },
+      };
+
+      // Show the popup
+      browser.ownerDocument.getElementById(
+        "identity-credential-provider"
+      ).hidden = false;
+      browser.ownerDocument.getElementById(
+        "identity-credential-account"
+      ).hidden = true;
+      browser.ownerGlobal.PopupNotifications.show(
+        browser,
+        "identity-credential",
+        headerMessage,
+        "identity-credential-notification-icon",
+        mainAction,
+        null,
+        options
+      );
+    });
+  }
+
+  /**
+   * Ask the user, using a PopupNotification, to select an account from a provided list.
+   * @param {BrowsingContext} browsingContext - The BrowsingContext of the document requesting an identity credential via navigator.credentials.get()
+   * @param {IdentityAccountList} accountList - The list of accounts the user selects from
+   * @returns {Promise<IdentityAccount>} The user-selected account
+   */
+  showAccountListPrompt(browsingContext, accountList) {
+    return new Promise(function(resolve, reject) {
+      let browser = browsingContext.top.embedderElement;
+      if (!browser) {
+        reject();
+        return;
+      }
+      let currentOrigin =
+        browsingContext.currentWindowContext.documentPrincipal.originNoSuffix;
+
+      // Localize all strings to be used
+      // Bug 1797154 - Convert localization calls to use the async formatValues.
+      let localization = new Localization(
+        ["preview/identityCredentialNotification.ftl"],
+        true
+      );
+      let headerMessage = localization.formatValueSync(
+        "credential-header-accounts",
+        {
+          host: "<>",
+        }
+      );
+      let descriptionMessage = localization.formatValueSync(
+        "credential-description-account-explanation",
+        {
+          host: currentOrigin,
+        }
+      );
+      let cancelLabel = localization.formatValueSync("credential-cancel-label");
+      let cancelKey = localization.formatValueSync(
+        "credential-cancel-accesskey"
+      );
+
+      // Add the description text
+      browser.ownerDocument.getElementById(
+        "credential-account-explanation"
+      ).textContent = descriptionMessage;
+
+      // Build the choices into the panel
+      let listBox = browser.ownerDocument.getElementById(
+        "identity-credential-account-selector-container"
+      );
+      while (listBox.firstChild) {
+        listBox.removeChild(listBox.lastChild);
+      }
+      let itemTemplate = browser.ownerDocument.getElementById(
+        "template-credential-account-list-item"
+      );
+      for (let accountIndex in accountList.accounts) {
+        let account = accountList.accounts[accountIndex];
+        let newItem = itemTemplate.content.firstElementChild.cloneNode(true);
+        newItem.firstElementChild.textContent = account.email;
+        newItem.setAttribute("oncommand", "this.callback()");
+        newItem.callback = function() {
+          let notification = browser.ownerGlobal.PopupNotifications.getNotification(
+            "identity-credential",
+            browser
+          );
+          browser.ownerGlobal.PopupNotifications.remove(notification);
+          resolve(account);
+        };
+        listBox.append(newItem);
+      }
+
+      // Construct the necessary arguments for notification behavior
+      let options = {
+        name: currentOrigin,
+      };
+      let mainAction = {
+        label: cancelLabel,
+        accessKey: cancelKey,
+        callback(event) {
+          reject();
+        },
+      };
+
+      // Show the popup
+      browser.ownerDocument.getElementById(
+        "identity-credential-provider"
+      ).hidden = true;
+      browser.ownerDocument.getElementById(
+        "identity-credential-account"
+      ).hidden = false;
+      browser.ownerGlobal.PopupNotifications.show(
+        browser,
+        "identity-credential",
+        headerMessage,
+        "identity-credential-notification-icon",
+        mainAction,
+        null,
+        options
+      );
+    });
+  }
+
+  /**
+   * Close all UI from the other methods of this module for the provided window.
+   * @param {BrowsingContext} browsingContext - The BrowsingContext of the document requesting an identity credential via navigator.credentials.get()
+   * @returns
+   */
+  close(browsingContext) {
+    let browser = browsingContext.top.embedderElement;
+    if (!browser) {
+      return;
+    }
+    let notification = browser.ownerGlobal.PopupNotifications.getNotification(
+      "identity-credential",
+      browser
+    );
+    if (notification) {
+      browser.ownerGlobal.PopupNotifications.remove(notification);
+    }
+  }
+}

toolkit/components/credentialmanagement/components.conf

@@ -0,0 +1,16 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# 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/.
+
+Classes = [
+    {
+        'cid': '{936007db-a957-4f1d-a23d-f7d9403223e6}',
+        'contract_ids': ['@mozilla.org/browser/identitycredentialpromptservice;1'],
+        'esModule': 'resource://gre/modules/IdentityCredentialPromptService.sys.mjs',
+        'processes': ProcessSelector.MAIN_PROCESS_ONLY,
+        'constructor': 'IdentityCredentialPromptService',
+        'name': 'IdentityCredentialPromptService',
+    },
+]

toolkit/components/credentialmanagement/moz.build

@@ -0,0 +1,22 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# 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/.
+
+with Files("**"):
+    BUG_COMPONENT = ("Core", "DOM: Credential Management")
+
+XPIDL_SOURCES += [
+    "nsIIdentityCredentialPromptService.idl",
+]
+
+XPIDL_MODULE = "dom_identitycredential"
+
+EXTRA_JS_MODULES += [
+    "IdentityCredentialPromptService.sys.mjs",
+]
+
+XPCOM_MANIFESTS += [
+    "components.conf",
+]

toolkit/components/credentialmanagement/nsIIdentityCredentialPromptService.idl

@@ -0,0 +1,19 @@
+/* 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/. */
+
+#include "nsISupports.idl"
+
+webidl BrowsingContext;
+
+[scriptable, uuid(936007db-a957-4f1d-a23d-f7d9403223e6)]
+interface nsIIdentityCredentialPromptService : nsISupports {
+    // Display to the user an interface to choose from among the identity providers listed
+    // Resolves with one of the elements of the list.
+    Promise showProviderPrompt(in BrowsingContext browsingContext, in jsval identityProviders);
+    // Display to the user an interface to choose from among the accounts listed.
+    // Resolves with one of the elements of the list.
+    Promise showAccountListPrompt(in BrowsingContext browsingContext, in jsval accountList);
+    // Close all UI from the other methods of this module
+    void close(in BrowsingContext browsingContext);
+};

toolkit/components/moz.build

@@ -33,6 +33,7 @@ DIRS += [
     "contextualidentity",
     "crashes",
     "crashmonitor",
+    "credentialmanagement",
     "downloads",
     "enterprisepolicies",
     "extensions",