@schukai/monster 1.27.0 → 1.29.1

package/source/util/deadmansswitch.js

@@ -0,0 +1,124 @@
+'use strict';
+
+/**
+ * @author schukai GmbH
+ */
+
+
+import {internalSymbol} from "../constants.js";
+import {assignToNamespace, Monster} from '../namespace.js';
+import {Base} from "../types/base.js";
+import {isInteger} from "../types/is.js";
+import {validateFunction, validateInteger} from "../types/validate.js";
+
+/**
+ * The dead man's switch allows to set a timer which can be reset again and again within a defined period of time.
+ *
+ * You can create an instance via the monster namespace `Monster.Util.DeadMansSwitch()`.
+ *
+ * ```
+ * <script type="module">
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
+ * new Monster.Util.DeadMansSwitch()
+ * </script>
+ * ```
+ *
+ * Alternatively, you can also integrate this class individually.
+ *
+ * ```
+ * <script type="module">
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/deadmansswitch.js';
+ * new DeadMansSwitch();
+ * </script>
+ * ```
+ *
+ * @example
+ * import {DeadMansSwitch} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/deadmansswitch.js';
+ *
+ * const deadmansswitch = new DeadMansSwitch(100, ()=>{
+ *   console.log('yeah!')
+ *   // ↦ "yeah!"
+ * })
+ *
+ * deadmansswitch.touch(); // from here wait again 100 ms
+ * deadmansswitch.touch(200); // from here wait 200 ms
+ *
+ * @copyright schukai GmbH
+ * @since 1.29.0
+ * @memberOf Monster.Util
+ * @summary Class to be able to execute function chains
+ */
+class DeadMansSwitch extends Base {
+
+    /**
+     * Create new dead man's switch
+     *
+     * @param {Integer} delay
+     * @param {function} callback
+     * @throw {TypeError} the arguments must be either integer or functions
+     * @throws {TypeError} value is not an integer
+     */
+    constructor(delay, callback) {
+        super();
+
+        init.call(this, validateInteger(delay), validateFunction(callback));
+    }
+
+    /**
+     *
+     * @param {Integer|undefined} [delay]
+     */
+    touch(delay) {
+
+        if (this[internalSymbol]['isAlreadyRun'] === true) {
+            throw new Error('has already run')
+        }
+
+        if (isInteger(delay)) {
+            this[internalSymbol]['delay'] = delay
+        } else if (delay !== undefined) {
+            throw new Error('unsupported argument')
+        }
+
+        clearTimeout(this[internalSymbol]['timer']);
+
+        initCallback.call(this);
+
+        return this;
+    }
+}
+
+/**
+ * @private
+ */
+function initCallback() {
+
+    const self = this;
+
+    self[internalSymbol]['timer'] = setTimeout(() => {
+        self[internalSymbol]['isAlreadyRun'] = true;
+        self[internalSymbol]['callback']();
+    }, self[internalSymbol]['delay'])
+}
+
+/**
+ * @private
+ * @param {integer} delay
+ * @param {function} callback
+ */
+function init(delay, callback) {
+    const self = this;
+
+    self[internalSymbol] = {
+        callback,
+        delay,
+        isAlreadyRun: false,
+        timer: undefined
+    };
+
+    initCallback.call(self);
+
+}
+
+assignToNamespace('Monster.Util', DeadMansSwitch);
+export {Monster, DeadMansSwitch}

package/source/util/freeze.js

@@ -14,7 +14,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
  * Monster.Util.deepFreeze({})
  * </script>
  * ```
@@ -23,7 +23,7 @@ import {validateObject} from '../types/validate.js';
  *
  * ```
  * <script type="module">
- * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/freeze.js';
+ * import {deepFreeze} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/freeze.js';
  * deepFreeze({})
  * </script>
  * ```

package/source/util/processing.js

@@ -77,7 +77,7 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
  * new Monster.Util.Processing()
  * </script>
  * ```
@@ -86,13 +86,13 @@ class Callback {
  *
  * ```
  * <script type="module">
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/processing.js';
  * new Processing();
  * </script>
  * ```
  *
  * @example
- * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/processing.js';
+ * import {Processing} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/processing.js';
  *
  * let startTime = +new Date();
  *

package/source/util/trimspaces.js

@@ -16,7 +16,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/monster.js';
+ * import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/monster.js';
  * Monster.Util.trimSpaces(" hello ")
  * </script>
  * ```
@@ -25,7 +25,7 @@ import {validateString} from "../types/validate.js";
  *
  * ```
  * <script type="module">
- * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.27.0/dist/modules/util/trimspaces.js';
+ * import {trimSpaces} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.29.1/dist/modules/util/trimspaces.js';
  * trimSpaces(' hello \\ ')
  * </script>
  * ```

package/test/cases/data/buildtree.js

@@ -3,7 +3,6 @@
 import {expect} from "chai"
 import {buildTree} from "../../../source/data/buildtree.js";
 import {NodeList} from "../../../source/types/nodelist.js";
-import {NodeRecursiveIterator} from "../../../source/types/noderecursiveiterator.js";
 
 
 describe('buildTree', function () {
@@ -50,18 +49,9 @@ describe('buildTree', function () {
 
             const nodes = buildTree(objects, 'dataset.*', 'id', 'parent');
 
-            let result = ""
-            nodes.forEach(node => {
-                new NodeRecursiveIterator(node).forEach(n => {
-                    result +="".padStart(n.level * 2, '.') + (n.value.name);
-                });
-
-            });
-
-            expect(result).to.be.equal('vehicle..car....SUV....sports car..truck..motorcycle');
             expect(nodes).to.be.instanceOf(NodeList);
             expect(nodes.length).to.equal(1);
-            expect(nodes.length).to.equal(1);
+            expect(nodes.toString()).to.be.equal('{"id":"1","name":"vehicle","parent":null}\n ├{"id":"2","name":"car","parent":"1"}\n | ├{"id":"5","name":"SUV","parent":"2"}\n | └{"id":"6","name":"sports car","parent":"2"}\n ├{"id":"3","name":"truck","parent":"1"}\n └{"id":"4","name":"motorcycle","parent":"1"}' );
 
 
         })
@@ -116,9 +106,9 @@ describe('buildTree', function () {
         });
 
         [
-            [obj1, 'dataset.*', '1,2,3,4,6,5'],
+            [obj1, 'dataset.*', '{"id":"1","name":"Test 1","address":"Here 1","parent":null}\n ├{"id":"2","name":"Test 2","address":"Here 2","parent":"1"}\n | ├{"id":"3","name":"Test 3","address":"Here 3","parent":"2"}\n | └{"id":"4","name":"Test 4","address":"Here 4","parent":"2"}\n | | └{"id":"6","name":"Test 6","address":"Here 6","parent":"4"}\n └{"id":"5","name":"Test 5","address":"Here 5","parent":"1"}'],
             [obj1, 'x', ''],
-            [obj1, 'dataset.*', '1,2,3,4,6,5'],
+            [obj1, 'dataset.*', '{"id":"1","name":"Test 1","address":"Here 1","parent":null}\n ├{"id":"2","name":"Test 2","address":"Here 2","parent":"1"}\n | ├{"id":"3","name":"Test 3","address":"Here 3","parent":"2"}\n | └{"id":"4","name":"Test 4","address":"Here 4","parent":"2"}\n | | └{"id":"6","name":"Test 6","address":"Here 6","parent":"4"}\n └{"id":"5","name":"Test 5","address":"Here 5","parent":"1"}'],
         ].forEach(function (data) {
 
             let a = data.shift()
@@ -127,18 +117,91 @@ describe('buildTree', function () {
 
             it('buildTree(' + JSON.stringify(a) + ',' + JSON.stringify(b) + ') should return ' + JSON.stringify(c) + ' ', function () {
                 let nodelist = buildTree(a, b, 'id', 'parent');
+                expect(nodelist.toString()).to.be.eql(c);
+            });
+        });
 
-                let result = [];
 
-                const firstNode = nodelist.toArray().shift();
-                
-                if (firstNode) {
-                    for (const node of new NodeRecursiveIterator(firstNode)) {
-                        result.push(node.value.id);
-                    }
+    });
+
+    describe('buildTree() test 2', function () {
+
+        /**
+         * 2
+         *    1
+         *    3
+         * 4
+         *    6
+         * 5
+         *
+         */
+        let obj1 = {
+            dataset: {
+                "1": {
+                    id: "1",
+                    name: "Test 1",
+                    address: "Here 1",
+                    parent: "2"
+                },
+                "2": {
+                    id: "2",
+                    name: "Test 2",
+                    address: "Here 2",
+                    parent: "0"
+                },
+                "3": {
+                    id: "3",
+                    name: "Test 3",
+                    address: "Here 3",
+                    parent: "2"
+                },
+                "4": {
+                    id: "4",
+                    name: "Test 4",
+                    address: "Here 4",
+                    parent: "0"
+                },
+                "5": {
+                    id: "5",
+                    name: "Test 5",
+                    address: "Here 5",
+                    parent: "0"
+                },
+                "6": {
+                    id: "6",
+                    name: "Test 6",
+                    address: "Here 6",
+                    parent: "4"
+                },
+                "7": {
+                    id: "7",
+                    name: "Test 7",
+                    address: "Here 7",
+                    parent: "1"
                 }
+            }
+        };
+
+        it('should return Node Instance.', function () {
+            expect(buildTree({}, '')).to.be.instanceOf(NodeList);
+        });
+
+        [
+            [obj1, 'dataset.*', '{"id":"2","name":"Test 2","address":"Here 2","parent":"0"}\n ├{"id":"1","name":"Test 1","address":"Here 1","parent":"2"}\n | └{"id":"7","name":"Test 7","address":"Here 7","parent":"1"}\n └{"id":"3","name":"Test 3","address":"Here 3","parent":"2"}\n{"id":"4","name":"Test 4","address":"Here 4","parent":"0"}\n └{"id":"6","name":"Test 6","address":"Here 6","parent":"4"}\n{"id":"5","name":"Test 5","address":"Here 5","parent":"0"}'],
+            [obj1, 'x', ''],
+        ].forEach(function (data) {
+
+            let a = data.shift()
+            let b = data.shift()
+            let c = data.shift()
+
+            it('buildTree(' + JSON.stringify(a) + ',' + JSON.stringify(b) + ') should return ' + JSON.stringify(c) + ' ', function () {
+                let nodelist = buildTree(a, b, 'id', 'parent', {
+                    rootReferences: ['0']
+                });
+
+                expect(nodelist.toString()).to.be.equal(c);
 
-                expect(result.join(',')).to.be.equal(c);
             });
         });
 

package/test/cases/dom/events.js

@@ -2,7 +2,7 @@
 
 import {expect} from "chai"
 
-import {fireEvent, findTargetElementFromEvent} from "../../../source/dom/events.js";
+import {fireEvent, findTargetElementFromEvent, fireCustomEvent} from "../../../source/dom/events.js";
 import {initJSDOM} from "../../util/jsdom.js";
 
 describe('Events', function () {
@@ -78,6 +78,71 @@ describe('Events', function () {
             expect(() => fireEvent({}, 'touch')).to.throw(Error);
             
         });
+    });   
+    
+    describe('fireCustomEvent()', function () {
+        it('should fire a click event', function (done) {
+            let div = document.createElement('div');
+            div.addEventListener('click', () => {
+                done();
+            })
+            fireCustomEvent(div, 'click');
+        });
+
+        it('should fire a touch event', function (done) {
+            let div = document.createElement('div');
+            div.addEventListener('touch', () => {
+                done();
+            })
+            fireCustomEvent(div, 'touch');
+        });
+
+        it('should fire a touch event on collection1', function (done) {
+            let div = document.createElement('div');
+            div.addEventListener('touch', (e) => {
+                if(e.detail.detail!=='hello world') {
+                    done('error');    
+                }
+                done();
+            })
+
+            div.appendChild(document.createElement('div'));
+            let collection = div.querySelectorAll('div');
+
+            fireCustomEvent(collection, 'touch', "hello world");
+        });
+        
+        it('should fire a touch event on collection2', function (done) {
+            let div = document.createElement('div');
+            div.addEventListener('touch', (e) => {
+                if(e.detail.a!=='hello world') {
+                    done('error');    
+                }
+                done();
+            })
+
+            div.appendChild(document.createElement('div'));
+            let collection = div.querySelectorAll('div');
+
+            fireCustomEvent(collection, 'touch', {a:"hello world"});
+        });
+
+        it('should fire a touch event', function (done) {
+            let div = document.createElement('div');
+            div.addEventListener('touch', () => {
+                done();
+            })
+
+            div.appendChild(document.createElement('div'));
+            let collection = div.querySelectorAll('div');
+
+
+            fireCustomEvent(collection, 'touch');
+        });
+
+        it('should throw error', function () {
+            expect(() => fireCustomEvent({}, 'touch')).to.throw(Error);
+        });
     });
 
 

package/test/cases/dom/updater.js

@@ -664,7 +664,7 @@ describe('DOM', function () {
 
     describe('manuel update', function () {
         let id, mocks;
-        
+
         beforeEach(() => {
             mocks = document.getElementById('mocks');
             id = new ID('monster').toString();
@@ -677,10 +677,10 @@ describe('DOM', function () {
 
         it('should get value', function () {
 
-            document.getElementById(id).value="hello";
+            document.getElementById(id).value = "hello";
             const updater = new Updater(mocks);
             const subject = updater.getSubject();
-            
+
             expect(subject).to.not.have.property('myvalue');
             updater.retrieve();
             expect(subject).to.have.property('myvalue');
@@ -688,4 +688,77 @@ describe('DOM', function () {
 
 
     });
+
+
+    /**
+     * https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/112
+     */
+    describe('Updater() 20220107', function () {
+
+        beforeEach(() => {
+            let mocks = document.getElementById('mocks');
+            // language=HTML
+            mocks.innerHTML = `
+
+                <div id="container">
+                    <div data-monster-replace="path:content"></div>
+                </div>
+
+
+            `;
+        })
+
+        describe('Bugfix #112', function () {
+
+            it('should add ', function (done) {
+                let containerElement = document.getElementById('container');
+                let newElement = document.createElement('div');
+                newElement.innerHTML = 'yeah! <b>Test</b>!';
+
+                const containerHTML = containerElement.innerHTML;
+                const newHTML = newElement.innerHTML;
+
+                let d = new Updater(
+                    containerElement,
+                    {
+                        content: newElement
+                    }
+                );
+                setTimeout(() => {
+                    d.run().then(() => {
+                        try {
+                            expect(containerElement).contain.html('<div>yeah! <b>Test</b>!</div>');
+                        } catch (e) {
+                            return done(e);
+                        }
+
+
+                        done()
+                    })
+                }, 100)
+
+                // d.setCallback('myformatter', function (a) {
+                //     return a + 'yes!'
+                // })
+                //
+                // setTimeout(() => {
+                //     d.run().then(() => {
+                //
+                //         expect(typeof d).is.equal('object');
+                //         expect(element).contain.html('<div data-monster-replace="path:text | tolower">hallo</div>');
+                //         expect(element).contain.html('<div data-monster-replace="path:text | call:myformatter">HALLOyes!</div>');
+                //         expect(element).contain.html('<div data-monster-replace="static:hello\\ ">hello </div>');
+                //
+                //         return done();
+                //     }).catch(
+                //         e => {
+                //             done(new Error(e))
+                //         })
+                // }, 100)
+
+            });
+        });
+    });
+
+
 });

package/test/cases/math/random.js

@@ -1,8 +1,11 @@
 /** nodejs doesnt support window.crypt */
 import {expect} from "chai"
+import {getGlobal} from "../../../source/types/global.js";
 import * as Crypto from "@peculiar/webcrypto";
 import {Monster, random} from "../../../source/math/random.js";
 
+const global = getGlobal();
+
 if (!global['crypto']) {
     global['crypto'] = new Crypto.Crypto();
 }

package/test/cases/monster.js

@@ -9,7 +9,7 @@ describe('Monster', function () {
         let monsterVersion
 
     /**#@+ dont touch, replaced by make with package.json version */
-    monsterVersion = new Version('1.27.0')
+    monsterVersion = new Version('1.29.1')
     /**#@-*/
 
         let m = Monster.getVersion();

package/test/cases/types/node.js

@@ -102,7 +102,7 @@ describe('NodeList', function () {
             result.push(n.value + ":" + n.level);
         }
 
-        
+
         expect(result).to.deep.equal([
             'root:0',
             'n1:1',
@@ -192,5 +192,61 @@ describe('NodeList', function () {
 
     })
 
+    describe('Levels', function () {
+
+        it('n2 should level 2', function () {
+
+            const n0 = new Node('abc');
+
+            const n1 = new Node('def');
+            n0.appendChild(n1)
+
+            const n2 = new Node('ghi');
+            n1.appendChild(n2);
+
+            const n3 = new Node('jkl');
+            n2.appendChild(n3);
+
+            expect(n0.level).to.be.equal(0);
+            expect(n1.level).to.be.equal(1);
+            expect(n2.level).to.be.equal(2);
+            expect(n3.level).to.be.equal(3);
+
+        });
+    });
+
+
+    describe('toString()', function () {
+
+        it('should output empty string', function () {
+            const node = new Node();
+            expect(node.toString()).is.equal('');
+        });
+
+        it('should output string', function () {
+            const n0 = new Node('abc');
+
+            const n1 = new Node('def');
+            n0.appendChild(n1)
+
+            const n11 = new Node('ghi');
+            n0.appendChild(n11)
+
+            const n2 = new Node('jkl');
+            n1.appendChild(n2);
+
+            const n3 = new Node('mno');
+            n1.appendChild(n3);
+
+            const n4 = new Node('pqr');
+            n2.appendChild(n4);
+
+            expect(n2.level).to.be.equal(2)
+
+            console.log(n0.toString());
+            // expect(n0.toString()).is.equal('');
+        });
+    });
+
 
 });

package/test/cases/types/nodelist.js

@@ -33,8 +33,10 @@ describe('NodeList', function () {
 
             expect(nodeList2.size).to.equal(3);
         });
+        
     });
     
+     
     it('create NodeList', function () {
         expect(new NodeList()).is.instanceof(NodeList);
     })
@@ -55,6 +57,11 @@ describe('NodeList', function () {
         const n = new Node;
         expect(new NodeList().add(n).has(n)).to.be.true;
     })
+    
+    it('toString', function () {
+        const n = new Node;
+        expect(new NodeList().add(new Node('a').appendChild(new Node('b'))).toString()).to.be.equal('a\n └b');
+    })
 
     it('throw exception', function () {
         expect(() => new NodeList().add(1)).to.throw(Error);

package/test/cases/types/noderecursiveiterator.js

@@ -2,6 +2,7 @@
 
 import {expect} from "chai"
 import {Node} from "../../../source/types/node.js";
+import {NodeList} from "../../../source/types/nodelist.js";
 import {NodeRecursiveIterator} from "../../../source/types/noderecursiveiterator.js";
 
 describe('NodeRecursiveIterator', function () {
@@ -51,4 +52,24 @@ describe('NodeRecursiveIterator', function () {
 
     });
 
+    it('should iterate nodelist', function () {
+        const nodeList = new NodeList();
+
+        nodeList.add(
+            (new Node('2')).appendChild(new Node('2.1')).appendChild(new Node('2.2')).appendChild(new Node('2.3')).appendChild(new Node('3')).appendChild(new Node('4').appendChild(new Node('4.1')).appendChild(new Node('4.2'))));
+
+        nodeList.add(new Node('x'));
+
+        const iterator = new NodeRecursiveIterator(nodeList);
+
+        const result = [];
+        for (const n of iterator) {
+            expect(n).to.be.an.instanceof(Node);
+            result.push(n.value);
+        }
+        
+        expect(result).to.deep.equal(['2', '2.1', '2.2', '2.3', '3', '4', '4.1', '4.2', 'x']);
+
+    });
+
 });