Quelle  background.js

/* 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";

/* globals browser */

const desktopReporterConfig = {
  src: "desktop-reporter",
  utm_campaign: "report-site-issue-button",
  utm_source: "desktop-reporter",
};

const androidReporterConfig = {
  src: "android-components-reporter",
  utm_campaign: "report-site-issue-button",
  utm_source: "android-components-reporter",
};

const getReporterConfig = (() => {
  let promise;
  return async () => {
    promise ??= new Promise(resolve => {
      browser.permissions
        .contains({ permissions: ["nativeMessaging"] })
        .then(needProductName => {
          if (needProductName) {
            const port = browser.runtime.connectNative(
              "mozacWebcompatReporter"
            );
            port.onMessage.addListener(message => {
              if ("productName" in message) {
                androidReporterConfig.productName = message.productName;
                androidReporterConfig.extra_labels = [
                  `browser-${message.productName}`,
                ];
                resolve(androidReporterConfig);

                // For now, setting the productName and extra_labels is the only use for this port,
                // and that's only happening once after startup, so let's disconnect the port when we're done.
                port.disconnect();
              }
            });
          } else {
            resolve(desktopReporterConfig);
          }
        });
    });
    return promise;
  };
})();

async function loadTab(url) {
  const newTab = await browser.tabs.create({ url });
  return new Promise(resolve => {
    const listener = (tabId, changeInfo, tab) => {
      if (
        tabId == newTab.id &&
        tab.url !== "about:blank" &&
        changeInfo.status == "complete"
      ) {
        browser.tabs.onUpdated.removeListener(listener);
        resolve(newTab);
      }
    };
    browser.tabs.onUpdated.addListener(listener);
  });
}

async function captureAndSendReport(tab) {
  const { id, url } = tab;
  try {
    const { endpointUrl, webcompatInfo } =
      await browser.tabExtras.getWebcompatInfo(id);
    const reporterConfig = await getReporterConfig();
    const dataToSend = {
      endpointUrl,
      reportUrl: url,
      reporterConfig,
      webcompatInfo,
    };
    const newTab = await loadTab(endpointUrl);
    browser.tabExtras.sendWebcompatInfo(newTab.id, dataToSend);
  } catch (err) {
    console.error("WebCompat Reporter: unexpected error", err);
  }
}

if ("helpMenu" in browser) {
  // desktop
  browser.helpMenu.onHelpMenuCommand.addListener(captureAndSendReport);
} else {
  // Android
  browser.pageAction.onClicked.addListener(captureAndSendReport);
}