1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
/* 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");
box.setAttribute("fixedsize", "false");
addEventListener("pagehide", () => {
box.classList.remove("spotlightBox");
dialog?.classList.remove("spotlight");
box.removeAttribute("sizeto");
});
if (CONFIG?.disableEscClose) {
disableEscClose();
// Prevent ESC key from closing the Spotlight when focus is on the dialog frame. SubDialog has a system group handler that closes dialogs on ESC, so we need to stop propagation at the parent window level
const preventEscape = event => {
if (
event.key === "Escape" &&
(dialog?.contains(event.target) || box.contains(event.target))
) {
event.preventDefault();
event.stopPropagation();
}
};
browser.ownerGlobal.addEventListener("keydown", preventEscape, {
capture: true,
mozSystemGroup: true,
});
addEventListener("pagehide", () => {
browser.ownerGlobal.removeEventListener("keydown", preventEscape, {
capture: true,
mozSystemGroup: true,
});
});
}
// 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,
}
)
);
|
