@schukai/monster 3.5.0 → 3.8.0

package/source/dom/resource/link.mjs

@@ -5,18 +5,20 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../../data/extend.mjs";
+import { extend } from "../../data/extend.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_HREF,
     ATTRIBUTE_ID,
-    ATTRIBUTE_NONCE, ATTRIBUTE_SRC,
-    ATTRIBUTE_TITLE, ATTRIBUTE_TYPE,
-    TAG_LINK
+    ATTRIBUTE_NONCE,
+    ATTRIBUTE_SRC,
+    ATTRIBUTE_TITLE,
+    ATTRIBUTE_TYPE,
+    TAG_LINK,
 } from "../constants.mjs";
-import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.mjs";
-import {instanceSymbol} from '../../constants.mjs';
-export {Link}
+import { KEY_DOCUMENT, referenceSymbol, Resource } from "../resource.mjs";
+import { instanceSymbol } from "../../constants.mjs";
+export { Link };
 
 /**
  * This class is used by the resource manager to embed external resources.
@@ -29,7 +31,6 @@ export {Link}
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
  */
 class Link extends Resource {
-
     /**
      * @property {string} as {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as}
      * @property {string} crossOrigin=anonymous {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-crossorigin}
@@ -50,7 +51,7 @@ class Link extends Resource {
     get defaults() {
         return extend({}, super.defaults, {
             as: undefined,
-            crossOrigin: 'anonymous',
+            crossOrigin: "anonymous",
             disabled: undefined,
             href: undefined,
             hreflang: undefined,
@@ -63,8 +64,8 @@ class Link extends Resource {
             rel: undefined,
             sizes: undefined,
             type: undefined,
-            nonce: undefined
-        })
+            nonce: undefined,
+        });
     }
 
     /**
@@ -76,7 +77,6 @@ class Link extends Resource {
         return Symbol.for("@schukai/monster/dom/resource/link");
     }
 
-
     /**
      *
      * @return {Monster.DOM.Resource.Link}
@@ -90,9 +90,8 @@ class Link extends Resource {
      * @return {string}
      */
     static getURLAttribute() {
-        return ATTRIBUTE_HREF
+        return ATTRIBUTE_HREF;
     }
-
 }
 
 /**
@@ -105,11 +104,31 @@ function createElement() {
     const document = self.getOption(KEY_DOCUMENT);
     self[referenceSymbol] = document.createElement(TAG_LINK);
 
-    for (let key of ['as','crossOrigin','disabled','href','hreflang','imagesizes','imagesrcset','integrity','media','prefetch','referrerpolicy','sizes','rel','type',ATTRIBUTE_HREF,ATTRIBUTE_ID,ATTRIBUTE_CLASS,ATTRIBUTE_TITLE,ATTRIBUTE_NONCE]) {
+    for (let key of [
+        "as",
+        "crossOrigin",
+        "disabled",
+        "href",
+        "hreflang",
+        "imagesizes",
+        "imagesrcset",
+        "integrity",
+        "media",
+        "prefetch",
+        "referrerpolicy",
+        "sizes",
+        "rel",
+        "type",
+        ATTRIBUTE_HREF,
+        ATTRIBUTE_ID,
+        ATTRIBUTE_CLASS,
+        ATTRIBUTE_TITLE,
+        ATTRIBUTE_NONCE,
+    ]) {
         if (self.getOption(key) !== undefined) {
             self[referenceSymbol][key] = self.getOption(key);
         }
-    }    
-    
+    }
+
     return self;
 }

package/source/dom/resource/namespace.mjs

@@ -4,7 +4,7 @@
  */
 
 /**
- * In this namespace you will find classes and methods for handling resources. 
+ * In this namespace you will find classes and methods for handling resources.
  *
  * @namespace  Monster.DOM.Resource
  * @memberOf Monster

package/source/dom/resource/script.mjs

@@ -5,7 +5,7 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../../data/extend.mjs";
+import { extend } from "../../data/extend.mjs";
 import {
     ATTRIBUTE_CLASS,
     ATTRIBUTE_ID,
@@ -13,11 +13,11 @@ import {
     ATTRIBUTE_SRC,
     ATTRIBUTE_TITLE,
     ATTRIBUTE_TYPE,
-    TAG_SCRIPT
+    TAG_SCRIPT,
 } from "../constants.mjs";
-import {KEY_DOCUMENT, referenceSymbol, Resource} from "../resource.mjs";
-import {instanceSymbol} from '../../constants.mjs';
-export {Script}
+import { KEY_DOCUMENT, referenceSymbol, Resource } from "../resource.mjs";
+import { instanceSymbol } from "../../constants.mjs";
+export { Script };
 
 /**
  * This class is used by the resource manager to embed scripts.
@@ -29,7 +29,6 @@ export {Script}
  * @summary A Resource class
  */
 class Script extends Resource {
-
     /**
      * @property {boolean} async=true {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-async}
      * @property {string} crossOrigin=anonymous {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-crossorigin}
@@ -43,14 +42,14 @@ class Script extends Resource {
     get defaults() {
         return extend({}, super.defaults, {
             async: true,
-            crossOrigin: 'anonymous',
+            crossOrigin: "anonymous",
             defer: false,
             integrity: undefined,
             nomodule: false,
             nonce: undefined,
             referrerpolicy: undefined,
-            type: 'text/javascript',
-        })
+            type: "text/javascript",
+        });
     }
 
     /**
@@ -75,9 +74,8 @@ class Script extends Resource {
      * @return {string}
      */
     static getURLAttribute() {
-        return ATTRIBUTE_SRC
+        return ATTRIBUTE_SRC;
     }
-
 }
 
 /**
@@ -90,12 +88,24 @@ function createElement() {
     const document = self.getOption(KEY_DOCUMENT);
     self[referenceSymbol] = document.createElement(TAG_SCRIPT);
 
-    for (let key of ['crossOrigin', 'defer', 'async', 'integrity', 'nomodule', ATTRIBUTE_NONCE, 'referrerpolicy', ATTRIBUTE_TYPE, ATTRIBUTE_SRC, ATTRIBUTE_ID, ATTRIBUTE_CLASS, ATTRIBUTE_TITLE]) {
+    for (let key of [
+        "crossOrigin",
+        "defer",
+        "async",
+        "integrity",
+        "nomodule",
+        ATTRIBUTE_NONCE,
+        "referrerpolicy",
+        ATTRIBUTE_TYPE,
+        ATTRIBUTE_SRC,
+        ATTRIBUTE_ID,
+        ATTRIBUTE_CLASS,
+        ATTRIBUTE_TITLE,
+    ]) {
         if (self.getOption(key) !== undefined) {
             self[referenceSymbol][key] = self.getOption(key);
         }
     }
 
-
     return self;
 }

package/source/dom/resource.mjs

@@ -5,42 +5,42 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {internalStateSymbol, internalSymbol,} from "../constants.mjs";
-import {extend} from "../data/extend.mjs";
-import {BaseWithOptions} from "../types/basewithoptions.mjs";
-import {getGlobalObject} from "../types/global.mjs";
-import {ID} from "../types/id.mjs";
-import {isString} from "../types/is.mjs";
-import {Observer} from "../types/observer.mjs";
-import {ProxyObserver} from "../types/proxyobserver.mjs";
-import {ATTRIBUTE_CLASS, ATTRIBUTE_ID, ATTRIBUTE_TITLE} from "./constants.mjs";
-import {instanceSymbol} from "../constants.mjs";
-
-export {Resource, KEY_DOCUMENT, KEY_QUERY, referenceSymbol}
+import { internalStateSymbol, internalSymbol } from "../constants.mjs";
+import { extend } from "../data/extend.mjs";
+import { BaseWithOptions } from "../types/basewithoptions.mjs";
+import { getGlobalObject } from "../types/global.mjs";
+import { ID } from "../types/id.mjs";
+import { isString } from "../types/is.mjs";
+import { Observer } from "../types/observer.mjs";
+import { ProxyObserver } from "../types/proxyobserver.mjs";
+import { ATTRIBUTE_CLASS, ATTRIBUTE_ID, ATTRIBUTE_TITLE } from "./constants.mjs";
+import { instanceSymbol } from "../constants.mjs";
+
+export { Resource, KEY_DOCUMENT, KEY_QUERY, referenceSymbol };
 
 /**
  * @private
  * @type {string}
  */
-const KEY_DOCUMENT = 'document';
+const KEY_DOCUMENT = "document";
 
 /**
  * @private
  * @type {string}
  */
-const KEY_QUERY = 'query';
+const KEY_QUERY = "query";
 
 /**
  * @private
  * @type {string}
  */
-const KEY_TIMEOUT = 'timeout';
+const KEY_TIMEOUT = "timeout";
 
 /**
  * @private
  * @type {symbol}
  */
-const referenceSymbol = Symbol('reference');
+const referenceSymbol = Symbol("reference");
 
 /**
  * This class is the base class for all resources to be loaded.
@@ -52,7 +52,6 @@ const referenceSymbol = Symbol('reference');
  * @summary A Resource class
  */
 class Resource extends BaseWithOptions {
-
     /**
      *
      * @param {Object|undefined} options
@@ -63,28 +62,26 @@ class Resource extends BaseWithOptions {
         let uri = this.getOption(this.constructor.getURLAttribute());
 
         if (uri === undefined) {
-            throw new Error('missing source')
+            throw new Error("missing source");
         } else if (uri instanceof URL) {
             uri = uri.toString();
         } else if (!isString(uri)) {
-            throw new Error('unsupported url type')
+            throw new Error("unsupported url type");
         }
 
         this[internalSymbol][this.constructor.getURLAttribute()] = uri;
         this[internalStateSymbol] = new ProxyObserver({
             loaded: false,
             error: undefined,
-        })
+        });
 
         this[referenceSymbol] = undefined;
-
     }
 
     /**
      * @return {boolean}
      */
     isConnected() {
-
         if (this[referenceSymbol] instanceof HTMLElement) {
             return this[referenceSymbol].isConnected;
         }
@@ -111,7 +108,6 @@ class Resource extends BaseWithOptions {
      * @return {Monster.DOM.Resource}
      */
     connect() {
-
         if (!(this[referenceSymbol] instanceof HTMLElement)) {
             this.create();
         }
@@ -132,13 +128,13 @@ class Resource extends BaseWithOptions {
     get defaults() {
         return extend({}, super.defaults, {
             [this.constructor.getURLAttribute()]: undefined,
-            [KEY_DOCUMENT]: getGlobalObject('document'),
-            [KEY_QUERY]: 'head',
+            [KEY_DOCUMENT]: getGlobalObject("document"),
+            [KEY_QUERY]: "head",
             [KEY_TIMEOUT]: 10000,
-            [ATTRIBUTE_ID]: (new ID('resource')).toString(),
+            [ATTRIBUTE_ID]: new ID("resource").toString(),
             [ATTRIBUTE_CLASS]: undefined,
-            [ATTRIBUTE_TITLE]: undefined
-        })
+            [ATTRIBUTE_TITLE]: undefined,
+        });
     }
 
     /**
@@ -150,40 +146,35 @@ class Resource extends BaseWithOptions {
     available() {
         const self = this;
         if (!(self[referenceSymbol] instanceof HTMLElement)) {
-            return Promise.reject('no element')
+            return Promise.reject("no element");
         }
 
         if (!self.isConnected()) {
-            return Promise.reject('element not connected')
+            return Promise.reject("element not connected");
         }
 
-        if (self[internalStateSymbol].getSubject()['loaded'] === true) {
-
-            if (self[internalStateSymbol].getSubject()['error'] !== undefined) {
-                return Promise.reject(self[internalStateSymbol].getSubject()['error']);
+        if (self[internalStateSymbol].getSubject()["loaded"] === true) {
+            if (self[internalStateSymbol].getSubject()["error"] !== undefined) {
+                return Promise.reject(self[internalStateSymbol].getSubject()["error"]);
             }
 
             return Promise.resolve();
-
         }
 
         return new Promise(function (resolve, reject) {
-
             const timeout = setTimeout(() => {
-                reject('timeout');
-            }, self.getOption('timeout'))
+                reject("timeout");
+            }, self.getOption("timeout"));
 
             const observer = new Observer(() => {
                 clearTimeout(timeout);
                 self[internalStateSymbol].detachObserver(observer);
                 resolve();
-            })
+            });
 
             self[internalStateSymbol].attachObserver(observer);
-
         });
-
-    };
+    }
 
     /**
      * @return {string}
@@ -191,17 +182,15 @@ class Resource extends BaseWithOptions {
     static getURLAttribute() {
         throw new Error("this method must be implemented by derived classes");
     }
-    
+
     /**
      * @return {symbol}
      */
     static get [instanceSymbol]() {
         return Symbol.for("@schukai/monster/dom/resource");
     }
-
 }
 
-
 /**
  * @private
  * @return {Promise}
@@ -210,9 +199,9 @@ class Resource extends BaseWithOptions {
 function appendToDocument() {
     const self = this;
 
-    const targetNode = document.querySelector(self.getOption(KEY_QUERY, 'head'))
+    const targetNode = document.querySelector(self.getOption(KEY_QUERY, "head"));
     if (!(targetNode instanceof HTMLElement)) {
-        throw new Error('target not found')
+        throw new Error("target not found");
     }
 
     addEvents.call(self);
@@ -229,28 +218,26 @@ function addEvents() {
     const self = this;
 
     const onError = () => {
-
-        self[referenceSymbol].removeEventListener('error', onError);
-        self[referenceSymbol].removeEventListener('load', onLoad);
+        self[referenceSymbol].removeEventListener("error", onError);
+        self[referenceSymbol].removeEventListener("load", onLoad);
 
         self[internalStateSymbol].setSubject({
             loaded: true,
-            error: self[referenceSymbol][self.constructor.getURLAttribute()] + ' is not available',
-        })
+            error: `${self[referenceSymbol][self.constructor.getURLAttribute()]} is not available`,
+        });
 
         return;
-    }
+    };
 
     const onLoad = () => {
-        self[referenceSymbol].removeEventListener('error', onError);
-        self[referenceSymbol].removeEventListener('load', onLoad);
-        self[internalStateSymbol].getSubject()['loaded'] = true;
+        self[referenceSymbol].removeEventListener("error", onError);
+        self[referenceSymbol].removeEventListener("load", onLoad);
+        self[internalStateSymbol].getSubject()["loaded"] = true;
         return;
-    }
+    };
 
-    self[referenceSymbol].addEventListener('load', onLoad, false);
-    self[referenceSymbol].addEventListener('error', onError, false);
+    self[referenceSymbol].addEventListener("load", onLoad, false);
+    self[referenceSymbol].addEventListener("error", onError, false);
 
     return self;
-
 }

package/source/dom/resourcemanager.mjs

@@ -5,17 +5,17 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../data/extend.mjs";
-import {BaseWithOptions} from "../types/basewithoptions.mjs";
-import {getGlobalObject} from "../types/global.mjs";
-import {isArray} from "../types/is.mjs";
-import {ATTRIBUTE_HREF, ATTRIBUTE_SRC} from "./constants.mjs";
-import {Resource} from "./resource.mjs";
-import {Data} from "./resource/data.mjs";
-import {Stylesheet} from "./resource/link/stylesheet.mjs";
-import {Script} from "./resource/script.mjs";
-
-export {ResourceManager}
+import { extend } from "../data/extend.mjs";
+import { BaseWithOptions } from "../types/basewithoptions.mjs";
+import { getGlobalObject } from "../types/global.mjs";
+import { isArray } from "../types/is.mjs";
+import { ATTRIBUTE_HREF, ATTRIBUTE_SRC } from "./constants.mjs";
+import { Resource } from "./resource.mjs";
+import { Data } from "./resource/data.mjs";
+import { Stylesheet } from "./resource/link/stylesheet.mjs";
+import { Script } from "./resource/script.mjs";
+
+export { ResourceManager };
 
 /**
  * The ResourceManager is a singleton that manages all resources.
@@ -26,8 +26,7 @@ export {ResourceManager}
  * @memberOf Monster.DOM
  * @summary A Resource class
  */
- class ResourceManager extends BaseWithOptions {
-
+class ResourceManager extends BaseWithOptions {
     /**
      *
      * @param {Object} options
@@ -36,18 +35,16 @@ export {ResourceManager}
     constructor(options) {
         super(options);
 
-        if (!(this.getOption('document') instanceof Document)) {
-            throw new Error('unsupported document type')
+        if (!(this.getOption("document") instanceof Document)) {
+            throw new Error("unsupported document type");
         }
-
-
     }
 
     /**
      * @property {string} baseurl
      */
     getBaseURL() {
-        this.getOption('document')?.baseURL;
+        this.getOption("document")?.baseURL;
     }
 
     /**
@@ -60,13 +57,13 @@ export {ResourceManager}
      */
     get defaults() {
         return Object.assign({}, super.defaults, {
-            document: getGlobalObject('document'),
+            document: getGlobalObject("document"),
             resources: {
                 scripts: [],
                 stylesheets: [],
-                data: []
-            }
-        })
+                data: [],
+            },
+        });
     }
 
     /**
@@ -76,7 +73,7 @@ export {ResourceManager}
      * @throws {Error} unsupported resource definition
      */
     connect() {
-        runResourceMethod.call(this, 'connect');
+        runResourceMethod.call(this, "connect");
         return this;
     }
 
@@ -87,7 +84,7 @@ export {ResourceManager}
      * @throws {Error} unsupported resource definition
      */
     available() {
-        return Promise.all(runResourceMethod.call(this, 'available'));
+        return Promise.all(runResourceMethod.call(this, "available"));
     }
 
     /**
@@ -99,10 +96,9 @@ export {ResourceManager}
      * @see Monster.DOM.Resource.Script
      */
     addScript(url, options) {
-        return addResource.call(this, 'scripts', url, options);
+        return addResource.call(this, "scripts", url, options);
     }
 
-
     /**
      * Add Stylesheet
      *
@@ -112,7 +108,7 @@ export {ResourceManager}
      * @see Monster.DOM.Resource.Link.Stylesheet
      */
     addStylesheet(url, options) {
-        return addResource.call(this, 'stylesheets', url, options);
+        return addResource.call(this, "stylesheets", url, options);
     }
 
     /**
@@ -124,10 +120,8 @@ export {ResourceManager}
      * @see Monster.DOM.Resource.Data
      */
     addData(url, options) {
-        return addResource.call(this, 'data', url, options);
+        return addResource.call(this, "data", url, options);
     }
-
-
 }
 
 /**
@@ -140,20 +134,19 @@ function runResourceMethod(method) {
 
     const result = [];
 
-    for (const type of ['scripts', 'stylesheets', 'data']) {
-        const resources = self.getOption('resources.' + type);
+    for (const type of ["scripts", "stylesheets", "data"]) {
+        const resources = self.getOption(`resources.${type}`);
         if (!isArray(resources)) {
             continue;
         }
 
         for (const resource of resources) {
             if (!(resource instanceof Resource)) {
-                throw new Error('unsupported resource definition')
+                throw new Error("unsupported resource definition");
             }
 
             result.push(resource[method]());
         }
-
     }
 
     return result;
@@ -174,23 +167,23 @@ function addResource(type, url, options) {
         url = url.toString();
     }
 
-    options = options || {}
+    options = options || {};
 
     let resource;
     switch (type) {
-        case 'scripts':
-            resource = new Script(extend({}, options, {[ATTRIBUTE_SRC]: url}))
+        case "scripts":
+            resource = new Script(extend({}, options, { [ATTRIBUTE_SRC]: url }));
             break;
-        case 'stylesheets':
-            resource = new Stylesheet(extend({}, options, {[ATTRIBUTE_HREF]: url}))
+        case "stylesheets":
+            resource = new Stylesheet(extend({}, options, { [ATTRIBUTE_HREF]: url }));
             break;
-        case 'data':
-            resource = new Data(extend({}, options, {[ATTRIBUTE_SRC]: url}))
+        case "data":
+            resource = new Data(extend({}, options, { [ATTRIBUTE_SRC]: url }));
             break;
         default:
-            throw new Error('unsupported type ' + type)
+            throw new Error(`unsupported type ${type}`);
     }
 
-    (self.getOption('resources')?.[type]).push(resource);
+    self.getOption("resources")?.[type].push(resource);
     return self;
 }