117 lines
4 KiB
JavaScript
117 lines
4 KiB
JavaScript
/* 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 browser = window.docShell.chromeEventHandler;
|
|
const { document: gDoc, XPCOMUtils } = browser.ownerGlobal;
|
|
|
|
ChromeUtils.defineESModuleGetters(this, {
|
|
AboutWelcomeParent: "resource:///actors/AboutWelcomeParent.sys.mjs",
|
|
E10SUtils: "resource://gre/modules/E10SUtils.sys.mjs",
|
|
});
|
|
|
|
const CONFIG = window.arguments[0];
|
|
|
|
function addStylesheet(href) {
|
|
const link = document.head.appendChild(document.createElement("link"));
|
|
link.rel = "stylesheet";
|
|
link.href = href;
|
|
}
|
|
|
|
function disableEscClose() {
|
|
addEventListener("keydown", event => {
|
|
if (event.key === "Escape") {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Render content based on about:welcome multistage template.
|
|
*/
|
|
function renderMultistage(ready) {
|
|
const AWParent = new AboutWelcomeParent();
|
|
const receive = name => data =>
|
|
AWParent.onContentMessage(`AWPage:${name}`, data, browser);
|
|
|
|
// Expose top level functions expected by the bundle.
|
|
window.AWGetFeatureConfig = () => CONFIG;
|
|
window.AWGetSelectedTheme = receive("GET_SELECTED_THEME");
|
|
window.AWGetInstalledAddons = receive("GET_INSTALLED_ADDONS");
|
|
window.AWSelectTheme = data => receive("SELECT_THEME")(data?.toUpperCase());
|
|
// Do not send telemetry if message (e.g. spotlight in PBM) config sets metrics as 'block'.
|
|
if (CONFIG?.metrics !== "block") {
|
|
window.AWSendEventTelemetry = receive("TELEMETRY_EVENT");
|
|
}
|
|
window.AWSendToDeviceEmailsSupported = receive(
|
|
"SEND_TO_DEVICE_EMAILS_SUPPORTED"
|
|
);
|
|
window.AWAddScreenImpression = receive("ADD_SCREEN_IMPRESSION");
|
|
window.AWSendToParent = (name, data) => receive(name)(data);
|
|
window.AWFinish = () => {
|
|
window.close();
|
|
};
|
|
window.AWWaitForMigrationClose = receive("WAIT_FOR_MIGRATION_CLOSE");
|
|
window.AWEvaluateScreenTargeting = receive("EVALUATE_SCREEN_TARGETING");
|
|
window.AWEvaluateAttributeTargeting = receive("EVALUATE_ATTRIBUTE_TARGETING");
|
|
window.AWPredictRemoteType = ({ browserEl, url }) => {
|
|
const originAttributes = E10SUtils.predictOriginAttributes({
|
|
browser: browserEl,
|
|
});
|
|
const loadContext = window.docShell.QueryInterface(Ci.nsILoadContext);
|
|
const useRemoteTabs = loadContext.useRemoteTabs;
|
|
const useRemoteSubframes = loadContext.useRemoteSubframes;
|
|
|
|
return E10SUtils.getRemoteTypeForURI(
|
|
url,
|
|
useRemoteTabs,
|
|
useRemoteSubframes,
|
|
E10SUtils.DEFAULT_REMOTE_TYPE,
|
|
null,
|
|
originAttributes
|
|
);
|
|
};
|
|
|
|
// Update styling to be compatible with about:welcome.
|
|
addStylesheet("chrome://browser/content/aboutwelcome/aboutwelcome.css");
|
|
|
|
document.body.classList.add("onboardingContainer");
|
|
document.body.id = "multi-stage-message-root";
|
|
// This value is reported as the "page" in telemetry
|
|
document.body.dataset.page = "spotlight";
|
|
|
|
// Prevent applying the default modal shadow and margins because the content
|
|
// handles styling, including its own modal shadowing.
|
|
const box = browser.closest(".dialogBox");
|
|
const dialog = box.closest("dialog");
|
|
box.classList.add("spotlightBox");
|
|
dialog?.classList.add("spotlight");
|
|
// Prevent SubDialog methods from manually setting dialog size.
|
|
box.setAttribute("sizeto", "available");
|
|
addEventListener("pagehide", () => {
|
|
box.classList.remove("spotlightBox");
|
|
dialog?.classList.remove("spotlight");
|
|
box.removeAttribute("sizeto");
|
|
});
|
|
|
|
if (CONFIG?.disableEscClose) {
|
|
disableEscClose();
|
|
}
|
|
|
|
// Load the bundle to render the content as configured.
|
|
document.head.appendChild(document.createElement("script")).src =
|
|
"chrome://browser/content/aboutwelcome/aboutwelcome.bundle.js";
|
|
ready();
|
|
}
|
|
|
|
// Indicate when we're ready to show and size (async localized) content.
|
|
document.mozSubdialogReady = new Promise(resolve =>
|
|
document.addEventListener(
|
|
"DOMContentLoaded",
|
|
() => renderMultistage(resolve),
|
|
{
|
|
once: true,
|
|
}
|
|
)
|
|
);
|