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
|
globalThis.assertSpeculationRulesIsSupported = () => {
assert_implements(
'supports' in HTMLScriptElement,
'HTMLScriptElement.supports must be supported');
assert_implements(
HTMLScriptElement.supports('speculationrules'),
'<script type="speculationrules"> must be supported');
};
// If you want access to these, be sure to include
// /html/browsers/browsing-the-web/remote-context-helper/resources/remote-context-helper.js.
// So as to avoid requiring everyone to do that, we only conditionally define this infrastructure.
if (globalThis.RemoteContextHelper) {
class PreloadingRemoteContextWrapper extends RemoteContextHelper.RemoteContextWrapper {
/**
* Starts preloading a page with this `PreloadingRemoteContextWrapper` as the
* referrer, using `<script type="speculationrules">`.
*
* @param {"prefetch"|"prerender"} preloadType - The preload type to use.
* @param {object} [extrasInSpeculationRule] - Additional properties to add
* to the speculation rule JSON.
* @param {RemoteContextConfig|object} [extraConfig] - Additional remote
* context configuration for the preloaded context.
* @returns {Promise<PreloadingRemoteContextWrapper>}
*/
addPreload(preloadType, { extrasInSpeculationRule = {}, ...extraConfig } = {}) {
const referrerRemoteContext = this;
return this.helper.createContext({
executorCreator(url) {
return referrerRemoteContext.executeScript((url, preloadType, extrasInSpeculationRule) => {
const script = document.createElement("script");
script.type = "speculationrules";
script.textContent = JSON.stringify({
[preloadType]: [
{
source: "list",
urls: [url],
...extrasInSpeculationRule
}
]
});
document.head.append(script);
}, [url, preloadType, extrasInSpeculationRule]);
},
extraConfig
});
}
}
globalThis.PreloadingRemoteContextHelper = class extends RemoteContextHelper {
static RemoteContextWrapper = PreloadingRemoteContextWrapper;
};
}
|
