vasille 3.0.2 → 3.2.0

package/lib/models/array-model.js

@@ -1,147 +0,0 @@
-import { Listener } from "./listener";
-/**
- * Model based on Array class
- * @extends Array
- * @implements IModel
- */
-export class ArrayModel extends Array {
-    /**
-     * @param data {Array} input data
-     */
-    constructor(data) {
-        super();
-        this.passive = false;
-        this.listener = new Listener();
-        if (data instanceof Array) {
-            for (let i = 0; i < data.length; i++) {
-                super.push(data[i]);
-            }
-        }
-    }
-    /* Array members */
-    /**
-     * Calls Array.fill and notify about changes
-     * @param value {*} value to fill with
-     * @param start {?number} begin index
-     * @param end {?number} end index
-     */
-    fill(value, start, end) {
-        this.passive = true;
-        if (!start) {
-            start = 0;
-        }
-        if (!end) {
-            end = this.length;
-        }
-        for (let i = start; i < end; i++) {
-            this.listener.emitRemoved(this[i], this[i]);
-            this[i] = value;
-            this.listener.emitAdded(value, value);
-        }
-        this.passive = false;
-        return this;
-    }
-    /**
-     * Calls Array.pop and notify about changes
-     * @return {*} removed value
-     */
-    pop() {
-        this.passive = true;
-        const v = super.pop();
-        if (v !== undefined) {
-            this.listener.emitRemoved(v, v);
-        }
-        this.passive = false;
-        return v;
-    }
-    /**
-     * Calls Array.push and notify about changes
-     * @param items {...*} values to push
-     * @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;
-    }
-    /**
-     * Calls Array.shift and notify about changed
-     * @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;
-    }
-    /**
-     * Calls Array.splice and notify about changed
-     * @param start {number} start index
-     * @param deleteCount {?number} delete count
-     * @param items {...*}
-     * @return {ArrayModel} a pointer to this
-     */
-    splice(start, deleteCount, ...items) {
-        this.passive = true;
-        start = Math.min(start, this.length);
-        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;
-            if (this[index] !== undefined) {
-                this.listener.emitRemoved(this[index], this[index]);
-            }
-        }
-        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));
-    }
-    /**
-     * Calls Array.unshift and notify about changed
-     * @param items {...*} values to insert
-     * @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]);
-        }
-        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;
-    }
-    destroy() {
-        this.splice(0);
-    }
-}
-export 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/models/listener.js

@@ -1,66 +0,0 @@
-/**
- * Represent a listener for a model
- * @class Listener
- */
-export class Listener {
-    constructor() {
-        /**
-         * 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
-     * @param index {*} index of value
-     * @param value {*} value of added item
-     */
-    emitAdded(index, value) {
-        this.onAdded.forEach(handler => {
-            handler(index, value);
-        });
-    }
-    /**
-     * Emits removed event to listeners
-     * @param index {*} index of removed value
-     * @param value {*} value of removed item
-     */
-    emitRemoved(index, value) {
-        this.onRemoved.forEach(handler => {
-            handler(index, value);
-        });
-    }
-    /**
-     * Adds a handler to added event
-     * @param handler {function} function to run on event emitting
-     */
-    onAdd(handler) {
-        this.onAdded.add(handler);
-    }
-    /**
-     * Adds a handler to removed event
-     * @param handler {function} function to run on event emitting
-     */
-    onRemove(handler) {
-        this.onRemoved.add(handler);
-    }
-    /**
-     * Removes an handler from added event
-     * @param handler {function} handler to remove
-     */
-    offAdd(handler) {
-        this.onAdded.delete(handler);
-    }
-    /**
-     * Removes an handler form removed event
-     * @param handler {function} handler to remove
-     */
-    offRemove(handler) {
-        this.onRemoved.delete(handler);
-    }
-}

package/lib/models/map-model.js

@@ -1,59 +0,0 @@
-import { Listener } from "./listener";
-/**
- * A Map based memory
- * @class MapModel
- * @extends Map
- * @implements IModel
- */
-export class MapModel extends Map {
-    /**
-     * Constructs a map model
-     * @param map {[*, *][]} input data
-     */
-    constructor(map) {
-        super();
-        this.listener = new Listener();
-        map === null || map === void 0 ? void 0 : map.forEach(([key, value]) => {
-            super.set(key, value);
-        });
-    }
-    /**
-     * Calls Map.clear and notify about changes
-     */
-    clear() {
-        this.forEach((value, key) => {
-            this.listener.emitRemoved(key, value);
-        });
-        super.clear();
-    }
-    /**
-     * Calls Map.delete and notify abut changes
-     * @param key {*} key
-     * @return {boolean} true if removed something, otherwise false
-     */
-    delete(key) {
-        const tmp = super.get(key);
-        if (tmp) {
-            this.listener.emitRemoved(key, tmp);
-        }
-        return super.delete(key);
-    }
-    /**
-     * Calls Map.set and notify abut changes
-     * @param key {*} key
-     * @param value {*} value
-     * @return {MapModel} a pointer to this
-     */
-    set(key, value) {
-        const tmp = super.get(key);
-        if (tmp) {
-            this.listener.emitRemoved(key, tmp);
-        }
-        super.set(key, value);
-        this.listener.emitAdded(key, value);
-        return this;
-    }
-    destroy() {
-        this.clear();
-    }
-}

package/lib/models/model.js

@@ -1 +0,0 @@
-export {};

package/lib/models/object-model.js

@@ -1,78 +0,0 @@
-import { Listener } from "./listener";
-/**
- * Object based model
- * @extends Object
- */
-export class ObjectModel extends Object {
-    /**
-     * Constructs a object model
-     * @param obj {Object} input data
-     */
-    constructor(obj = {}) {
-        super();
-        this.container = Object.create(null);
-        Object.defineProperty(this, "listener", {
-            value: new Listener(),
-            writable: false,
-            configurable: false,
-        });
-        for (const i in obj) {
-            Object.defineProperty(this.container, i, {
-                value: obj[i],
-                configurable: true,
-                writable: true,
-                enumerable: true,
-            });
-            this.listener.emitAdded(i, obj[i]);
-        }
-    }
-    /**
-     * Gets a value of a field
-     * @param key {string}
-     * @return {*}
-     */
-    get(key) {
-        return this.container[key];
-    }
-    /**
-     * Sets an object property value
-     * @param key {string} property name
-     * @param v {*} property value
-     * @return {ObjectModel} a pointer to this
-     */
-    set(key, v) {
-        if (key in this.container) {
-            this.listener.emitRemoved(key, this.container[key]);
-            this.container[key] = v;
-        }
-        else {
-            Object.defineProperty(this.container, key, {
-                value: v,
-                configurable: true,
-                writable: true,
-                enumerable: true,
-            });
-        }
-        this.listener.emitAdded(key, this.container[key]);
-        return this;
-    }
-    get values() {
-        return this.container;
-    }
-    /**
-     * Deletes an object property
-     * @param key {string} property name
-     */
-    delete(key) {
-        if (this.container[key]) {
-            this.listener.emitRemoved(key, this.container[key]);
-            delete this.container[key];
-        }
-    }
-    enableReactivity() {
-        this.listener.enableReactivity();
-    }
-    disableReactivity() {
-        this.listener.disableReactivity();
-    }
-}

package/lib/models/set-model.js

@@ -1,55 +0,0 @@
-import { Listener } from "./listener";
-/**
- * A Set based model
- * @class SetModel
- * @extends Set
- * @implements IModel
- */
-export class SetModel extends Set {
-    /**
-     * Constructs a set model based on a set
-     * @param set {Set} input data
-     */
-    constructor(set) {
-        super();
-        this.listener = new Listener();
-        set === null || set === void 0 ? void 0 : set.forEach(item => {
-            super.add(item);
-        });
-    }
-    /**
-     * Calls Set.add and notify abut changes
-     * @param value {*} value
-     * @return {this} a pointer to this
-     */
-    add(value) {
-        if (!super.has(value)) {
-            this.listener.emitAdded(value, value);
-            super.add(value);
-        }
-        return this;
-    }
-    /**
-     * Calls Set.clear and notify abut changes
-     */
-    clear() {
-        this.forEach(item => {
-            this.listener.emitRemoved(item, item);
-        });
-        super.clear();
-    }
-    /**
-     * Calls Set.delete and notify abut changes
-     * @param value {*}
-     * @return {boolean} true if a value was deleted, otherwise false
-     */
-    delete(value) {
-        if (super.has(value)) {
-            this.listener.emitRemoved(value, value);
-        }
-        return super.delete(value);
-    }
-    destroy() {
-        this.clear();
-    }
-}

package/lib/spec/html.js

@@ -1 +0,0 @@
-export {};

package/lib/spec/react.js

@@ -1 +0,0 @@
-export {};

package/lib/spec/svg.js

@@ -1 +0,0 @@
-export {};

package/lib/tsconfig-build.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["../src/index.ts","../src/binding/attribute.ts","../src/binding/binding.ts","../src/binding/class.ts","../src/binding/style.ts","../src/core/core.ts","../src/core/destroyable.ts","../src/core/errors.ts","../src/core/ivalue.ts","../src/functional/options.ts","../src/functional/safety.ts","../src/models/array-model.ts","../src/models/listener.ts","../src/models/map-model.ts","../src/models/model.ts","../src/models/object-model.ts","../src/models/set-model.ts","../src/node/app.ts","../src/node/node.ts","../src/node/watch.ts","../src/spec/html.ts","../src/spec/react.ts","../src/spec/svg.ts","../src/value/expression.ts","../src/value/mirror.ts","../src/value/pointer.ts","../src/value/reference.ts","../src/views/array-view.ts","../src/views/base-view.ts","../src/views/map-view.ts","../src/views/object-view.ts","../src/views/repeat-node.ts","../src/views/set-view.ts"],"version":"5.6.2"}

package/lib/value/mirror.js

@@ -1,42 +0,0 @@
-import { Reference } from "./reference";
-/**
- * Declares a notifiable bind to a value
- * @class Mirror
- * @extends IValue
- * @version 2
- */
-export class Mirror extends Reference {
-    /**
-     * Constructs a notifiable bind to a value
-     * @param value {IValue} is initial value
-     * @param forwardOnly {boolean} ensure forward only synchronization
-     */
-    constructor(value, forwardOnly = false) {
-        super(value.$);
-        this.handler = (v) => {
-            this.$ = v;
-        };
-        this.value = value;
-        this.forward = forwardOnly;
-        value.on(this.handler);
-    }
-    get $() {
-        // this is a ts bug
-        // eslint-disable-next-line
-        // @ts-ignore
-        return super.$;
-    }
-    set $(v) {
-        if (!this.forward) {
-            this.value.$ = v;
-        }
-        // this is a ts bug
-        // eslint-disable-next-line
-        // @ts-ignore
-        super.$ = v;
-    }
-    destroy() {
-        this.value.off(this.handler);
-        super.destroy();
-    }
-}

package/lib/views/object-view.js

@@ -1,17 +0,0 @@
-import { BaseView } from "./base-view";
-/**
- * Create a children pack for each object field
- * @class ObjectView
- * @extends BaseView
- */
-export class ObjectView extends BaseView {
-    compose(input) {
-        super.compose(input);
-        const obj = input.model.values;
-        for (const key in obj) {
-            this.createChild(input, key, obj[key]);
-        }
-        super.ready();
-        return {};
-    }
-}

package/lib-node/binding/attribute.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributeBinding = void 0;
-const binding_1 = require("./binding");
-/**
- * Represents an Attribute binding description
- * @class AttributeBinding
- * @extends Binding
- */
-class AttributeBinding extends binding_1.Binding {
-    /**
-     * Constructs an attribute binding description
-     * @param node {INode} the vasille node
-     * @param name {String} the name of attribute
-     * @param value {IValue} value to bind
-     */
-    constructor(node, name, value) {
-        super(value);
-        this.init((value) => {
-            if (value) {
-                if (typeof value === "boolean") {
-                    node.element.setAttribute(name, "");
-                }
-                else {
-                    node.element.setAttribute(name, `${value}`);
-                }
-            }
-            else {
-                node.element.removeAttribute(name);
-            }
-        });
-    }
-}
-exports.AttributeBinding = AttributeBinding;

package/lib-node/binding/binding.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Binding = void 0;
-const destroyable_1 = require("../core/destroyable");
-/**
- * Describe a common binding logic
- * @class Binding
- * @extends Destroyable
- */
-class Binding extends destroyable_1.Destroyable {
-    /**
-     * Constructs a common binding logic
-     * @param value {IValue} the value to bind
-     */
-    constructor(value) {
-        super();
-        this.binding = value;
-    }
-    init(bounded) {
-        this.func = bounded;
-        this.binding.on(this.func);
-        this.func(this.binding.$);
-    }
-    /**
-     * Just clear bindings
-     */
-    destroy() {
-        this.binding.off(this.func);
-        super.destroy();
-    }
-}
-exports.Binding = Binding;

package/lib-node/binding/class.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DynamicalClassBinding = exports.StaticClassBinding = void 0;
-const binding_1 = require("./binding");
-function addClass(node, cl) {
-    node.element.classList.add(cl);
-}
-function removeClass(node, cl) {
-    node.element.classList.remove(cl);
-}
-class StaticClassBinding extends binding_1.Binding {
-    constructor(node, name, value) {
-        super(value);
-        this.current = false;
-        this.init((value) => {
-            if (value !== this.current) {
-                if (value) {
-                    addClass(node, name);
-                }
-                else {
-                    removeClass(node, name);
-                }
-                this.current = value;
-            }
-        });
-    }
-}
-exports.StaticClassBinding = StaticClassBinding;
-class DynamicalClassBinding extends binding_1.Binding {
-    constructor(node, value) {
-        super(value);
-        this.current = "";
-        this.init((value) => {
-            if (this.current != value) {
-                if (this.current.length) {
-                    removeClass(node, this.current);
-                }
-                if (value.length) {
-                    addClass(node, value);
-                }
-                this.current = value;
-            }
-        });
-    }
-}
-exports.DynamicalClassBinding = DynamicalClassBinding;

package/lib-node/binding/style.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleBinding = void 0;
-exports.stringifyStyleValue = stringifyStyleValue;
-const binding_1 = require("./binding");
-function stringifyStyleValue(value) {
-    if (value instanceof Array) {
-        return value.map(item => `${item}px`).join(" ");
-    }
-    if (typeof value === "number") {
-        return `${value}px`;
-    }
-    return value;
-}
-/**
- * Describes a style attribute binding
- * @class StyleBinding
- * @extends Binding
- */
-class StyleBinding extends binding_1.Binding {
-    /**
-     * Constructs a style binding attribute
-     * @param node {INode} the vasille node
-     * @param name {string} the name of style property
-     * @param value {IValue} the value to bind
-     */
-    constructor(node, name, value) {
-        super(value);
-        this.init(value => {
-            if (node.element instanceof HTMLElement) {
-                node.element.style.setProperty(name, stringifyStyleValue(value));
-            }
-        });
-    }
-}
-exports.StyleBinding = StyleBinding;

package/lib-node/core/config.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-exports.config = {
-    debugUi: true,
-};