vasille 2.3.9 → 3.0.2

package/lib-node/models/array-model.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrayModel = void 0;
+exports.proxyArrayModel = proxyArrayModel;
 const listener_1 = require("./listener");
 /**
  * Model based on Array class
@@ -11,25 +12,17 @@ class ArrayModel extends Array {
     /**
      * @param data {Array} input data
      */
-    constructor(data = []) {
+    constructor(data) {
         super();
-        Object.defineProperty(this, 'listener', {
-            value: new listener_1.Listener,
-            writable: false,
-            configurable: false
-        });
-        for (let i = 0; i < data.length; i++) {
-            super.push(data[i]);
+        this.passive = false;
+        this.listener = new listener_1.Listener();
+        if (data instanceof Array) {
+            for (let i = 0; i < data.length; i++) {
+                super.push(data[i]);
+            }
         }
     }
     /* Array members */
-    /**
-     * Gets the last item of array
-     * @return {*} the last item of array
-     */
-    get last() {
-        return this.length ? this[this.length - 1] : null;
-    }
     /**
      * Calls Array.fill and notify about changes
      * @param value {*} value to fill with
@@ -37,6 +30,7 @@ class ArrayModel extends Array {
      * @param end {?number} end index
      */
     fill(value, start, end) {
+        this.passive = true;
         if (!start) {
             start = 0;
         }
@@ -48,6 +42,7 @@ class ArrayModel extends Array {
             this[i] = value;
             this.listener.emitAdded(value, value);
         }
+        this.passive = false;
         return this;
     }
     /**
@@ -55,10 +50,12 @@ class ArrayModel extends Array {
      * @return {*} removed value
      */
     pop() {
+        this.passive = true;
         const v = super.pop();
         if (v !== undefined) {
             this.listener.emitRemoved(v, v);
         }
+        this.passive = false;
         return v;
     }
     /**
@@ -67,10 +64,12 @@ class ArrayModel extends Array {
      * @return {number} new length of array
      */
     push(...items) {
+        this.passive = true;
         items.forEach(item => {
             this.listener.emitAdded(item, item);
             super.push(item);
         });
+        this.passive = false;
         return this.length;
     }
     /**
@@ -78,10 +77,12 @@ class ArrayModel extends Array {
      * @return {*} the shifted value
      */
     shift() {
+        this.passive = true;
         const v = super.shift();
         if (v !== undefined) {
             this.listener.emitRemoved(v, v);
         }
+        this.passive = false;
         return v;
     }
     /**
@@ -92,8 +93,9 @@ class ArrayModel extends Array {
      * @return {ArrayModel} a pointer to this
      */
     splice(start, deleteCount, ...items) {
+        this.passive = true;
         start = Math.min(start, this.length);
-        deleteCount = deleteCount || this.length - start;
+        deleteCount = typeof deleteCount === "number" ? deleteCount : this.length - start;
         const before = this[start + deleteCount];
         for (let i = 0; i < deleteCount; i++) {
             const index = start + deleteCount - i - 1;
@@ -104,6 +106,7 @@ class ArrayModel extends Array {
         for (let i = 0; i < items.length; i++) {
             this.listener.emitAdded(before, items[i]);
         }
+        this.passive = false;
         return new ArrayModel(super.splice(start, deleteCount, ...items));
     }
     /**
@@ -112,107 +115,38 @@ class ArrayModel extends Array {
      * @return {number} the length after prepend
      */
     unshift(...items) {
+        this.passive = true;
         for (let i = 0; i < items.length; i++) {
             this.listener.emitAdded(this[i], items[i]);
         }
-        return super.unshift(...items);
-    }
-    /**
-     * Inserts a value to the end of array
-     * @param v {*} value to insert
-     */
-    append(v) {
-        this.listener.emitAdded(null, v);
-        super.push(v);
-        return this;
-    }
-    /**
-     * Clears array
-     * @return {this} a pointer to this
-     */
-    clear() {
-        this.forEach(v => {
-            this.listener.emitRemoved(v, v);
-        });
-        super.splice(0);
-        return this;
-    }
-    /**
-     * Inserts a value to position `index`
-     * @param index {number} index to insert value
-     * @param v {*} value to insert
-     * @return {this} a pointer to this
-     */
-    insert(index, v) {
-        this.listener.emitAdded(this[index], v);
-        super.splice(index, 0, v);
-        return this;
-    }
-    /**
-     * Inserts a value to the beginning of array
-     * @param v {*} value to insert
-     * @return {this} a pointer to this
-     */
-    prepend(v) {
-        this.listener.emitAdded(this[0], v);
-        super.unshift(v);
-        return this;
-    }
-    /**
-     * Removes a value from an index
-     * @param index {number} index of value to remove
-     * @return {this} a pointer to this
-     */
-    removeAt(index) {
-        if (index > 0 && index < this.length) {
-            this.listener.emitRemoved(this[index], this[index]);
-            super.splice(index, 1);
-        }
-        return this;
-    }
-    /**
-     * Removes the first value of array
-     * @return {this} a pointer to this
-     */
-    removeFirst() {
-        if (this.length) {
-            this.listener.emitRemoved(this[0], this[0]);
-            super.shift();
-        }
-        return this;
-    }
-    /**
-     * Removes the ast value of array
-     * @return {this} a pointer to this
-     */
-    removeLast() {
-        const last = this.last;
-        if (last != null) {
-            this.listener.emitRemoved(this[this.length - 1], last);
-            super.pop();
-        }
-        return this;
-    }
-    /**
-     * Remove the first occurrence of value
-     * @param v {*} value to remove
-     * @return {this}
-     */
-    removeOne(v) {
-        this.removeAt(this.indexOf(v));
-        return this;
+        const r = super.unshift(...items);
+        this.passive = false;
+        return r;
     }
     replace(at, with_) {
+        this.passive = true;
         this.listener.emitAdded(this[at], with_);
         this.listener.emitRemoved(this[at], this[at]);
         this[at] = with_;
+        this.passive = false;
         return this;
     }
-    enableReactivity() {
-        this.listener.enableReactivity();
-    }
-    disableReactivity() {
-        this.listener.disableReactivity();
+    destroy() {
+        this.splice(0);
     }
 }
 exports.ArrayModel = ArrayModel;
+function proxyArrayModel(arr) {
+    return new Proxy(arr, {
+        set(target, p, newValue, receiver) {
+            if (!arr.passive && typeof p === "string") {
+                const index = parseInt(p);
+                if (Number.isFinite(index)) {
+                    arr.replace(index, newValue);
+                    return true;
+                }
+            }
+            return Reflect.set(target, p, newValue, receiver);
+        },
+    });
+}

package/lib-node/models/listener.js

@@ -7,41 +7,16 @@ exports.Listener = void 0;
  */
 class Listener {
     constructor() {
-        Object.defineProperties(this, {
-            onAdded: {
-                value: new Set,
-                writable: false,
-                configurable: false
-            },
-            onRemoved: {
-                value: new Set,
-                writable: false,
-                configurable: false
-            },
-            frozen: {
-                value: false,
-                writable: true,
-                configurable: false
-            },
-            queue: {
-                value: [],
-                writable: false,
-                configurable: false
-            }
-        });
-    }
-    /**
-     * Exclude the repeated operation in queue
-     * @private
-     */
-    excludeRepeat(index) {
-        this.queue.forEach((item, i) => {
-            if (item.index === index) {
-                this.queue.splice(i, 1);
-                return true;
-            }
-        });
-        return false;
+        /**
+         * Functions to run on adding new items
+         * @type Set
+         */
+        this.onAdded = new Set();
+        /**
+         * Functions to run on item removing
+         * @type Set
+         */
+        this.onRemoved = new Set();
     }
     /**
      * Emits added event to listeners
@@ -49,16 +24,9 @@ class Listener {
      * @param value {*} value of added item
      */
     emitAdded(index, value) {
-        if (this.frozen) {
-            if (!this.excludeRepeat(index)) {
-                this.queue.push({ sign: true, index, value });
-            }
-        }
-        else {
-            this.onAdded.forEach(handler => {
-                handler(index, value);
-            });
-        }
+        this.onAdded.forEach(handler => {
+            handler(index, value);
+        });
     }
     /**
      * Emits removed event to listeners
@@ -66,16 +34,9 @@ class Listener {
      * @param value {*} value of removed item
      */
     emitRemoved(index, value) {
-        if (this.frozen) {
-            if (!this.excludeRepeat(index)) {
-                this.queue.push({ sign: false, index, value });
-            }
-        }
-        else {
-            this.onRemoved.forEach(handler => {
-                handler(index, value);
-            });
-        }
+        this.onRemoved.forEach(handler => {
+            handler(index, value);
+        });
     }
     /**
      * Adds a handler to added event
@@ -105,30 +66,5 @@ class Listener {
     offRemove(handler) {
         this.onRemoved.delete(handler);
     }
-    /**
-     * Run all queued operation and enable reactivity
-     */
-    enableReactivity() {
-        this.queue.forEach(item => {
-            if (item.sign) {
-                this.onAdded.forEach(handler => {
-                    handler(item.index, item.value);
-                });
-            }
-            else {
-                this.onRemoved.forEach(handler => {
-                    handler(item.index, item.value);
-                });
-            }
-        });
-        this.queue.splice(0);
-        this.frozen = false;
-    }
-    /**
-     * Disable the reactivity and enable the queue
-     */
-    disableReactivity() {
-        this.frozen = true;
-    }
 }
 exports.Listener = Listener;

package/lib-node/models/map-model.js

@@ -13,19 +13,15 @@ class MapModel extends Map {
      * Constructs a map model
      * @param map {[*, *][]} input data
      */
-    constructor(map = []) {
+    constructor(map) {
         super();
-        Object.defineProperty(this, 'listener', {
-            value: new listener_1.Listener,
-            writable: false,
-            configurable: false
-        });
-        map.forEach(([key, value]) => {
+        this.listener = new listener_1.Listener();
+        map === null || map === void 0 ? void 0 : map.forEach(([key, value]) => {
             super.set(key, value);
         });
     }
     /**
-     * Calls Map.clear and notify abut changes
+     * Calls Map.clear and notify about changes
      */
     clear() {
         this.forEach((value, key) => {
@@ -60,11 +56,8 @@ class MapModel extends Map {
         this.listener.emitAdded(key, value);
         return this;
     }
-    enableReactivity() {
-        this.listener.enableReactivity();
-    }
-    disableReactivity() {
-        this.listener.disableReactivity();
+    destroy() {
+        this.clear();
     }
 }
 exports.MapModel = MapModel;

package/lib-node/models/object-model.js

@@ -14,17 +14,17 @@ class ObjectModel extends Object {
     constructor(obj = {}) {
         super();
         this.container = Object.create(null);
-        Object.defineProperty(this, 'listener', {
-            value: new listener_1.Listener,
+        Object.defineProperty(this, "listener", {
+            value: new listener_1.Listener(),
             writable: false,
-            configurable: false
+            configurable: false,
         });
         for (const i in obj) {
             Object.defineProperty(this.container, i, {
                 value: obj[i],
                 configurable: true,
                 writable: true,
-                enumerable: true
+                enumerable: true,
             });
             this.listener.emitAdded(i, obj[i]);
         }
@@ -44,7 +44,7 @@ class ObjectModel extends Object {
      * @return {ObjectModel} a pointer to this
      */
     set(key, v) {
-        if (Reflect.has(this.container, key)) {
+        if (key in this.container) {
             this.listener.emitRemoved(key, this.container[key]);
             this.container[key] = v;
         }
@@ -53,7 +53,7 @@ class ObjectModel extends Object {
                 value: v,
                 configurable: true,
                 writable: true,
-                enumerable: true
+                enumerable: true,
             });
         }
         this.listener.emitAdded(key, this.container[key]);

package/lib-node/models/set-model.js

@@ -13,14 +13,10 @@ class SetModel extends Set {
      * Constructs a set model based on a set
      * @param set {Set} input data
      */
-    constructor(set = []) {
+    constructor(set) {
         super();
-        Object.defineProperty(this, 'listener', {
-            value: new listener_1.Listener,
-            writable: false,
-            configurable: false
-        });
-        set.forEach(item => {
+        this.listener = new listener_1.Listener();
+        set === null || set === void 0 ? void 0 : set.forEach(item => {
             super.add(item);
         });
     }
@@ -56,11 +52,8 @@ class SetModel extends Set {
         }
         return super.delete(value);
     }
-    enableReactivity() {
-        this.listener.enableReactivity();
-    }
-    disableReactivity() {
-        this.listener.disableReactivity();
+    destroy() {
+        this.clear();
     }
 }
 exports.SetModel = SetModel;

package/lib-node/node/app.js

@@ -1,29 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Portal = exports.App = exports.AppNode = void 0;
+exports.Portal = exports.App = void 0;
 const node_1 = require("./node");
-/**
- * Application Node
- * @class AppNode
- * @extends INode
- */
-class AppNode extends node_1.INode {
-    /**
-     * @param input
-     */
-    constructor(input) {
-        super(input);
-        this.debugUi = input.debugUi || false;
-        this.$seal();
-    }
-}
-exports.AppNode = AppNode;
 /**
  * Represents a Vasille.js application
  * @class App
  * @extends AppNode
  */
-class App extends AppNode {
+class App extends node_1.Root {
     /**
      * Constructs an app node
      * @param node {Element} The root of application
@@ -31,24 +15,20 @@ class App extends AppNode {
      */
     constructor(node, input) {
         super(input);
-        this.$.node = node;
-        this.preinit(this, this);
-        this.init();
-        this.$seal();
+        this.node = node;
     }
     appendNode(node) {
-        this.$.node.appendChild(node);
+        this.node.appendChild(node);
     }
 }
 exports.App = App;
-class Portal extends AppNode {
+class Portal extends node_1.Fragment {
     constructor(input) {
-        super(input);
-        this.$.node = input.node;
-        this.$seal();
+        super(input, ":portal");
+        this.node = input.node;
     }
     appendNode(node) {
-        this.$.node.appendChild(node);
+        this.node.appendChild(node);
     }
 }
 exports.Portal = Portal;