-
-
Notifications
You must be signed in to change notification settings - Fork 178
/
HTMLLinkElementStyleSheetLoader.ts
110 lines (96 loc) · 3.02 KB
/
HTMLLinkElementStyleSheetLoader.ts
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
import Event from '../../event/Event.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import ResourceFetch from '../../fetch/ResourceFetch.js';
import CSSStyleSheet from '../../css/CSSStyleSheet.js';
import DOMException from '../../exception/DOMException.js';
import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
import WindowErrorUtility from '../../window/WindowErrorUtility.js';
import DocumentReadyStateManager from '../document/DocumentReadyStateManager.js';
import HTMLLinkElement from './HTMLLinkElement.js';
import IBrowserFrame from '../../browser/types/IBrowserFrame.js';
/**
* Helper class for getting the URL relative to a Location object.
*/
export default class HTMLLinkElementStyleSheetLoader {
#element: HTMLLinkElement;
#browserFrame: IBrowserFrame;
#loadedStyleSheetURL: string | null = null;
/**
* Constructor.
*
* @param options Options.
* @param options.element Element.
* @param options.browserFrame Browser frame.
*/
constructor(options: { element: HTMLLinkElement; browserFrame: IBrowserFrame }) {
this.#element = options.element;
this.#browserFrame = options.browserFrame;
}
/**
* Returns a URL relative to the given Location object.
*
* @param url URL.
* @param rel Rel.
*/
public async loadStyleSheet(url: string | null, rel: string | null): Promise<void> {
const element = this.#element;
const browserSettings = this.#browserFrame.page.context.browser.settings;
const window = element[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow];
if (
!url ||
!rel ||
rel.toLowerCase() !== 'stylesheet' ||
!element[PropertySymbol.isConnected]
) {
return;
}
let absoluteURL: string;
try {
absoluteURL = new URL(url, window.location.href).href;
} catch (error) {
return;
}
if (this.#loadedStyleSheetURL === absoluteURL) {
return;
}
if (browserSettings.disableCSSFileLoading) {
if (browserSettings.handleDisabledFileLoadingAsSuccess) {
element.dispatchEvent(new Event('load'));
} else {
WindowErrorUtility.dispatchError(
element,
new DOMException(
`Failed to load external stylesheet "${absoluteURL}". CSS file loading is disabled.`,
DOMExceptionNameEnum.notSupportedError
)
);
}
return;
}
const resourceFetch = new ResourceFetch({
browserFrame: this.#browserFrame,
window: window
});
const readyStateManager = (<{ [PropertySymbol.readyStateManager]: DocumentReadyStateManager }>(
(<unknown>window)
))[PropertySymbol.readyStateManager];
this.#loadedStyleSheetURL = absoluteURL;
readyStateManager.startTask();
let code: string | null = null;
let error: Error | null = null;
try {
code = await resourceFetch.fetch(absoluteURL);
} catch (e) {
error = e;
}
readyStateManager.endTask();
if (error) {
WindowErrorUtility.dispatchError(element, error);
} else {
const styleSheet = new CSSStyleSheet();
styleSheet.replaceSync(code);
element[PropertySymbol.sheet] = styleSheet;
element.dispatchEvent(new Event('load'));
}
}
}