buninu-browser 0.0.2

package/vendor/happy-dom/packages/happy-dom/src/nodes/html-image-element/HTMLImageElement.ts

@@ -0,0 +1,500 @@
+import HTMLElement from '../html-element/HTMLElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import type ICanvasShape from '../../canvas/ICanvasShape.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+import type Event from '../../event/Event.js';
+import WindowBrowserContext from '../../window/WindowBrowserContext.js';
+import ImageSize from '../../../../../../../lib/happy-dom/image-size-adapter.js';
+import type Response from '../../fetch/Response.js';
+import type Attr from '../attr/Attr.js';
+
+const DATA_URL_REGEX = /^\s*data:([^,]+)?,(.*)/;
+
+/**
+ * HTML Image Element.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement.
+ */
+export default class HTMLImageElement extends HTMLElement implements ICanvasShape {
+	public [PropertySymbol.tagName] = 'IMG';
+	public [PropertySymbol.complete] = true;
+	public [PropertySymbol.naturalHeight] = 0;
+	public [PropertySymbol.naturalWidth] = 0;
+	public [PropertySymbol.loading] = 'auto';
+	public [PropertySymbol.x] = 0;
+	public [PropertySymbol.y] = 0;
+	public [PropertySymbol.buffer]: Buffer | null = null;
+	public declare cloneNode: (deep?: boolean) => HTMLImageElement;
+
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onload(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onload');
+	}
+
+	public set onload(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onload', value);
+	}
+
+	public get onerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onerror');
+	}
+
+	public set onerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onerror', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
+	/**
+	 * Returns complete.
+	 *
+	 * @returns Complete.
+	 */
+	public get complete(): boolean {
+		return this[PropertySymbol.complete];
+	}
+
+	/**
+	 * Returns natural height.
+	 *
+	 * @returns Natural height.
+	 */
+	public get naturalHeight(): number {
+		return this[PropertySymbol.naturalHeight];
+	}
+
+	/**
+	 * Returns natural width.
+	 *
+	 * @returns Natural width.
+	 */
+	public get naturalWidth(): number {
+		return this[PropertySymbol.naturalWidth];
+	}
+
+	/**
+	 * Returns loading.
+	 *
+	 * @returns Loading.
+	 */
+	public get loading(): string {
+		const loading = this.getAttribute('loading');
+		return loading === 'eager' || loading === 'lazy' ? loading : 'auto';
+	}
+
+	/**
+	 * Sets loading.
+	 *
+	 * @param loading Loading.
+	 */
+	public set loading(loading: string) {
+		this.setAttribute('loading', loading);
+	}
+
+	/**
+	 * Returns x.
+	 */
+	public get x(): number {
+		return this[PropertySymbol.x];
+	}
+
+	/**
+	 * Returns y.
+	 */
+	public get y(): number {
+		return this[PropertySymbol.y];
+	}
+
+	/**
+	 * Returns decoding.
+	 *
+	 * @returns Decoding.
+	 */
+	public get decoding(): string {
+		return this.getAttribute('decoding') || 'auto';
+	}
+
+	/**
+	 * Sets decoding.
+	 *
+	 * @param decoding Decoding.
+	 */
+	public set decoding(decoding: string) {
+		this.setAttribute('decoding', decoding);
+	}
+
+	/**
+	 * Returns cross origin.
+	 *
+	 * @returns Cross origin.
+	 */
+	public get crossOrigin(): string | null {
+		return this.getAttribute('crossOrigin');
+	}
+
+	/**
+	 * Sets cross origin.
+	 *
+	 * @param crossOrigin Cross origin.
+	 */
+	public set crossOrigin(crossOrigin: string | null) {
+		if (crossOrigin === 'anonymous' || crossOrigin === 'use-credentials') {
+			this.setAttribute('crossOrigin', crossOrigin);
+		}
+	}
+
+	/**
+	 * Returns alt.
+	 *
+	 * @returns Alt.
+	 */
+	public get alt(): string {
+		return this.getAttribute('alt') || '';
+	}
+
+	/**
+	 * Sets alt.
+	 *
+	 * @param alt Alt.
+	 */
+	public set alt(alt: string) {
+		this.setAttribute('alt', alt);
+	}
+
+	/**
+	 * Returns current src.
+	 *
+	 * @returns Current src.
+	 */
+	public get currentSrc(): string {
+		return this.src;
+	}
+
+	/**
+	 * Returns width.
+	 *
+	 * @returns Width.
+	 */
+	public get width(): number {
+		const width = this.getAttribute('width');
+		if (width === null) {
+			return this[PropertySymbol.naturalWidth];
+		}
+		const parsed = parseInt(width, 10);
+		return isNaN(parsed) || parsed <= 0 ? this[PropertySymbol.naturalWidth] : parsed;
+	}
+
+	/**
+	 * Sets width.
+	 *
+	 * @param width Width.
+	 */
+	public set width(width: number) {
+		this.setAttribute('width', String(width));
+	}
+
+	/**
+	 * Returns height.
+	 *
+	 * @returns Height.
+	 */
+	public get height(): number {
+		const height = this.getAttribute('height');
+		if (height === null) {
+			return this[PropertySymbol.naturalHeight];
+		}
+		const parsed = parseInt(height, 10);
+		return isNaN(parsed) || parsed <= 0 ? this[PropertySymbol.naturalHeight] : parsed;
+	}
+
+	/**
+	 * Sets height.
+	 *
+	 * @param height Height.
+	 */
+	public set height(height: number) {
+		this.setAttribute('height', String(height));
+	}
+
+	/**
+	 * Returns is map.
+	 *
+	 * @returns Is map.
+	 */
+	public get isMap(): boolean {
+		return this.getAttribute('ismap') !== null;
+	}
+
+	/**
+	 * Sets is map.
+	 *
+	 * @param ismap Is map.
+	 */
+	public set isMap(isMap: boolean) {
+		if (!isMap) {
+			this.removeAttribute('ismap');
+		} else {
+			this.setAttribute('ismap', '');
+		}
+	}
+
+	/**
+	 * Returns referrer policy.
+	 *
+	 * @returns Referrer policy.
+	 */
+	public get referrerPolicy(): string {
+		return this.getAttribute('referrerpolicy') || '';
+	}
+
+	/**
+	 * Sets referrer policy.
+	 *
+	 * @param referrerPolicy Referrer policy.
+	 */
+	public set referrerPolicy(referrerPolicy: string) {
+		this.setAttribute('referrerpolicy', referrerPolicy);
+	}
+
+	/**
+	 * Returns sizes.
+	 *
+	 * @returns Sizes.
+	 */
+	public get sizes(): string {
+		return this.getAttribute('sizes') || '';
+	}
+
+	/**
+	 * Sets sizes.
+	 *
+	 * @param sizes Sizes.
+	 */
+	public set sizes(sizes: string) {
+		this.setAttribute('sizes', sizes);
+	}
+
+	/**
+	 * Returns source.
+	 *
+	 * @returns Source.
+	 */
+	public get src(): string {
+		const href = this.getAttribute('src');
+
+		if (!href) {
+			return '';
+		}
+
+		return this.#parseUrl(href) || this.getAttribute('src') || '';
+	}
+
+	/**
+	 * Sets source.
+	 *
+	 * @param src Source.
+	 */
+	public set src(src: string) {
+		this.setAttribute('src', src);
+	}
+
+	/**
+	 * Returns srcset.
+	 *
+	 * @returns Source.
+	 */
+	public get srcset(): string {
+		return this.getAttribute('srcset') || '';
+	}
+
+	/**
+	 * Sets src set.
+	 *
+	 * @param srcset Src set.
+	 */
+	public set srcset(srcset: string) {
+		this.setAttribute('srcset', srcset);
+	}
+
+	/**
+	 * Returns use map.
+	 *
+	 * @returns Use map.
+	 */
+	public get useMap(): string {
+		return this.getAttribute('usemap') || '';
+	}
+
+	/**
+	 * Sets is map.
+	 *
+	 * @param useMap Is map.
+	 */
+	public set useMap(useMap: string) {
+		this.setAttribute('usemap', useMap);
+	}
+
+	/**
+	 * The decode() method of the HTMLImageElement interface returns a Promise that resolves when the image is decoded and it is safe to append the image to the DOM.
+	 *
+	 * @returns Promise.
+	 */
+	public decode(): Promise<void> {
+		return Promise.resolve();
+	}
+
+	/**
+	 * @override
+	 */
+	public override [PropertySymbol.onSetAttribute](
+		attribute: Attr,
+		replacedAttribute: Attr | null
+	): void {
+		super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
+
+		if (attribute[PropertySymbol.name] === 'src') {
+			const url = this.#parseUrl(attribute[PropertySymbol.value]);
+
+			if (!url) {
+				this[PropertySymbol.complete] = true;
+				this[PropertySymbol.naturalHeight] = 0;
+				this[PropertySymbol.naturalWidth] = 0;
+				this.dispatchEvent(new this[PropertySymbol.window].Event('error'));
+				return;
+			}
+
+			if (this.#loadDataUrl(url)) {
+				return;
+			}
+
+			const settings = new WindowBrowserContext(this[PropertySymbol.window]).getSettings();
+			if (settings?.enableImageFileLoading) {
+				this.#loadUrlSource(this.src);
+			}
+		}
+	}
+
+	/**
+	 * @override
+	 */
+	public override [PropertySymbol.onRemoveAttribute](removedAttribute: Attr): void {
+		super[PropertySymbol.onRemoveAttribute](removedAttribute);
+
+		if (removedAttribute[PropertySymbol.name] === 'src') {
+			this[PropertySymbol.complete] = true;
+			this[PropertySymbol.naturalHeight] = 0;
+			this[PropertySymbol.naturalWidth] = 0;
+			this[PropertySymbol.buffer] = null;
+		}
+	}
+
+	/**
+	 * Parses the given source URL.
+	 *
+	 * @param src Source.
+	 * @returns Parsed URL or null if the URL is invalid.
+	 */
+	#parseUrl(src: string | null): string | null {
+		if (src === null) {
+			return null;
+		}
+
+		try {
+			return new URL(src, this[PropertySymbol.ownerDocument].location.href).href;
+		} catch {
+			// Ignore
+		}
+		return null;
+	}
+
+	/**
+	 * Loads the image from the given data URL.
+	 *
+	 * @param src Source.
+	 * @returns True if the image was loaded, false otherwise.
+	 */
+	#loadDataUrl(src: string): boolean {
+		const dataUrlMatch = src.match(DATA_URL_REGEX);
+
+		if (dataUrlMatch) {
+			const buffer = Buffer.from(dataUrlMatch[2], 'base64');
+			this[PropertySymbol.complete] = true;
+			this[PropertySymbol.buffer] = buffer;
+			this[PropertySymbol.complete] = false;
+			ImageSize(buffer).then((dimensions) => {
+				this[PropertySymbol.naturalHeight] = dimensions.height;
+				this[PropertySymbol.naturalWidth] = dimensions.width;
+				this[PropertySymbol.complete] = true;
+				this.dispatchEvent(new this[PropertySymbol.window].Event('load'));
+			}).catch(() => {
+				this[PropertySymbol.naturalHeight] = 0;
+				this[PropertySymbol.naturalWidth] = 0;
+				this[PropertySymbol.complete] = true;
+				this.dispatchEvent(new this[PropertySymbol.window].Event('error'));
+			});
+			return true;
+		}
+		return false;
+	}
+
+	/**
+	 * Loads the image from the given source.
+	 *
+	 * @param src Source.
+	 */
+	async #loadUrlSource(src: string): Promise<void> {
+		this[PropertySymbol.complete] = false;
+		this[PropertySymbol.naturalHeight] = 0;
+		this[PropertySymbol.naturalWidth] = 0;
+		this[PropertySymbol.buffer] = null;
+
+		let response: Response | null = null;
+		let error: Error | null = null;
+		try {
+			response = await this[PropertySymbol.window].fetch(src);
+		} catch (e) {
+			error = <Error>e;
+		}
+
+		if (error || !response?.ok) {
+			this[PropertySymbol.complete] = true;
+			this.dispatchEvent(new this[PropertySymbol.window].Event('error'));
+			if (response) {
+				this[PropertySymbol.window].console.error(
+					`GET ${src} ${response.status} (${response.statusText}).`
+				);
+			} else if (error) {
+				this[PropertySymbol.window].console.error(error);
+			}
+			return;
+		}
+
+		let buffer: Buffer;
+
+		try {
+			buffer = await response.buffer();
+		} catch (e) {
+			this[PropertySymbol.complete] = true;
+			this.dispatchEvent(new this[PropertySymbol.window].Event('error'));
+			return;
+		}
+
+		this[PropertySymbol.complete] = true;
+		this[PropertySymbol.buffer] = buffer;
+
+		try {
+			const dimensions = await ImageSize(buffer);
+			this[PropertySymbol.naturalHeight] = dimensions.height;
+			this[PropertySymbol.naturalWidth] = dimensions.width;
+		} catch (e) {
+			this[PropertySymbol.naturalHeight] = 0;
+			this[PropertySymbol.naturalWidth] = 0;
+		}
+
+		this.dispatchEvent(new this[PropertySymbol.window].Event('load'));
+	}
+}

package/vendor/happy-dom/packages/happy-dom/src/nodes/html-image-element/Image.ts

@@ -0,0 +1,33 @@
+import HTMLImageElement from './HTMLImageElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
+import NamespaceURI from '../../config/NamespaceURI.js';
+
+/**
+ * Image as constructor.
+ *
+ * Reference:
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image.
+ */
+export default class Image extends HTMLImageElement {
+	public [PropertySymbol.tagName] = 'IMG';
+	public [PropertySymbol.localName] = 'img';
+	public [PropertySymbol.namespaceURI] = NamespaceURI.html;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param [width] Width.
+	 * @param [height] Height.
+	 */
+	constructor(width: number | null = null, height: number | null = null) {
+		super();
+
+		if (width !== null) {
+			this.width = width;
+		}
+
+		if (height !== null) {
+			this.height = height;
+		}
+	}
+}

package/vendor/happy-dom/packages/happy-dom/src/nodes/html-input-element/FileList.ts

@@ -0,0 +1,34 @@
+import type File from '../../file/File.js';
+
+/**
+ * FileList.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/FileList
+ */
+export default class FileList extends Array<File> {
+	/**
+	 * Constructor.
+	 */
+	constructor() {
+		super(0);
+	}
+
+	/**
+	 * Returns `Symbol.toStringTag`.
+	 *
+	 * @returns `Symbol.toStringTag`.
+	 */
+	public get [Symbol.toStringTag](): string {
+		return this.constructor.name;
+	}
+
+	/**
+	 * Returns item by index.
+	 *
+	 * @param index Index.
+	 * @returns Item.
+	 */
+	public item(index: number): File | null {
+		return this[index] || null;
+	}
+}