happy-dom 16.8.1 → 17.0.0

package/src/module/ModuleFactory.ts

@@ -0,0 +1,134 @@
+import { URL } from 'url';
+import IModule from './IModule.js';
+import * as PropertySymbol from '../PropertySymbol.js';
+import CSSModule from './CSSModule.js';
+import JSONModule from './JSONModule.js';
+import UnresolvedModule from './UnresolvedModule.js';
+import WindowBrowserContext from '../window/WindowBrowserContext.js';
+import ResourceFetch from '../fetch/ResourceFetch.js';
+import ECMAScriptModule from './ECMAScriptModule.js';
+import BrowserWindow from '../window/BrowserWindow.js';
+import Location from '../location/Location.js';
+
+/**
+ * Module factory.
+ */
+export default class ModuleFactory {
+	/**
+	 * Fetches the source code of the module from the given URL and creates a new module instance.
+	 *
+	 * @param window Window.
+	 * @param parentURL Parent URL.
+	 * @param url Module URL.
+	 * @param [options] Options.
+	 * @param [options.with] Options.
+	 * @param [options.with.type] Module type.
+	 */
+	public static async getModule(
+		window: BrowserWindow,
+		parentURL: URL | Location,
+		url: string,
+		options?: { with?: { type?: string } }
+	): Promise<IModule> {
+		const absoluteURL = this.getURL(window, parentURL, url);
+		const absoluteURLString = absoluteURL.href;
+		const type = options?.with?.type || 'esm';
+
+		if (type !== 'esm' && type !== 'css' && type !== 'json') {
+			throw new window.TypeError(
+				`Failed to import module "${absoluteURL}" from "${parentURL}": Unkown type "${type}"`
+			);
+		}
+
+		const cached = <IModule>window[PropertySymbol.modules][type].get(absoluteURLString);
+
+		if (cached) {
+			if (cached instanceof UnresolvedModule) {
+				await new Promise((resolve, reject) => {
+					cached.addResolveListener(resolve, reject);
+				});
+				return <IModule>window[PropertySymbol.modules][type].get(absoluteURLString);
+			}
+			return cached;
+		}
+		const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+
+		if (!browserFrame) {
+			throw new window.TypeError(
+				`Failed to import module "${absoluteURL}" from "${parentURL}": Window is closed and is no longer attached to a frame`
+			);
+		}
+
+		const unresolvedModule = new UnresolvedModule(window, absoluteURL);
+
+		window[PropertySymbol.modules][type].set(absoluteURLString, unresolvedModule);
+
+		const resourceFetch = new ResourceFetch(window);
+		let source: string;
+		try {
+			source = await resourceFetch.fetch(absoluteURL, 'module');
+		} catch (error) {
+			unresolvedModule.resolve(error);
+			throw error;
+		}
+		let module: IModule;
+
+		switch (type) {
+			case 'json':
+				module = new JSONModule(window, absoluteURL, source);
+				break;
+			case 'css':
+				module = new CSSModule(window, absoluteURL, source);
+				break;
+			case 'esm':
+				module = new ECMAScriptModule(window, absoluteURL, source);
+				break;
+		}
+
+		window[PropertySymbol.modules][type].set(absoluteURLString, module);
+
+		unresolvedModule.resolve();
+
+		return module;
+	}
+
+	/**
+	 * Returns module URL based on parent URL and the import map.
+	 *
+	 * @param window Window.
+	 * @param parentURL Parent URL.
+	 * @param url Module URL.
+	 */
+	private static getURL(window: BrowserWindow, parentURL: URL | Location, url: string): URL {
+		const parentURLString = parentURL.href;
+		const absoluteURL = new URL(url, parentURLString);
+		const absoluteURLString = absoluteURL.href;
+		const importMap = window[PropertySymbol.moduleImportMap];
+
+		if (!importMap) {
+			return absoluteURL;
+		}
+
+		if (importMap.scopes) {
+			for (const scope of importMap.scopes) {
+				if (parentURLString.includes(scope.scope)) {
+					for (const rule of scope.rules) {
+						if (absoluteURLString.startsWith(rule.from)) {
+							return new URL(rule.to + absoluteURLString.replace(rule.from, ''));
+						}
+					}
+				}
+			}
+		}
+
+		if (importMap.imports) {
+			for (const rule of importMap.imports) {
+				if (absoluteURLString.startsWith(rule.from)) {
+					return new URL(rule.to + absoluteURLString.replace(rule.from, ''));
+				}
+			}
+		}
+
+		return absoluteURL;
+	}
+}

package/src/module/ModuleURLUtility.ts

@@ -0,0 +1,51 @@
+import { URL } from 'url';
+import * as PropertySymbol from '../PropertySymbol.js';
+import BrowserWindow from '../window/BrowserWindow.js';
+import Location from '../location/Location.js';
+
+/**
+ * Module URL utility.
+ */
+export default class ModuleURLUtility {
+	/**
+	 * Returns module URL based on parent URL and the import map.
+	 *
+	 * @param window Window.
+	 * @param parentURL Parent URL.
+	 * @param url Module URL.
+	 */
+	public static getURL(
+		window: BrowserWindow,
+		parentURL: URL | Location | string,
+		url: string
+	): URL {
+		const parentURLString = typeof parentURL === 'string' ? parentURL : parentURL.href;
+		const importMap = window[PropertySymbol.moduleImportMap];
+
+		if (!importMap) {
+			return new URL(url, parentURLString);
+		}
+
+		if (importMap.scopes.length) {
+			for (const scope of importMap.scopes) {
+				if (parentURLString.includes(scope.scope)) {
+					for (const rule of scope.rules) {
+						if (url.startsWith(rule.from)) {
+							return new URL(rule.to + url.replace(rule.from, ''), parentURLString);
+						}
+					}
+				}
+			}
+		}
+
+		if (importMap.imports.length) {
+			for (const rule of importMap.imports) {
+				if (url.startsWith(rule.from)) {
+					return new URL(rule.to + url.replace(rule.from, ''), parentURLString);
+				}
+			}
+		}
+
+		return new URL(url, parentURLString);
+	}
+}

package/src/module/UnresolvedModule.ts

@@ -0,0 +1,77 @@
+import BrowserWindow from '../window/BrowserWindow.js';
+import { URL } from 'url';
+import IModule from './IModule.js';
+
+/**
+ * CSS module.
+ */
+export default class UnresolvedModule implements IModule {
+	public readonly url: URL;
+	readonly #window: BrowserWindow;
+	#hooks: { resolve: (value: unknown) => void; reject: (error: Error) => void }[] = [];
+	#error: Error | null = null;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param window Window.
+	 * @param url Module URL.
+	 */
+	constructor(window: BrowserWindow, url: URL) {
+		this.#window = window;
+		this.url = url;
+	}
+
+	/**
+	 * Compiles and evaluates the module.
+	 *
+	 * @returns Module exports.
+	 */
+	public async evaluate(): Promise<null> {
+		throw new this.#window.TypeError('Unresolved module. We should never end up here.');
+	}
+
+	/**
+	 * Compiles and preloads the module and its imports.
+	 *
+	 * @returns Promise.
+	 */
+	public async preload(): Promise<void> {
+		throw new this.#window.TypeError('Unresolved module. We should never end up here.');
+	}
+
+	/**
+	 * Add a hook to be called when the module is resolved.
+	 *
+	 * @param resolve Resolve.
+	 * @param reject Reject.
+	 */
+	public addResolveListener(
+		resolve: (value: unknown) => void,
+		reject: (error: Error) => void
+	): void {
+		if (this.#error) {
+			reject(this.#error);
+			return;
+		}
+		this.#hooks.push({ resolve, reject });
+	}
+
+	/**
+	 * Resolves the module.
+	 *
+	 * @param [error] Error.
+	 */
+	public resolve(error?: Error): void {
+		if (error) {
+			this.#error = error;
+		}
+		for (const hook of this.#hooks) {
+			if (error) {
+				hook.reject(error);
+			} else {
+				hook.resolve(null);
+			}
+		}
+	}
+}

package/src/nodes/document/Document.ts

@@ -49,6 +49,7 @@ import NodeFactory from '../NodeFactory.js';
 import SVGElementConfig from '../../config/SVGElementConfig.js';
 import StringUtility from '../../utilities/StringUtility.js';
 import HTMLParser from '../../html-parser/HTMLParser.js';
+import PreloadEntry from '../../fetch/preload/PreloadEntry.js';
 
 const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 
@@ -80,6 +81,7 @@ export default class Document extends Node {
 	> = new Map();
 	public [PropertySymbol.contentType]: string = 'text/html';
 	public [PropertySymbol.xmlProcessingInstruction]: ProcessingInstruction | null = null;
+	public [PropertySymbol.preloads]: Map<string, PreloadEntry> = new Map();
 	public declare cloneNode: (deep?: boolean) => Document;
 
 	// Private properties

package/src/nodes/element/Element.ts

@@ -14,7 +14,6 @@ import Attr from '../attr/Attr.js';
 import NamedNodeMap from './NamedNodeMap.js';
 import Event from '../../event/Event.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
-import WindowErrorUtility from '../../window/WindowErrorUtility.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
@@ -33,6 +32,7 @@ import NodeFactory from '../NodeFactory.js';
 import HTMLSerializer from '../../html-serializer/HTMLSerializer.js';
 import HTMLParser from '../../html-parser/HTMLParser.js';
 import IScrollToOptions from '../../window/IScrollToOptions.js';
+import { AttributeUtility } from '../../utilities/AttributeUtility.js';
 
 type InsertAdjacentPosition = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
 
@@ -259,6 +259,15 @@ export default class Element
 		return <DOMTokenList>this[PropertySymbol.classList];
 	}
 
+	/**
+	 * Sets class list.
+	 *
+	 * @param value Class list.
+	 */
+	public set classList(value: string) {
+		this.setAttribute('class', value);
+	}
+
 	/**
 	 * Returns ID.
 	 *
@@ -669,6 +678,12 @@ export default class Element
 	 * @param value Value.
 	 */
 	public setAttribute(name: string, value: string): void {
+		AttributeUtility.validateAttributeName(
+			name,
+			this[PropertySymbol.ownerDocument][PropertySymbol.contentType],
+			{ method: 'setAttribute', instance: 'Element' }
+		);
+		name = String(name);
 		const namespaceURI = this[PropertySymbol.namespaceURI];
 		// TODO: Is it correct to check for namespaceURI === NamespaceURI.svg?
 		const attribute =
@@ -1258,7 +1273,8 @@ export default class Element
 	 */
 	public override dispatchEvent(event: Event): boolean {
 		const returnValue = super.dispatchEvent(event);
-		const browserSettings = new WindowBrowserContext(this[PropertySymbol.window]).getSettings();
+		const window = this[PropertySymbol.window];
+		const browserSettings = new WindowBrowserContext(window).getSettings();
 
 		if (
 			browserSettings &&
@@ -1269,17 +1285,19 @@ export default class Element
 			const attribute = this.getAttribute('on' + event.type);
 
 			if (attribute && !event[PropertySymbol.immediatePropagationStopped]) {
-				const code = `//# sourceURL=${this[PropertySymbol.window].location.href}\n${attribute}`;
+				const code = `//# sourceURL=${window.location.href}\n${attribute}`;
 
 				if (
 					browserSettings.disableErrorCapturing ||
 					browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch
 				) {
-					this[PropertySymbol.window].eval(code);
+					window.eval(code);
 				} else {
-					WindowErrorUtility.captureError(this[PropertySymbol.window], () =>
-						this[PropertySymbol.window].eval(code)
-					);
+					try {
+						window.eval(code);
+					} catch (error) {
+						window[PropertySymbol.dispatchError](error);
+					}
 				}
 			}
 		}

package/src/nodes/html-anchor-element/HTMLAnchorElement.ts

@@ -294,6 +294,15 @@ export default class HTMLAnchorElement extends HTMLElement implements IHTMLHyper
 		return <DOMTokenList>this[PropertySymbol.relList];
 	}
 
+	/**
+	 * Sets rel list.
+	 *
+	 * @param value Value.
+	 */
+	public set relList(value: string) {
+		this.setAttribute('rel', value);
+	}
+
 	/**
 	 * Returns search.
 	 *

package/src/nodes/html-area-element/HTMLAreaElement.ts

@@ -158,6 +158,15 @@ export default class HTMLAreaElement extends HTMLElement implements IHTMLHyperli
 		return <DOMTokenList>this[PropertySymbol.relList];
 	}
 
+	/**
+	 * Sets rel list.
+	 *
+	 * @param value Value.
+	 */
+	public set relList(value: string) {
+		this.setAttribute('rel', value);
+	}
+
 	/**
 	 * Returns target.
 	 *

package/src/nodes/html-element/HTMLElement.ts

@@ -746,6 +746,9 @@ export default class HTMLElement extends Element {
 		}
 
 		if (newElement[PropertySymbol.isConnected]) {
+			if (newElement[PropertySymbol.shadowRoot]) {
+				newElement[PropertySymbol.shadowRoot][PropertySymbol.isConnected] = true;
+			}
 			newElement[PropertySymbol.connectedToDocument]();
 		}
 	}

package/src/nodes/html-iframe-element/HTMLIFrameElement.ts

@@ -9,7 +9,6 @@ import DOMTokenList from '../../dom/DOMTokenList.js';
 import Attr from '../attr/Attr.js';
 import BrowserFrameFactory from '../../browser/utilities/BrowserFrameFactory.js';
 import BrowserFrameURL from '../../browser/utilities/BrowserFrameURL.js';
-import WindowErrorUtility from '../../window/WindowErrorUtility.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import IRequestReferrerPolicy from '../../fetch/types/IRequestReferrerPolicy.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
@@ -375,13 +374,12 @@ export default class HTMLIFrameElement extends HTMLElement {
 		}
 
 		if (browserFrame.page.context.browser.settings.disableIframePageLoading) {
-			WindowErrorUtility.dispatchError(
-				this,
-				new window.DOMException(
-					`Failed to load iframe page "${targetURL.href}". Iframe page loading is disabled.`,
-					DOMExceptionNameEnum.notSupportedError
-				)
+			const error = new window.DOMException(
+				`Failed to load iframe page "${targetURL.href}". Iframe page loading is disabled.`,
+				DOMExceptionNameEnum.notSupportedError
 			);
+			browserFrame.page?.console.error(error);
+			this.dispatchEvent(new Event('error'));
 			return;
 		}
 
@@ -400,7 +398,10 @@ export default class HTMLIFrameElement extends HTMLElement {
 				referrerPolicy: <IRequestReferrerPolicy>this.referrerPolicy
 			})
 			.then(() => this.dispatchEvent(new Event('load')))
-			.catch((error) => WindowErrorUtility.dispatchError(this, error));
+			.catch((error) => {
+				browserFrame.page?.console.error(error);
+				this.dispatchEvent(new Event('error'));
+			});
 
 		this.#contentWindowContainer.window = isSameOrigin
 			? this.#iframe.window