happy-dom 16.8.0 → 17.0.0

package/lib/nodes/html-script-element/HTMLScriptElement.d.ts

@@ -3,6 +3,8 @@ import * as PropertySymbol from '../../PropertySymbol.js';
 import Event from '../../event/Event.js';
 import ErrorEvent from '../../event/events/ErrorEvent.js';
 import Attr from '../attr/Attr.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
+import IRequestReferrerPolicy from '../../fetch/types/IRequestReferrerPolicy.js';
 /**
  * HTML Script Element.
  *
@@ -15,6 +17,7 @@ export default class HTMLScriptElement extends HTMLElement {
     onerror: (event: ErrorEvent) => void;
     onload: (event: Event) => void;
     [PropertySymbol.evaluateScript]: boolean;
+    [PropertySymbol.blocking]: DOMTokenList | null;
     /**
      * Returns type.
      *
@@ -27,6 +30,76 @@ export default class HTMLScriptElement extends HTMLElement {
      * @param type Type.
      */
     set type(type: string);
+    /**
+     * Returns blocking.
+     */
+    get blocking(): DOMTokenList;
+    /**
+     * Sets blocking.
+     *
+     * @param value Value.
+     */
+    set blocking(value: string);
+    /**
+     * Returns crossOrigin.
+     *
+     * @returns CrossOrigin.
+     */
+    get crossOrigin(): string;
+    /**
+     * Sets crossOrigin.
+     *
+     * @param crossOrigin CrossOrigin.
+     */
+    set crossOrigin(crossOrigin: string);
+    /**
+     * Returns fetch priority.
+     *
+     * @returns Fetch priority.
+     */
+    get fetchPriority(): 'auto' | 'high' | 'low' | 'normal';
+    /**
+     * Sets fetch priority.
+     *
+     * @param fetchPriority Fetch priority.
+     */
+    set fetchPriority(fetchPriority: 'auto' | 'high' | 'low' | 'normal');
+    /**
+     * Returns noModule.
+     *
+     * @returns NoModule.
+     */
+    get noModule(): boolean;
+    /**
+     * Sets noModule.
+     *
+     * @param noModule NoModule.
+     */
+    set noModule(noModule: boolean);
+    /**
+     * Returns integrity.
+     *
+     * @returns Integrity.
+     */
+    get integrity(): string;
+    /**
+     * Sets integrity.
+     *
+     * @param integrity Integrity.
+     */
+    set integrity(integrity: string);
+    /**
+     * Returns referrerPolicy.
+     *
+     * @returns ReferrerPolicy.
+     */
+    get referrerPolicy(): IRequestReferrerPolicy;
+    /**
+     * Sets referrerPolicy.
+     *
+     * @param referrerPolicy ReferrerPolicy.
+     */
+    set referrerPolicy(referrerPolicy: string);
     /**
      * Returns source.
      *
@@ -111,5 +184,12 @@ export default class HTMLScriptElement extends HTMLElement {
      * @override
      */
     [PropertySymbol.onSetAttribute](attribute: Attr, replacedAttribute: Attr | null): void;
+    /**
+     * Returns true if the given type is supported.
+     *
+     * @param type Type.
+     * @returns True if the given type is supported.
+     */
+    static supports(type: string): boolean;
 }
 //# sourceMappingURL=HTMLScriptElement.d.ts.map

package/lib/nodes/html-script-element/HTMLScriptElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLScriptElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-script-element/HTMLScriptElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAI1D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAKnC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;;IAE1C,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,iBAAiB,CAAC;IAGzD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAQ;IAC5C,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAQ;IAGtC,CAAC,cAAc,CAAC,cAAc,CAAC,UAAQ;IAI9C;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED;;;;OAIG;IACH,IAAW,GAAG,IAAI,MAAM,CAWvB;IAED;;;;OAIG;IACH,IAAW,GAAG,CAAC,GAAG,EAAE,MAAM,EAEzB;IAED;;;;OAIG;IACH,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;;;OAIG;IACH,IAAW,OAAO,CAAC,OAAO,EAAE,MAAM,EAEjC;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,OAAO,CAE1B;IAED;;;;OAIG;IACH,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAM9B;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,OAAO,CAE1B;IAED;;;;OAIG;IACH,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAM9B;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;OAIG;IACH,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED;;OAEG;IACa,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,IAAI,UAAQ,GAAG,iBAAiB;IAI3E;;OAEG;IACa,CAAC,cAAc,CAAC,mBAAmB,CAAC,IAAI,IAAI;IAyC5D;;OAEG;IACa,CAAC,cAAc,CAAC,cAAc,CAAC,CAC9C,SAAS,EAAE,IAAI,EACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAC5B,IAAI;CAmHP"}
+{"version":3,"file":"HTMLScriptElement.d.ts","sourceRoot":"","sources":["../../../src/nodes/html-script-element/HTMLScriptElement.ts"],"names":[],"mappings":"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"}

package/lib/nodes/html-script-element/HTMLScriptElement.js

@@ -1,11 +1,13 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import Event from '../../event/Event.js';
-import WindowErrorUtility from '../../window/WindowErrorUtility.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import ResourceFetch from '../../fetch/ResourceFetch.js';
+import ECMAScriptModule from '../../module/ECMAScriptModule.js';
+import ModuleFactory from '../../module/ModuleFactory.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
 /**
  * HTML Script Element.
  *
@@ -18,6 +20,7 @@ export default class HTMLScriptElement extends HTMLElement {
     onload = null;
     // Internal properties
     [PropertySymbol.evaluateScript] = true;
+    [PropertySymbol.blocking] = null;
     // Private properties
     #loadedScriptURL = null;
     /**
@@ -36,6 +39,129 @@ export default class HTMLScriptElement extends HTMLElement {
     set type(type) {
         this.setAttribute('type', type);
     }
+    /**
+     * Returns blocking.
+     */
+    get blocking() {
+        if (!this[PropertySymbol.blocking]) {
+            this[PropertySymbol.blocking] = new DOMTokenList(PropertySymbol.illegalConstructor, this, 'blocking');
+        }
+        return this[PropertySymbol.blocking];
+    }
+    /**
+     * Sets blocking.
+     *
+     * @param value Value.
+     */
+    set blocking(value) {
+        this.setAttribute('blocking', value);
+    }
+    /**
+     * Returns crossOrigin.
+     *
+     * @returns CrossOrigin.
+     */
+    get crossOrigin() {
+        return this.getAttribute('crossorigin') || '';
+    }
+    /**
+     * Sets crossOrigin.
+     *
+     * @param crossOrigin CrossOrigin.
+     */
+    set crossOrigin(crossOrigin) {
+        this.setAttribute('crossorigin', crossOrigin);
+    }
+    /**
+     * Returns fetch priority.
+     *
+     * @returns Fetch priority.
+     */
+    get fetchPriority() {
+        const fetchPriority = this.getAttribute('fetchpriority');
+        switch (fetchPriority) {
+            case 'high':
+            case 'low':
+            case 'normal':
+                return fetchPriority;
+            default:
+                return 'auto';
+        }
+    }
+    /**
+     * Sets fetch priority.
+     *
+     * @param fetchPriority Fetch priority.
+     */
+    set fetchPriority(fetchPriority) {
+        this.setAttribute('fetchpriority', fetchPriority);
+    }
+    /**
+     * Returns noModule.
+     *
+     * @returns NoModule.
+     */
+    get noModule() {
+        return this.getAttribute('nomodule') !== null;
+    }
+    /**
+     * Sets noModule.
+     *
+     * @param noModule NoModule.
+     */
+    set noModule(noModule) {
+        if (noModule) {
+            this.setAttribute('nomodule', '');
+        }
+        else {
+            this.removeAttribute('nomodule');
+        }
+    }
+    /**
+     * Returns integrity.
+     *
+     * @returns Integrity.
+     */
+    get integrity() {
+        return this.getAttribute('integrity') || '';
+    }
+    /**
+     * Sets integrity.
+     *
+     * @param integrity Integrity.
+     */
+    set integrity(integrity) {
+        this.setAttribute('integrity', integrity);
+    }
+    /**
+     * Returns referrerPolicy.
+     *
+     * @returns ReferrerPolicy.
+     */
+    get referrerPolicy() {
+        const referrerPolicy = this.getAttribute('referrerpolicy');
+        switch (referrerPolicy) {
+            case 'no-referrer':
+            case 'no-referrer-when-downgrade':
+            case 'same-origin':
+            case 'origin':
+            case 'strict-origin':
+            case 'origin-when-cross-origin':
+            case 'strict-origin-when-cross-origin':
+            case 'unsafe-url':
+                return referrerPolicy;
+            default:
+                return '';
+        }
+    }
+    /**
+     * Sets referrerPolicy.
+     *
+     * @param referrerPolicy ReferrerPolicy.
+     */
+    set referrerPolicy(referrerPolicy) {
+        this.setAttribute('referrerpolicy', referrerPolicy);
+    }
     /**
      * Returns source.
      *
@@ -166,26 +292,29 @@ export default class HTMLScriptElement extends HTMLElement {
         if (this[PropertySymbol.evaluateScript]) {
             const src = this.getAttribute('src');
             if (src !== null) {
-                this.#loadScript(src);
+                if (this.getAttribute('type') === 'module') {
+                    this.#loadModule(src);
+                }
+                else {
+                    this.#loadScript(src);
+                }
             }
             else if (browserSettings && !browserSettings.disableJavaScriptEvaluation) {
-                const textContent = this.textContent;
+                const source = this.textContent;
                 const type = this.getAttribute('type');
-                if (textContent &&
-                    (type === null ||
+                if (source) {
+                    if (type === 'module') {
+                        this.#evaluateModule(source);
+                    }
+                    else if (type === 'importmap') {
+                        this.#evaluateImportMap(source);
+                    }
+                    else if (type === null ||
                         type === 'application/x-ecmascript' ||
                         type === 'application/x-javascript' ||
-                        type.startsWith('text/javascript'))) {
-                    this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
-                    const code = `//# sourceURL=${this[PropertySymbol.window].location.href}\n` + textContent;
-                    if (browserSettings.disableErrorCapturing ||
-                        browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
-                        this[PropertySymbol.window].eval(code);
+                        type.startsWith('text/javascript')) {
+                        this.#evaluateScript(source);
                     }
-                    else {
-                        WindowErrorUtility.captureError(this[PropertySymbol.window], () => this[PropertySymbol.window].eval(code));
-                    }
-                    this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
                 }
             }
         }
@@ -198,9 +327,182 @@ export default class HTMLScriptElement extends HTMLElement {
         if (attribute[PropertySymbol.name] === 'src' &&
             attribute[PropertySymbol.value] !== null &&
             this[PropertySymbol.isConnected]) {
-            this.#loadScript(attribute[PropertySymbol.value]);
+            if (this.getAttribute('type') === 'module') {
+                this.#loadModule(attribute[PropertySymbol.value]);
+            }
+            else {
+                this.#loadScript(attribute[PropertySymbol.value]);
+            }
         }
     }
+    /**
+     * Evaluates a module.
+     *
+     * @param source Source.
+     */
+    async #evaluateModule(source) {
+        const url = this[PropertySymbol.ownerDocument].location;
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        if (!browserFrame) {
+            return;
+        }
+        const module = new ECMAScriptModule(window, url, source);
+        const readyStateManager = window[PropertySymbol.readyStateManager];
+        readyStateManager.startTask();
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            await module.evaluate();
+        }
+        else {
+            try {
+                await module.evaluate();
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+                return;
+            }
+        }
+        readyStateManager.endTask();
+        this.dispatchEvent(new Event('load'));
+    }
+    /**
+     * Evaluates an import map.
+     *
+     * @param source Source.
+     */
+    async #evaluateImportMap(source) {
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        if (!browserFrame || window[PropertySymbol.moduleImportMap]) {
+            return;
+        }
+        let json;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            json = JSON.parse(source);
+        }
+        else {
+            try {
+                json = JSON.parse(source);
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+                return;
+            }
+        }
+        if (json.imports || json.scopes) {
+            const importMap = {
+                imports: [],
+                scopes: []
+            };
+            if (json.imports) {
+                for (const key of Object.keys(json.imports)) {
+                    importMap.imports.push({
+                        from: key,
+                        to: json.imports[key]
+                    });
+                }
+            }
+            if (json.scopes) {
+                for (const scopeKey of Object.keys(json.scopes)) {
+                    const scope = {
+                        scope: scopeKey,
+                        rules: []
+                    };
+                    for (const importKey of Object.keys(json.scopes[scopeKey])) {
+                        const value = json.scopes[scopeKey][importKey];
+                        scope.rules.push({
+                            from: importKey,
+                            to: value
+                        });
+                    }
+                    importMap.scopes.push(scope);
+                }
+            }
+            window[PropertySymbol.moduleImportMap] = importMap;
+        }
+    }
+    /**
+     * Evaluates a script.
+     *
+     * @param source Source.
+     */
+    #evaluateScript(source) {
+        const window = this[PropertySymbol.window];
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        if (!browserSettings) {
+            return;
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
+        const code = `//# sourceURL=${this[PropertySymbol.ownerDocument].location.href}\n` + source;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            window.eval(code);
+        }
+        else {
+            try {
+                window.eval(code);
+            }
+            catch (error) {
+                window[PropertySymbol.dispatchError](error);
+            }
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+    }
+    /**
+     * Loads a module.
+     *
+     * @param url URL.
+     */
+    async #loadModule(url) {
+        const window = this[PropertySymbol.window];
+        const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
+        const browserSettings = new WindowBrowserContext(window).getSettings();
+        if (!browserSettings) {
+            return;
+        }
+        if (!url || !this[PropertySymbol.isConnected] || this.getAttribute('type') !== 'module') {
+            return;
+        }
+        if (browserSettings &&
+            (browserSettings.disableJavaScriptFileLoading || browserSettings.disableJavaScriptEvaluation)) {
+            if (browserSettings.handleDisabledFileLoadingAsSuccess) {
+                this.dispatchEvent(new Event('load'));
+            }
+            else {
+                const error = new window.DOMException(`Failed to load module "${url}". JavaScript file loading is disabled.`, DOMExceptionNameEnum.notSupportedError);
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+            }
+            return;
+        }
+        const readyStateManager = window[PropertySymbol.readyStateManager];
+        readyStateManager.startTask();
+        // TODO: What to do with "referrerPolicy" and "crossOrigin" for modules?
+        // @see https://github.com/w3c/webappsec-referrer-policy/issues/111
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            const module = await ModuleFactory.getModule(window, window.location, url);
+            await module.evaluate();
+        }
+        else {
+            try {
+                const module = await ModuleFactory.getModule(window, window.location, url);
+                await module.evaluate();
+            }
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                readyStateManager.endTask();
+                return;
+            }
+        }
+        readyStateManager.endTask();
+        this.dispatchEvent(new Event('load'));
+    }
     /**
      * Returns a URL relative to the given Location object.
      *
@@ -209,24 +511,28 @@ export default class HTMLScriptElement extends HTMLElement {
     async #loadScript(url) {
         const window = this[PropertySymbol.window];
         const browserFrame = new WindowBrowserContext(window).getBrowserFrame();
-        const async = this.getAttribute('async') !== null ||
-            this.getAttribute('defer') !== null ||
-            this.getAttribute('type') === 'module';
         if (!browserFrame) {
             return;
         }
         const browserSettings = browserFrame.page?.context?.browser?.settings;
-        if (!url || !this[PropertySymbol.isConnected]) {
+        const type = this.getAttribute('type');
+        if (!url ||
+            !this[PropertySymbol.isConnected] ||
+            (type !== null &&
+                type !== 'application/x-ecmascript' &&
+                type !== 'application/x-javascript' &&
+                !type.startsWith('text/javascript'))) {
             return;
         }
         let absoluteURL;
         try {
-            absoluteURL = new URL(url, this[PropertySymbol.window].location.href).href;
+            absoluteURL = new URL(url, window.location.href);
         }
         catch (error) {
             return;
         }
-        if (this.#loadedScriptURL === absoluteURL) {
+        const absoluteURLString = absoluteURL.toString();
+        if (this.#loadedScriptURL === absoluteURLString) {
             return;
         }
         if (browserSettings &&
@@ -235,51 +541,79 @@ export default class HTMLScriptElement extends HTMLElement {
                 this.dispatchEvent(new Event('load'));
             }
             else {
-                WindowErrorUtility.dispatchError(this, new window.DOMException(`Failed to load external script "${absoluteURL}". JavaScript file loading is disabled.`, DOMExceptionNameEnum.notSupportedError));
+                const error = new window.DOMException(`Failed to load script "${absoluteURL}". JavaScript file loading is disabled.`, DOMExceptionNameEnum.notSupportedError);
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
             }
             return;
         }
-        const resourceFetch = new ResourceFetch({
-            browserFrame,
-            window: this[PropertySymbol.window]
-        });
+        this.#loadedScriptURL = absoluteURLString;
+        const resourceFetch = new ResourceFetch(window);
+        const async = this.getAttribute('async') !== null || this.getAttribute('defer') !== null;
         let code = null;
-        let error = null;
-        this.#loadedScriptURL = absoluteURL;
         if (async) {
-            const readyStateManager = this[PropertySymbol.window][PropertySymbol.readyStateManager];
+            const readyStateManager = window[PropertySymbol.readyStateManager];
             readyStateManager.startTask();
             try {
-                code = await resourceFetch.fetch(absoluteURL);
+                code = await resourceFetch.fetch(absoluteURLString, 'script', {
+                    credentials: this.crossOrigin === 'use-credentials' ? 'include' : 'same-origin',
+                    referrerPolicy: this.referrerPolicy
+                });
             }
-            catch (e) {
-                error = e;
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                return;
             }
             readyStateManager.endTask();
         }
         else {
             try {
-                code = resourceFetch.fetchSync(absoluteURL);
+                code = resourceFetch.fetchSync(absoluteURLString, 'script', {
+                    credentials: this.crossOrigin === 'use-credentials' ? 'include' : 'same-origin',
+                    referrerPolicy: this.referrerPolicy
+                });
             }
-            catch (e) {
-                error = e;
+            catch (error) {
+                browserFrame.page?.console.error(error);
+                this.dispatchEvent(new Event('error'));
+                return;
             }
         }
-        if (error) {
-            WindowErrorUtility.dispatchError(this, error);
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
+        code = '//# sourceURL=' + absoluteURL + '\n' + code;
+        if (browserSettings.disableErrorCapturing ||
+            browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            this[PropertySymbol.window].eval(code);
         }
         else {
-            this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = this;
-            code = '//# sourceURL=' + absoluteURL + '\n' + code;
-            if (browserSettings.disableErrorCapturing ||
-                browserSettings.errorCapture !== BrowserErrorCaptureEnum.tryAndCatch) {
+            try {
                 this[PropertySymbol.window].eval(code);
             }
-            else {
-                WindowErrorUtility.captureError(this[PropertySymbol.window], () => this[PropertySymbol.window].eval(code));
+            catch (error) {
+                this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+                window[PropertySymbol.dispatchError](error);
+                return;
             }
-            this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
-            this.dispatchEvent(new Event('load'));
+        }
+        this[PropertySymbol.ownerDocument][PropertySymbol.currentScript] = null;
+        this.dispatchEvent(new Event('load'));
+    }
+    /**
+     * Returns true if the given type is supported.
+     *
+     * @param type Type.
+     * @returns True if the given type is supported.
+     */
+    static supports(type) {
+        switch (type) {
+            case 'classic':
+            case 'module':
+            case 'importmap':
+                return true;
+            case 'speculationrules':
+            default:
+                return false;
         }
     }
 }