npm - @schukai/monster - Versions diffs - 1.23.0 → 1.26.1 - Mend

@schukai/monster 1.23.0 → 1.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/CHANGELOG +53 -0
package/README.md +4 -4
package/dist/modules/constants.js +2 -2
package/dist/modules/constraints/abstract.js +1 -1
package/dist/modules/constraints/abstractoperator.js +1 -1
package/dist/modules/constraints/andoperator.js +1 -1
package/dist/modules/constraints/invalid.js +1 -1
package/dist/modules/constraints/isarray.js +1 -1
package/dist/modules/constraints/isobject.js +1 -1
package/dist/modules/constraints/namespace.js +1 -1
package/dist/modules/constraints/oroperator.js +1 -1
package/dist/modules/constraints/valid.js +1 -1
package/dist/modules/data/buildmap.js +2 -2
package/dist/modules/data/buildtree.js +2 -0
package/dist/modules/data/datasource/namespace.js +1 -1
package/dist/modules/data/datasource/restapi/writeerror.js +2 -0
package/dist/modules/data/datasource/restapi.js +2 -2
package/dist/modules/data/datasource/storage/localstorage.js +2 -2
package/dist/modules/data/datasource/storage/namespace.js +1 -1
package/dist/modules/data/datasource/storage/sessionstorage.js +2 -2
package/dist/modules/data/datasource/storage.js +2 -2
package/dist/modules/data/datasource.js +2 -2
package/dist/modules/data/diff.js +2 -2
package/dist/modules/data/extend.js +1 -1
package/dist/modules/data/namespace.js +1 -1
package/dist/modules/data/pathfinder.js +2 -2
package/dist/modules/data/pipe.js +1 -1
package/dist/modules/data/transformer.js +2 -2
package/dist/modules/dom/assembler.js +1 -1
package/dist/modules/dom/attributes.js +1 -1
package/dist/modules/dom/constants.js +2 -2
package/dist/modules/dom/customcontrol.js +2 -2
package/dist/modules/dom/customelement.js +2 -2
package/dist/modules/dom/events.js +1 -1
package/dist/modules/dom/focusmanager.js +2 -0
package/dist/modules/dom/locale.js +1 -1
package/dist/modules/dom/namespace.js +1 -1
package/dist/modules/dom/resource/data.js +2 -0
package/dist/modules/dom/resource/link/stylesheet.js +2 -0
package/dist/modules/dom/resource/link.js +2 -0
package/dist/modules/dom/resource/script.js +2 -0
package/dist/modules/dom/resource.js +2 -0
package/dist/modules/dom/resourcemanager.js +2 -0
package/dist/modules/dom/template.js +2 -2
package/dist/modules/dom/theme.js +1 -1
package/dist/modules/dom/updater.js +2 -2
package/dist/modules/dom/util.js +1 -1
package/dist/modules/dom/worker/factory.js +2 -0
package/dist/modules/i18n/formatter.js +2 -0
package/dist/modules/i18n/locale.js +1 -1
package/dist/modules/i18n/namespace.js +1 -1
package/dist/modules/i18n/provider.js +1 -1
package/dist/modules/i18n/providers/fetch.js +2 -2
package/dist/modules/i18n/providers/namespace.js +1 -1
package/dist/modules/i18n/translations.js +1 -1
package/dist/modules/logging/handler/console.js +1 -1
package/dist/modules/logging/handler/namespace.js +1 -1
package/dist/modules/logging/handler.js +1 -1
package/dist/modules/logging/logentry.js +1 -1
package/dist/modules/logging/logger.js +1 -1
package/dist/modules/logging/namespace.js +1 -1
package/dist/modules/math/namespace.js +1 -1
package/dist/modules/math/random.js +2 -2
package/dist/modules/monster.js +1 -1
package/dist/modules/namespace.js +1 -1
package/dist/modules/text/formatter.js +2 -2
package/dist/modules/text/namespace.js +1 -1
package/dist/modules/types/base.js +1 -1
package/dist/modules/types/basewithoptions.js +2 -2
package/dist/modules/types/binary.js +1 -1
package/dist/modules/types/dataurl.js +1 -1
package/dist/modules/types/global.js +1 -1
package/dist/modules/types/id.js +1 -1
package/dist/modules/types/is.js +2 -2
package/dist/modules/types/mediatype.js +1 -1
package/dist/modules/types/namespace.js +1 -1
package/dist/modules/types/node.js +2 -0
package/dist/modules/types/nodelist.js +2 -0
package/dist/modules/types/noderecursiveiterator.js +2 -0
package/dist/modules/types/observer.js +1 -1
package/dist/modules/types/observerlist.js +2 -2
package/dist/modules/types/proxyobserver.js +2 -2
package/dist/modules/types/queue.js +1 -1
package/dist/modules/types/randomid.js +1 -1
package/dist/modules/types/regex.js +2 -0
package/dist/modules/types/stack.js +1 -1
package/dist/modules/types/tokenlist.js +2 -2
package/dist/modules/types/typeof.js +1 -1
package/dist/modules/types/uniquequeue.js +1 -1
package/dist/modules/types/uuid.js +2 -0
package/dist/modules/types/validate.js +1 -1
package/dist/modules/types/version.js +2 -2
package/dist/modules/util/clone.js +1 -1
package/dist/modules/util/comparator.js +2 -2
package/dist/modules/util/freeze.js +1 -1
package/dist/modules/util/namespace.js +1 -1
package/dist/modules/util/processing.js +2 -2
package/dist/modules/util/trimspaces.js +2 -0
package/dist/monster.dev.js +1684 -696
package/dist/monster.dev.js.map +1 -1
package/dist/monster.js +2 -2
package/package.json +13 -2
package/source/constants.js +16 -7
package/source/constraints/abstract.js +5 -0
package/source/constraints/abstractoperator.js +5 -0
package/source/constraints/andoperator.js +10 -5
package/source/constraints/invalid.js +8 -3
package/source/constraints/isarray.js +9 -4
package/source/constraints/isobject.js +8 -3
package/source/constraints/oroperator.js +10 -5
package/source/constraints/valid.js +8 -3
package/source/data/buildmap.js +27 -11
package/source/data/buildtree.js +95 -0
package/source/data/datasource/restapi/writeerror.js +49 -0
package/source/data/datasource/restapi.js +87 -20
package/source/data/datasource/storage/localstorage.js +4 -10
package/source/data/datasource/storage/sessionstorage.js +4 -12
package/source/data/datasource/storage.js +7 -14
package/source/data/datasource.js +55 -17
package/source/data/diff.js +8 -8
package/source/data/extend.js +5 -5
package/source/data/pathfinder.js +12 -6
package/source/data/pipe.js +6 -5
package/source/data/transformer.js +131 -24
package/source/dom/assembler.js +2 -2
package/source/dom/attributes.js +24 -24
package/source/dom/constants.js +305 -12
package/source/dom/customcontrol.js +40 -19
package/source/dom/customelement.js +121 -92
package/source/dom/events.js +6 -6
package/source/dom/focusmanager.js +250 -0
package/source/dom/locale.js +10 -5
package/source/dom/resource/data.js +170 -0
package/source/dom/resource/link/stylesheet.js +54 -0
package/source/dom/resource/link.js +125 -0
package/source/dom/resource/script.js +112 -0
package/source/dom/resource.js +268 -0
package/source/dom/resourcemanager.js +214 -0
package/source/dom/template.js +52 -12
package/source/dom/theme.js +3 -3
package/source/dom/updater.js +47 -33
package/source/dom/util.js +6 -6
package/source/dom/worker/factory.js +134 -0
package/source/i18n/formatter.js +140 -0
package/source/i18n/locale.js +10 -8
package/source/i18n/provider.js +4 -4
package/source/i18n/providers/fetch.js +24 -14
package/source/i18n/translations.js +20 -10
package/source/logging/handler/console.js +2 -2
package/source/logging/handler.js +2 -2
package/source/logging/logentry.js +2 -2
package/source/logging/logger.js +4 -4
package/source/math/random.js +11 -5
package/source/namespace.js +1 -1
package/source/text/formatter.js +244 -27
package/source/types/base.js +4 -4
package/source/types/basewithoptions.js +10 -15
package/source/types/binary.js +4 -4
package/source/types/dataurl.js +6 -6
package/source/types/global.js +9 -7
package/source/types/id.js +6 -3
package/source/types/is.js +103 -85
package/source/types/mediatype.js +4 -4
package/source/types/node.js +179 -0
package/source/types/nodelist.js +125 -0
package/source/types/noderecursiveiterator.js +126 -0
package/source/types/observer.js +3 -3
package/source/types/observerlist.js +3 -3
package/source/types/proxyobserver.js +24 -7
package/source/types/queue.js +6 -6
package/source/types/randomid.js +2 -2
package/source/types/regex.js +49 -0
package/source/types/stack.js +2 -2
package/source/types/tokenlist.js +8 -9
package/source/types/typeof.js +3 -3
package/source/types/uniquequeue.js +4 -4
package/source/types/uuid.js +102 -0
package/source/types/validate.js +20 -20
package/source/types/version.js +6 -6
package/source/util/clone.js +4 -5
package/source/util/comparator.js +5 -5
package/source/util/freeze.js +5 -5
package/source/util/processing.js +33 -36
package/source/util/trimspaces.js +85 -0
package/test/cases/data/buildtree.js +149 -0
package/test/cases/data/datasource/restapi.js +1 -1
package/test/cases/data/datasource.js +4 -4
package/test/cases/data/diff.js +4 -4
package/test/cases/data/pathfinder.js +18 -9
package/test/cases/data/pipe.js +26 -2
package/test/cases/data/transformer.js +41 -10
package/test/cases/dom/attributes.js +18 -14
package/test/cases/dom/customcontrol.js +6 -5
package/test/cases/dom/customelement.js +14 -16
package/test/cases/dom/focusmanager.js +111 -0
package/test/cases/dom/locale.js +1 -4
package/test/cases/dom/resource/data.js +129 -0
package/test/cases/dom/resource/link/stylesheet.js +101 -0
package/test/cases/dom/resource/link.js +101 -0
package/test/cases/dom/resource/script.js +115 -0
package/test/cases/dom/resourcemanager.js +118 -0
package/test/cases/dom/updater.js +28 -4
package/test/cases/dom/worker/factory.js +63 -0
package/test/cases/i18n/formatter.js +66 -0
package/test/cases/monster.js +1 -1
package/test/cases/text/formatter.js +71 -8
package/test/cases/types/node.js +196 -0
package/test/cases/types/nodelist.js +64 -0
package/test/cases/types/noderecursiveiterator.js +54 -0
package/test/cases/types/proxyobserver.js +55 -11
package/test/cases/types/regex.js +32 -0
package/test/cases/types/uuid.js +42 -0
package/test/cases/util/freeze.js +30 -4
package/test/cases/util/trimspaces.js +24 -0
package/test/util/cleanupdom.js +48 -0
package/test/util/jsdom.js +22 -9
package/test/web/import.js +15 -0
package/test/web/monster-dev.html +3 -3
package/test/web/monster.html +2 -2
package/test/web/test.html +3 -3
package/test/web/tests.js +7 -7

package/source/dom/template.js CHANGED Viewed

@@ -14,8 +14,8 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(new Monster.DOM.Template())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * new Monster.DOM.Template()
  * </script>
  * ```
  *
@@ -23,8 +23,8 @@ import {getDocumentTheme} from "./theme.js";
  *
  * ```
  * <script type="module">
- * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(new Template())
+ * import {Template} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js';
+ * new Template()
  * </script>
  * ```
  *
@@ -70,7 +70,7 @@ class Template extends Base {
 /**
  * This method loads a template with the given ID and returns it.
  *
- * To do this, it first fetches the theme of the document and looks for the `data-monster-theme-name` attribute in the HTML tag.
+ * To do this, it first reads the theme of the document and looks for the `data-monster-theme-name` attribute in the HTML tag.
  *
  * ```
  * <html data-monster-theme-name="my-theme">
@@ -78,15 +78,15 @@ class Template extends Base {
  *
  * If no theme was specified, the default theme is `monster`.
  *
- * Now it is looked if there is a template with the given ID and theme `id-theme` and if yes it is returned.
+ * Now it is looked if there is a template with the given ID and theme `id-theme` and if yes it is returned.
  * If there is no template a search for a template with the given ID `id` is done. If this is also not found, an error is thrown.
  *
  * You can call the method via the monster namespace `Monster.DOM.findDocumentTemplate()`.
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(Monster.DOM.findDocumentTemplate())
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * Monster.DOM.findDocumentTemplate()
  * </script>
  * ```
  *
@@ -94,11 +94,41 @@ class Template extends Base {
  *
  * ```
  * <script type="module">
- * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/template.js';
- * console.log(findDocumentTemplate())
+ * import {findTemplate} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js';
+ * findDocumentTemplate()
  * </script>
  * ```
  *
+ * @example
+ *
+ * import { findDocumentTemplate } from "https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/template.js";
+ *
+ * const template = document.createElement("template");
+ * template.id = "myTemplate";
+ * template.innerHTML = "<p>my default template</p>";
+ * document.body.appendChild(template);
+ *
+ * const themedTemplate = document.createElement("template");
+ * themedTemplate.id = "myTemplate-myTheme";
+ * themedTemplate.innerHTML = "<p>my themed template</p>";
+ * document.body.appendChild(themedTemplate);
+ *
+ * // loads the temple and since no theme is set the default template
+ * const template1 = findDocumentTemplate("myTemplate");
+ * console.log(template1.createDocumentFragment());
+ * // ↦ '<p>my default template</p>'
+ *
+ * // now we set our own theme
+ * document
+ * .querySelector("html")
+ * .setAttribute("data-monster-theme-name", "myTheme");
+ *
+ * // now we don't get the default template,
+ * // but the template with the theme in the id
+ * const template2 = findDocumentTemplate("myTemplate");
+ * console.log(template2.createDocumentFragment());
+ * // ↦ '<p>my themed template</p>'
+ *
  * @param {string} id
  * @param {Node} currentNode
  * @return {Monster.DOM.Template}
@@ -132,18 +162,28 @@ function findDocumentTemplate(id, currentNode) {
     let theme = getDocumentTheme()
     let themedID = id + '-' + theme.getName();
+    // current + themedID
     let template = currentNode.getElementById(themedID);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
+    // document + themedID
+    template = getGlobalObject('document').getElementById(themedID);
+    if (template instanceof HTMLTemplateElement) {
+        return new Template(template);
+    }
+    // current + ID
     template = currentNode.getElementById(id);
     if (template instanceof HTMLTemplateElement) {
         return new Template(template);
     }
-    if (currentNode !== getGlobalObject('document')) {
-        return findDocumentTemplate(id)
+    // document + ID
+    template = getGlobalObject('document').getElementById(id);
+    if (template instanceof HTMLTemplateElement) {
+        return new Template(template);
     }
     throw new Error("template " + id + " not found.")

package/source/dom/theme.js CHANGED Viewed

@@ -15,7 +15,7 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/theme.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * console.log(new Monster.DOM.Theme())
  * </script>
  * ```
@@ -24,14 +24,14 @@ import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.js";
  *
  * ```
  * <script type="module">
- * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/theme.js';
+ * import {Theme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/theme.js';
  * console.log(new Theme())
  * </script>
  * ```
  *
  * @example
  *
- * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/theme.js';
+ * import {getDocumentTheme} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/theme.js';
  *
  * const theme = getDocumentTheme();
  * console.log(theme.getName());

package/source/dom/updater.js CHANGED Viewed

@@ -4,17 +4,17 @@
  * @author schukai GmbH
  */
-import {Diff} from "../data/diff.js";
+import {diff} from "../data/diff.js";
 import {Pathfinder} from "../data/pathfinder.js";
 import {Pipe} from "../data/pipe.js";
 import {
+    ATTRIBUTE_ERRORMESSAGE,
     ATTRIBUTE_UPDATER_ATTRIBUTES,
     ATTRIBUTE_UPDATER_BIND,
     ATTRIBUTE_UPDATER_INSERT,
     ATTRIBUTE_UPDATER_INSERT_REFERENCE,
     ATTRIBUTE_UPDATER_REMOVE,
-    ATTRIBUTE_UPDATER_REPLACE,
-    OBJECTLINK_KEY_UPDATER
+    ATTRIBUTE_UPDATER_REPLACE
 } from "../dom/constants.js";
 import {assignToNamespace, Monster} from '../namespace.js';
 import {Base} from "../types/base.js";
@@ -23,16 +23,11 @@ import {Observer} from "../types/observer.js";
 import {ProxyObserver} from "../types/proxyobserver.js";
 import {validateArray, validateInstance} from "../types/validate.js";
 import {clone} from "../util/clone.js";
+import {trimSpaces} from "../util/trimspaces.js";
 import {findDocumentTemplate} from "./template.js";
 import {getDocument} from "./util.js";
-/**
- * @private
- * @type {symbol}
- */
-const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
 /**
  * The updater class connects an object with the dom. In this way, structures and contents in the DOM can be programmatically adapted via attributes.
  *
@@ -43,7 +38,7 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * new Monster.DOM.Updater()
  * </script>
  * ```
@@ -52,14 +47,14 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  *
  * ```
  * <script type="module">
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/updater.js';
  * new Updater()
  * </script>
  * ```
  *
  * @example
  *
- * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/updater.js';
+ * import {Updater} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/updater.js';
  *
  * // First we prepare the html document.
  * // This is done here via script, but can also be inserted into the document as pure html.
@@ -73,7 +68,7 @@ const objectLinkSymbol = Symbol.for(OBJECTLINK_KEY_UPDATER);
  * let obj = {
  *    headline: "Hello World",
  * };
- *
+ *
  * // Now comes the real magic. we pass the updater the parent HTMLElement
  * // and the desired data structure.
  * const updater = new Updater(body, obj);
@@ -129,10 +124,10 @@ class Updater extends Base {
             const s = this.subject.getRealSubject();
-            const diff = Diff(this.last, s)
+            const diffResult = diff(this.last, s)
             this.last = clone(s);
-            for (const [, change] of Object.entries(diff)) {
+            for (const [, change] of Object.entries(diffResult)) {
                 removeElement.call(this, change);
                 insertElement.call(this, change);
                 updateContent.call(this, change);
@@ -217,13 +212,13 @@ class Updater extends Base {
     }
     /**
-     * If you have passed a ProxyObserver in the constructor, you will get the same object here.
-     * However, if you have passed a simple object, you will get the ProxyObserver here.
+     * If you have passed a ProxyObserver in the constructor, you will get the object that the ProxyObserver manages here.
+     * However, if you passed a simple object, here you will get a proxy for that object.
      *
      * For changes the ProxyObserver must be used.
      *
      * @since 1.8.0
-     * @return {ProxyObserver}
+     * @return {Proxy}
      */
     getSubject() {
         return this.subject.getSubject();
@@ -358,9 +353,9 @@ function getControlEventHandler() {
         const pf = new Pathfinder(copy);
         pf.setVia(path, value);
-        const diff = new Diff(copy, self.subject.getRealSubject());
+        const diffResult = diff(copy, self.subject.getRealSubject());
-        if (diff.length > 0) {
+        if (diffResult.length > 0) {
             pathfinder.setVia(path, value);
         }
@@ -422,11 +417,11 @@ function insertElement(change) {
                 found = true;
                 const attributes = containerElement.getAttribute(ATTRIBUTE_UPDATER_INSERT);
-                let def = attributes.trim();
+                let def = trimSpaces(attributes);
                 let i = def.indexOf(' ');
-                let key = def.substr(0, i).trim();
+                let key = trimSpaces(def.substr(0, i));
                 let refPrefix = key + '-';
-                let cmd = def.substr(i).trim();
+                let cmd = trimSpaces(def.substr(i));
                 // this case is actually excluded by the query but is nevertheless checked again here
                 if (cmd.indexOf('|') > 0) {
@@ -438,7 +433,14 @@ function insertElement(change) {
                     pipe.setCallback(n, f);
                 })
-                let value = pipe.run(subject)
+                let value
+                try {
+                    containerElement.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                    value = pipe.run(subject)
+                } catch (e) {
+                    containerElement.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+                }
                 let dataPath = cmd.split(':').pop();
                 let insertPoint;
@@ -528,12 +530,12 @@ function applyRecursive(node, key, path) {
         if (node.hasAttribute(ATTRIBUTE_UPDATER_REPLACE)) {
             let value = node.getAttribute(ATTRIBUTE_UPDATER_REPLACE);
-            node.setAttribute(ATTRIBUTE_UPDATER_REPLACE, value.replace("path:" + key, "path:" + path));
+            node.setAttribute(ATTRIBUTE_UPDATER_REPLACE, value.replaceAll("path:" + key, "path:" + path));
         }
         if (node.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) {
             let value = node.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES);
-            node.setAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES, value.replace("path:" + key, "path:" + path));
+            node.setAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES, value.replaceAll("path:" + key, "path:" + path));
         }
         for (const [, child] of Object.entries(node.childNodes)) {
@@ -605,14 +607,20 @@ function runUpdateContent(container, parts, subject) {
             mem.add(element)
             const attributes = element.getAttribute(ATTRIBUTE_UPDATER_REPLACE)
-            let cmd = attributes.trim();
+            let cmd = trimSpaces(attributes);
             let pipe = new Pipe(cmd);
             this.callbacks.forEach((f, n) => {
                 pipe.setCallback(n, f);
             })
-            let value = pipe.run(subject)
+            let value
+            try {
+                element.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                value = pipe.run(subject)
+            } catch (e) {
+                element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+            }
             if (value instanceof HTMLElement) {
                 while (element.firstChild) {
@@ -687,10 +695,10 @@ function runUpdateAttributes(container, parts, subject) {
             const attributes = element.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)
             for (let [, def] of Object.entries(attributes.split(','))) {
-                def = def.trim();
+                def = trimSpaces(def);
                 let i = def.indexOf(' ');
-                let name = def.substr(0, i).trim();
-                let cmd = def.substr(i).trim();
+                let name = trimSpaces(def.substr(0, i));
+                let cmd = trimSpaces(def.substr(i));
                 let pipe = new Pipe(cmd);
@@ -698,7 +706,14 @@ function runUpdateAttributes(container, parts, subject) {
                     pipe.setCallback(n, f, element);
                 })
-                let value = pipe.run(subject)
+                let value
+                try {
+                    element.removeAttribute(ATTRIBUTE_ERRORMESSAGE);
+                    value = pipe.run(subject)
+                } catch (e) {
+                    element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message);
+                }
                 if (value === undefined) {
                     element.removeAttribute(name)
@@ -709,7 +724,6 @@ function runUpdateAttributes(container, parts, subject) {
                 handleInputControlAttributeUpdate.call(this, element, name, value);
             }
         });

package/source/dom/util.js CHANGED Viewed

@@ -13,7 +13,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * console.log(Monster.DOM.getDocument())
  * </script>
  * ```
@@ -22,7 +22,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {getDocument} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/util.js';
  * console.log(getDocument())
  * </script>
  * ```
@@ -74,7 +74,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * console.log(Monster.DOM.getWindow())
  * </script>
  * ```
@@ -83,7 +83,7 @@ function getDocument() {
  *
  * ```
  * <script type="module">
- * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {getWindow} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/util.js';
  * console.log(getWindow(null))
  * </script>
  * ```
@@ -140,7 +140,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
  * console.log(Monster.DOM.getDocumentFragmentFromString())
  * </script>
  * ```
@@ -149,7 +149,7 @@ function getWindow() {
  *
  * ```
  * <script type="module">
- * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.23.0/dist/modules/dom/util.js';
+ * import {getDocumentFragmentFromString} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/util.js';
  * console.log(getDocumentFragmentFromString('<div></div>'))
  * </script>
  * ```

package/source/dom/worker/factory.js ADDED Viewed

@@ -0,0 +1,134 @@
+'use strict';
+/**
+ * @author schukai GmbH
+ */
+import {internalSymbol} from "../../constants.js";
+import {assignToNamespace, Monster} from "../../namespace.js";
+import {Base} from "../../types/base.js";
+import {getGlobal, getGlobalFunction} from "../../types/global.js";
+import {isFunction} from "../../types/is.js";
+import {validateInstance, validateString} from "../../types/validate.js";
+/**
+ * You can call the function via the monster namespace `new Monster.DOM.Worker.getLocaleOfDocument()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/monster.js';
+ * console.log(new Monster.DOM.Worker.Factory())
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this function individually.
+ *
+ * ```
+ * <script type="module">
+ * import {Factory} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.26.1/dist/modules/dom/worker/factory.js';
+ * console.log(new Factory())
+ * </script>
+ * ```
+ *
+ * @since 1.25.0
+ * @copyright schukai GmbH
+ * @memberOf Monster.DOM.Worker
+ * @summary A small factory to create worker
+ */
+class Factory extends Base {
+    /**
+     *
+     */
+    constructor() {
+        super();
+        this[internalSymbol] = {
+            worker: new WeakMap
+        }
+    }
+    /**
+     * Creates a worker from a URL
+     *
+     * @param {string|URL} url
+     * @param {function} messageHandler
+     * @param {function} errorHandler
+     * @return {Worker}
+     */
+    createFromURL = function (url, messageHandler, errorHandler) {
+        if (url instanceof URL) {
+            url = url.toString();
+        }
+        const workerClass = getGlobalFunction('Worker');
+        var worker = new workerClass(validateString(url));
+        if (isFunction(messageHandler)) {
+            worker.onmessage = (event) => {
+                messageHandler.call(worker, event);
+            }
+        }
+        if (isFunction(errorHandler)) {
+            worker.onerror = (event) => {
+                errorHandler.call(worker, event);
+            }
+        }
+        return worker;
+    };
+    /**
+     * Creates a worker from a script
+     *
+     * @param {string} content
+     * @param {function} messageHandler
+     * @param {function} errorHandler
+     * @return {Worker}
+     * @see https://developer.mozilla.org/de/docs/Web/API/URL/createObjectURL
+     */
+    createFromScript = function (content, messageHandler, errorHandler) {
+        const blobFunction = new getGlobalFunction('Blob')
+        const blob = new blobFunction([validateString(content)], {type: 'script/javascript'});
+        const url = getGlobalFunction('URL').createObjectURL(blob);
+        const worker = this.createFromURL(url, messageHandler, errorHandler);
+        this[internalSymbol]['worker'].set(worker, url);
+        return worker;
+    };
+    /**
+     * Terminate the worker and call revokeObjectURL if necessary.
+     *
+     * @param worker
+     * @return {Monster.DOM.Worker.Factory}
+     */
+    terminate(worker) {
+        const workerClass = getGlobalFunction('Worker');
+        validateInstance(worker, workerClass);
+        worker.terminate();
+        if (this[internalSymbol]['worker'].has(worker)) {
+            const url = this[internalSymbol]['worker'].get(worker);
+            URL.revokeObjectURL(url);
+        }
+        return this;
+    }
+}
+assignToNamespace('Monster.DOM.Worker', Factory);
+export {Monster, Factory}