2018-10-11 18:53:23 +03:00
|
|
|
/* 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 Config = {
|
|
|
|
newIssueEndpoint: "https://webcompat.com/issues/new",
|
|
|
|
newIssueEndpointPref: "newIssueEndpoint",
|
|
|
|
screenshotFormat: {
|
|
|
|
format: "jpeg",
|
|
|
|
quality: 75,
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
2019-06-01 22:13:26 +03:00
|
|
|
const FRAMEWORK_KEYS = ["hasFastClick", "hasMobify", "hasMarfeel"];
|
|
|
|
|
2018-10-11 18:53:23 +03:00
|
|
|
browser.pageActionExtras.setLabelForHistogram("webcompat");
|
|
|
|
|
|
|
|
browser.pageAction.onClicked.addListener(tab => {
|
|
|
|
return getWebCompatInfoForTab(tab).then(
|
|
|
|
info => {
|
|
|
|
return openWebCompatTab(info);
|
|
|
|
},
|
|
|
|
err => {
|
|
|
|
console.error("WebCompat Reporter: unexpected error", err);
|
|
|
|
}
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
browser.aboutConfigPrefs.onEndpointPrefChange.addListener(checkEndpointPref);
|
|
|
|
|
|
|
|
checkEndpointPref();
|
|
|
|
|
|
|
|
async function checkEndpointPref() {
|
|
|
|
const value = await browser.aboutConfigPrefs.getEndpointPref();
|
|
|
|
if (value === undefined) {
|
|
|
|
browser.aboutConfigPrefs.setEndpointPref(Config.newIssueEndpoint);
|
|
|
|
} else {
|
|
|
|
Config.newIssueEndpoint = value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-03-19 02:44:51 +03:00
|
|
|
function hasFastClickPageScript() {
|
|
|
|
const win = window.wrappedJSObject;
|
|
|
|
|
|
|
|
if (win.FastClick) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (const property in win) {
|
|
|
|
try {
|
|
|
|
const proto = win[property].prototype;
|
|
|
|
if (proto && proto.needsClick) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
} catch (_) {}
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2019-06-01 22:13:26 +03:00
|
|
|
function hasMobifyPageScript() {
|
|
|
|
const win = window.wrappedJSObject;
|
|
|
|
return !!(win.Mobify && win.Mobify.Tag);
|
|
|
|
}
|
|
|
|
|
|
|
|
function hasMarfeelPageScript() {
|
|
|
|
const win = window.wrappedJSObject;
|
|
|
|
return !!win.marfeel;
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkForFrameworks(tabId) {
|
2019-03-19 02:44:51 +03:00
|
|
|
return browser.tabs
|
|
|
|
.executeScript(tabId, {
|
2019-06-01 22:13:26 +03:00
|
|
|
code: `
|
|
|
|
(function() {
|
|
|
|
${hasFastClickPageScript};
|
|
|
|
${hasMobifyPageScript};
|
|
|
|
${hasMarfeelPageScript};
|
|
|
|
|
|
|
|
const result = {
|
|
|
|
hasFastClick: hasFastClickPageScript(),
|
|
|
|
hasMobify: hasMobifyPageScript(),
|
|
|
|
hasMarfeel: hasMarfeelPageScript(),
|
|
|
|
}
|
|
|
|
|
|
|
|
return result;
|
|
|
|
})();
|
|
|
|
`,
|
|
|
|
})
|
|
|
|
.then(([results]) => results)
|
|
|
|
.catch(() => false);
|
2019-03-19 02:44:51 +03:00
|
|
|
}
|
|
|
|
|
2018-10-11 18:53:23 +03:00
|
|
|
function getWebCompatInfoForTab(tab) {
|
|
|
|
const { id, url } = tab;
|
|
|
|
return Promise.all([
|
|
|
|
browser.browserInfo.getBlockList(),
|
|
|
|
browser.browserInfo.getBuildID(),
|
|
|
|
browser.browserInfo.getGraphicsPrefs(),
|
|
|
|
browser.browserInfo.getUpdateChannel(),
|
|
|
|
browser.browserInfo.hasTouchScreen(),
|
|
|
|
browser.tabExtras.getWebcompatInfo(id),
|
2019-06-01 22:13:26 +03:00
|
|
|
checkForFrameworks(id),
|
2018-10-11 18:53:23 +03:00
|
|
|
browser.tabs.captureTab(id, Config.screenshotFormat).catch(e => {
|
|
|
|
console.error("WebCompat Reporter: getting a screenshot failed", e);
|
|
|
|
return Promise.resolve(undefined);
|
|
|
|
}),
|
|
|
|
]).then(
|
|
|
|
([
|
|
|
|
blockList,
|
|
|
|
buildID,
|
|
|
|
graphicsPrefs,
|
|
|
|
channel,
|
|
|
|
hasTouchScreen,
|
|
|
|
frameInfo,
|
|
|
|
frameworks,
|
|
|
|
screenshot,
|
2019-07-05 10:54:47 +03:00
|
|
|
]) => {
|
2018-10-11 18:53:23 +03:00
|
|
|
if (channel !== "linux") {
|
|
|
|
delete graphicsPrefs["layers.acceleration.force-enabled"];
|
2019-07-05 10:54:47 +03:00
|
|
|
}
|
|
|
|
|
2018-10-11 18:53:23 +03:00
|
|
|
const consoleLog = frameInfo.log;
|
|
|
|
delete frameInfo.log;
|
2019-07-05 10:54:47 +03:00
|
|
|
|
2018-10-11 18:53:23 +03:00
|
|
|
return Object.assign(frameInfo, {
|
|
|
|
tabId: id,
|
|
|
|
blockList,
|
|
|
|
details: Object.assign(graphicsPrefs, {
|
2019-07-05 10:54:47 +03:00
|
|
|
buildID,
|
|
|
|
channel,
|
2018-10-11 18:53:23 +03:00
|
|
|
consoleLog,
|
2019-06-01 22:13:26 +03:00
|
|
|
frameworks,
|
2018-10-11 18:53:23 +03:00
|
|
|
hasTouchScreen,
|
|
|
|
"mixed active content blocked":
|
|
|
|
frameInfo.hasMixedActiveContentBlocked,
|
|
|
|
"mixed passive content blocked":
|
|
|
|
frameInfo.hasMixedDisplayContentBlocked,
|
|
|
|
"tracking content blocked": frameInfo.hasTrackingContentBlocked
|
|
|
|
? `true (${blockList})`
|
|
|
|
: "false",
|
2019-07-05 10:54:47 +03:00
|
|
|
}),
|
2018-10-11 18:53:23 +03:00
|
|
|
screenshot,
|
|
|
|
url,
|
|
|
|
});
|
2019-07-05 10:54:47 +03:00
|
|
|
}
|
|
|
|
);
|
2018-10-11 18:53:23 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
function stripNonASCIIChars(str) {
|
|
|
|
// eslint-disable-next-line no-control-regex
|
|
|
|
return str.replace(/[^\x00-\x7F]/g, "");
|
|
|
|
}
|
|
|
|
|
|
|
|
browser.l10n
|
|
|
|
.getMessage("wc-reporter.label2")
|
|
|
|
.then(browser.pageActionExtras.setDefaultTitle, () => {});
|
|
|
|
|
|
|
|
browser.l10n
|
|
|
|
.getMessage("wc-reporter.tooltip")
|
|
|
|
.then(browser.pageActionExtras.setTooltipText, () => {});
|
|
|
|
|
|
|
|
async function openWebCompatTab(compatInfo) {
|
|
|
|
const url = new URL(Config.newIssueEndpoint);
|
|
|
|
const { details } = compatInfo;
|
|
|
|
const params = {
|
|
|
|
url: `${compatInfo.url}`,
|
2018-12-20 20:45:37 +03:00
|
|
|
utm_source: "desktop-reporter",
|
|
|
|
utm_campaign: "report-site-issue-button",
|
2018-10-11 18:53:23 +03:00
|
|
|
src: "desktop-reporter",
|
|
|
|
details,
|
2019-06-01 22:13:26 +03:00
|
|
|
extra_labels: [],
|
2018-10-11 18:53:23 +03:00
|
|
|
};
|
2019-06-01 22:13:26 +03:00
|
|
|
|
|
|
|
for (let framework of FRAMEWORK_KEYS) {
|
|
|
|
if (details.frameworks[framework]) {
|
|
|
|
params.details[framework] = true;
|
|
|
|
params.extra_labels.push(
|
|
|
|
framework.replace(/^has/, "type-").toLowerCase()
|
|
|
|
);
|
|
|
|
}
|
2019-03-19 02:44:51 +03:00
|
|
|
}
|
2019-06-01 22:13:26 +03:00
|
|
|
delete details.frameworks;
|
|
|
|
|
2018-10-11 18:53:23 +03:00
|
|
|
if (details["gfx.webrender.all"] || details["gfx.webrender.enabled"]) {
|
2019-06-01 22:13:26 +03:00
|
|
|
params.extra_labels.push("type-webrender-enabled");
|
2018-10-11 18:53:23 +03:00
|
|
|
}
|
|
|
|
if (compatInfo.hasTrackingContentBlocked) {
|
2019-06-01 22:13:26 +03:00
|
|
|
params.extra_labels.push(
|
|
|
|
`type-tracking-protection-${compatInfo.blockList}`
|
|
|
|
);
|
2018-10-11 18:53:23 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
const json = stripNonASCIIChars(JSON.stringify(params));
|
2019-11-19 20:30:41 +03:00
|
|
|
const tab = await browser.tabs.create({ url: url.href });
|
2018-10-11 18:53:23 +03:00
|
|
|
await browser.tabs.executeScript(tab.id, {
|
|
|
|
runAt: "document_end",
|
|
|
|
code: `(function() {
|
2019-11-19 20:30:41 +03:00
|
|
|
async function postMessageData(dataURI, metadata) {
|
2018-10-11 18:53:23 +03:00
|
|
|
const res = await fetch(dataURI);
|
|
|
|
const blob = await res.blob();
|
2019-11-19 20:30:41 +03:00
|
|
|
const data = {
|
|
|
|
screenshot: blob,
|
|
|
|
message: metadata
|
|
|
|
};
|
|
|
|
postMessage(data, "${url.origin}");
|
2018-10-11 18:53:23 +03:00
|
|
|
}
|
2019-11-19 20:30:41 +03:00
|
|
|
postMessageData("${compatInfo.screenshot}", ${json});
|
2018-10-11 18:53:23 +03:00
|
|
|
})()`,
|
|
|
|
});
|
|
|
|
}
|