vasille 2.3.9 → 3.0.2

package/lib-node/core/core.js

@@ -1,134 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reactive = exports.ReactivePrivate = exports.current = void 0;
-exports.stack = stack;
-exports.unstack = unstack;
+exports.Reactive = void 0;
 const destroyable_js_1 = require("./destroyable.js");
-const errors_1 = require("./errors");
 const expression_1 = require("../value/expression");
 const reference_1 = require("../value/reference");
 const pointer_1 = require("../value/pointer");
-const mirror_1 = require("../value/mirror");
-exports.current = null;
-const currentStack = [];
-function stack(node) {
-    currentStack.push(exports.current);
-    exports.current = node;
-}
-function unstack() {
-    exports.current = currentStack.pop();
-}
 /**
- * Private stuff of a reactive object
- * @class ReactivePrivate
+ * A reactive object
+ * @class Reactive
  * @extends Destroyable
  */
-class ReactivePrivate extends destroyable_js_1.Destroyable {
-    constructor() {
+class Reactive extends destroyable_js_1.Destroyable {
+    constructor(input) {
         super();
         /**
          * A list of user-defined values
          * @type {Set}
          */
-        this.watch = new Set;
+        this._watch = new Set();
         /**
          * A list of user-defined bindings
          * @type {Set}
          */
-        this.bindings = new Set;
-        /**
-         * A list of user defined models
-         */
-        this.models = new Set;
-        /**
-         * Reactivity switch state
-         * @type {boolean}
-         */
-        this.enabled = true;
-        /**
-         * The frozen state of object
-         * @type {boolean}
-         */
-        this.frozen = false;
-        this.$seal();
-    }
-    $destroy() {
-        this.watch.forEach(value => value.$destroy());
-        this.watch.clear();
-        this.bindings.forEach(binding => binding.$destroy());
-        this.bindings.clear();
-        this.models.forEach(model => model.disableReactivity());
-        this.models.clear();
-        this.freezeExpr && this.freezeExpr.$destroy();
-        this.onDestroy && this.onDestroy();
-        super.$destroy();
-    }
-}
-exports.ReactivePrivate = ReactivePrivate;
-/**
- * A reactive object
- * @class Reactive
- * @extends Destroyable
- */
-class Reactive extends destroyable_js_1.Destroyable {
-    constructor(input, $) {
-        super();
+        this.bindings = new Set();
         this.input = input;
-        this.$ = $ || new ReactivePrivate;
-        this.$seal();
-    }
-    /**
-     * Get parent node
-     */
-    get parent() {
-        return this.$.parent;
     }
     /**
      * Create a reference
      * @param value {*} value to reference
      */
     ref(value) {
-        const $ = this.$;
         const ref = new reference_1.Reference(value);
-        $.watch.add(ref);
+        this._watch.add(ref);
         return ref;
     }
     /**
-     * Create a mirror
-     * @param value {IValue} value to mirror
-     */
-    mirror(value) {
-        const mirror = new mirror_1.Mirror(value, false);
-        this.$.watch.add(mirror);
-        return mirror;
-    }
-    /**
-     * Create a forward-only mirror
-     * @param value {IValue} value to mirror
+     * Create a forward-only pointer
+     * @param value {IValue} value to point
      */
     forward(value) {
-        const mirror = new mirror_1.Mirror(value, true);
-        this.$.watch.add(mirror);
+        const mirror = new pointer_1.Pointer(value);
+        this._watch.add(mirror);
         return mirror;
     }
     /**
      * Creates a pointer
      * @param value {*} default value to point
-     * @param forwardOnly {boolean} forward only sync
      */
-    point(value, forwardOnly = false) {
-        const $ = this.$;
-        const pointer = new pointer_1.Pointer(value, forwardOnly);
-        $.watch.add(pointer);
+    own(value) {
+        const pointer = new pointer_1.OwningPointer(value);
+        this._watch.add(pointer);
         return pointer;
     }
     /**
-     * Register a model
-     * @param model
+     * Register a model/dependency
      */
-    register(model) {
-        this.$.models.add(model);
-        return model;
+    register(data) {
+        this.bindings.add(data);
+        return data;
+    }
+    release(data) {
+        this.bindings.delete(data);
     }
     /**
      * Creates a watcher
@@ -136,8 +68,7 @@ class Reactive extends destroyable_js_1.Destroyable {
      * @param values
      */
     watch(func, ...values) {
-        const $ = this.$;
-        $.watch.add(new expression_1.Expression(func, !this.$.frozen, ...values));
+        this._watch.add(new expression_1.Expression(func, ...values));
     }
     /**
      * Creates a computed value
@@ -146,97 +77,25 @@ class Reactive extends destroyable_js_1.Destroyable {
      * @return {IValue} the created ivalue
      */
     expr(func, ...values) {
-        const res = new expression_1.Expression(func, !this.$.frozen, ...values);
-        const $ = this.$;
-        $.watch.add(res);
+        const res = new expression_1.Expression(func, ...values);
+        this._watch.add(res);
         return res;
     }
-    /**
-     * Enable reactivity of fields
-     */
-    enable() {
-        const $ = this.$;
-        if (!$.enabled) {
-            $.watch.forEach(watcher => {
-                watcher.$enable();
-            });
-            $.models.forEach(model => {
-                model.enableReactivity();
-            });
-            $.enabled = true;
-        }
-    }
-    /**
-     * Disable reactivity of fields
-     */
-    disable() {
-        const $ = this.$;
-        if ($.enabled) {
-            $.watch.forEach(watcher => {
-                watcher.$disable();
-            });
-            $.models.forEach(model => {
-                model.disableReactivity();
-            });
-            $.enabled = false;
-        }
-    }
-    /**
-     * Disable/Enable reactivity of object fields with feedback
-     * @param cond {IValue} show condition
-     * @param onOff {function} on show feedback
-     * @param onOn {function} on hide feedback
-     */
-    bindAlive(cond, onOff, onOn) {
-        const $ = this.$;
-        if ($.freezeExpr) {
-            throw (0, errors_1.wrongBinding)("this component already have a freeze state");
-        }
-        if ($.watch.has(cond)) {
-            throw (0, errors_1.wrongBinding)("freeze state must be bound to an external component");
-        }
-        $.freezeExpr = new expression_1.Expression((cond) => {
-            $.frozen = !cond;
-            if (cond) {
-                onOn === null || onOn === void 0 ? void 0 : onOn();
-                this.enable();
-            }
-            else {
-                onOff === null || onOff === void 0 ? void 0 : onOff();
-                this.disable();
-            }
-        }, true, cond);
-        return this;
-    }
-    init() {
-        this.applyOptions(this.input);
-        return this.compose(this.input);
-    }
-    applyOptions(input) {
-        // empty
-    }
-    applyOptionsNow() {
-        this.applyOptions(this.input);
-    }
-    compose(input) {
-        throw (0, errors_1.notOverwritten)();
-    }
-    composeNow() {
-        return this.compose(this.input);
-    }
-    runFunctional(f, ...args) {
-        stack(this);
-        const result = f(...args);
-        unstack();
-        return result;
-    }
     runOnDestroy(func) {
-        this.$.onDestroy = func;
-    }
-    $destroy() {
-        super.$destroy();
-        this.$.$destroy();
-        this.$ = null;
+        if (this.onDestroy) {
+            console.warn(new Error("You rewrite onDestroy existing handler"));
+            console.log(this.onDestroy);
+        }
+        this.onDestroy = func;
+    }
+    destroy() {
+        var _a;
+        super.destroy();
+        this._watch.forEach(value => value.destroy());
+        this._watch.clear();
+        this.bindings.forEach(binding => binding.destroy());
+        this.bindings.clear();
+        (_a = this.onDestroy) === null || _a === void 0 ? void 0 : _a.call(this);
     }
 }
 exports.Reactive = Reactive;

package/lib-node/core/destroyable.js

@@ -6,44 +6,9 @@ exports.Destroyable = void 0;
  * @class Destroyable
  */
 class Destroyable {
-    /**
-     * Make object fields non configurable
-     * @protected
-     */
-    $seal() {
-        const $ = this;
-        Object.keys($).forEach(i => {
-            // eslint-disable-next-line no-prototype-builtins
-            if (this.hasOwnProperty(i)) {
-                const config = Object.getOwnPropertyDescriptor($, i);
-                if (config.configurable) {
-                    let descriptor;
-                    if (config.set || config.get) {
-                        descriptor = {
-                            configurable: false,
-                            get: config.get,
-                            set: config.set,
-                            enumerable: config.enumerable
-                        };
-                    }
-                    else {
-                        descriptor = {
-                            value: $[i],
-                            configurable: false,
-                            writable: config.writable,
-                            enumerable: config.enumerable
-                        };
-                    }
-                    Object.defineProperty($, i, descriptor);
-                }
-            }
-        });
-    }
     /**
      * Garbage collector method
      */
-    $destroy() {
-        // nothing here
-    }
+    destroy() { }
 }
 exports.Destroyable = Destroyable;

package/lib-node/core/ivalue.js

@@ -1,63 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IValue = exports.Switchable = void 0;
+exports.IValue = void 0;
 const destroyable_js_1 = require("./destroyable.js");
-const errors_1 = require("./errors");
-class Switchable extends destroyable_js_1.Destroyable {
-    /**
-     * Enable update handlers triggering
-     */
-    $enable() {
-        throw (0, errors_1.notOverwritten)();
-    }
-    /**
-     * disable update handlers triggering
-     */
-    $disable() {
-        throw (0, errors_1.notOverwritten)();
-    }
-}
-exports.Switchable = Switchable;
 /**
  * Interface which describes a value
  * @class IValue
  * @extends Destroyable
  */
-class IValue extends Switchable {
-    /**
-     * @param isEnabled {boolean} initial is enabled state
-     */
-    constructor(isEnabled) {
-        super();
-        this.isEnabled = isEnabled;
-    }
-    /**
-     * Get the encapsulated value
-     * @return {*} the encapsulated value
-     */
-    get $() {
-        throw (0, errors_1.notOverwritten)();
-    }
-    /**
-     * Sets the encapsulated value
-     * @param value {*} value to encapsulate
-     */
-    set $(value) {
-        throw (0, errors_1.notOverwritten)();
-    }
-    /**
-     * Add a new handler to value change
-     * @param handler {function(value : *)} the handler to add
-     */
-    $on(handler) {
-        throw (0, errors_1.notOverwritten)();
+class IValue extends destroyable_js_1.Destroyable {
+    toJSON() {
+        return this.$;
     }
-    /**
-     * Removes a handler of value change
-     * @param handler {function(value : *)} the handler to remove
-     */
-    $off(handler) {
-        throw (0, errors_1.notOverwritten)();
+    toString() {
+        var _a, _b;
+        return (_b = (_a = this.$) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : "iValue<void>";
     }
 }
 exports.IValue = IValue;

package/lib-node/functional/safety.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reportError = void 0;
+exports.setErrorHandler = setErrorHandler;
+let reportError = (e) => {
+    console.error(e);
+    console.log("Docs Link /");
+};
+exports.reportError = reportError;
+function setErrorHandler(handler) {
+    exports.reportError = handler;
+}

package/lib-node/index.js

@@ -1,39 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.current = exports.userError = exports.unstack = exports.stack = exports.Watch = exports.Reactive = exports.Binding = exports.Expression = exports.Portal = exports.App = exports.AppNode = exports.Extension = exports.Component = exports.Tag = exports.INode = exports.Fragment = exports.SetView = exports.ObjectView = exports.MapView = exports.ArrayView = exports.Listener = exports.BaseView = exports.SetModel = exports.ObjectModel = exports.MapModel = exports.ArrayModel = exports.Pointer = exports.Mirror = exports.Reference = exports.IValue = exports.Destroyable = void 0;
+exports.reportError = exports.setErrorHandler = exports.config = exports.userError = exports.Watch = exports.Reactive = exports.Binding = exports.Expression = exports.Portal = exports.App = exports.Extension = exports.Tag = exports.INode = exports.Fragment = exports.SetView = exports.MapView = exports.ArrayView = exports.Listener = exports.BaseView = exports.SetModel = exports.MapModel = exports.proxyArrayModel = exports.ArrayModel = exports.Pointer = exports.Reference = exports.IValue = exports.Destroyable = void 0;
+const config_1 = require("./core/config");
+Object.defineProperty(exports, "config", { enumerable: true, get: function () { return config_1.config; } });
 const destroyable_1 = require("./core/destroyable");
 Object.defineProperty(exports, "Destroyable", { enumerable: true, get: function () { return destroyable_1.Destroyable; } });
 const core_1 = require("./core/core");
-Object.defineProperty(exports, "current", { enumerable: true, get: function () { return core_1.current; } });
 Object.defineProperty(exports, "Reactive", { enumerable: true, get: function () { return core_1.Reactive; } });
-Object.defineProperty(exports, "stack", { enumerable: true, get: function () { return core_1.stack; } });
-Object.defineProperty(exports, "unstack", { enumerable: true, get: function () { return core_1.unstack; } });
 const ivalue_1 = require("./core/ivalue");
 Object.defineProperty(exports, "IValue", { enumerable: true, get: function () { return ivalue_1.IValue; } });
+const safety_1 = require("./functional/safety");
+Object.defineProperty(exports, "reportError", { enumerable: true, get: function () { return safety_1.reportError; } });
+Object.defineProperty(exports, "setErrorHandler", { enumerable: true, get: function () { return safety_1.setErrorHandler; } });
 const array_model_1 = require("./models/array-model");
 Object.defineProperty(exports, "ArrayModel", { enumerable: true, get: function () { return array_model_1.ArrayModel; } });
+Object.defineProperty(exports, "proxyArrayModel", { enumerable: true, get: function () { return array_model_1.proxyArrayModel; } });
 const listener_1 = require("./models/listener");
 Object.defineProperty(exports, "Listener", { enumerable: true, get: function () { return listener_1.Listener; } });
 const map_model_1 = require("./models/map-model");
 Object.defineProperty(exports, "MapModel", { enumerable: true, get: function () { return map_model_1.MapModel; } });
-const object_model_1 = require("./models/object-model");
-Object.defineProperty(exports, "ObjectModel", { enumerable: true, get: function () { return object_model_1.ObjectModel; } });
 const set_model_1 = require("./models/set-model");
 Object.defineProperty(exports, "SetModel", { enumerable: true, get: function () { return set_model_1.SetModel; } });
 const app_1 = require("./node/app");
 Object.defineProperty(exports, "App", { enumerable: true, get: function () { return app_1.App; } });
-Object.defineProperty(exports, "AppNode", { enumerable: true, get: function () { return app_1.AppNode; } });
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return app_1.Portal; } });
 const node_1 = require("./node/node");
-Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return node_1.Component; } });
 Object.defineProperty(exports, "Extension", { enumerable: true, get: function () { return node_1.Extension; } });
 Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return node_1.Fragment; } });
 Object.defineProperty(exports, "INode", { enumerable: true, get: function () { return node_1.INode; } });
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return node_1.Tag; } });
 const expression_1 = require("./value/expression");
 Object.defineProperty(exports, "Expression", { enumerable: true, get: function () { return expression_1.Expression; } });
-const mirror_1 = require("./value/mirror");
-Object.defineProperty(exports, "Mirror", { enumerable: true, get: function () { return mirror_1.Mirror; } });
 const pointer_1 = require("./value/pointer");
 Object.defineProperty(exports, "Pointer", { enumerable: true, get: function () { return pointer_1.Pointer; } });
 const reference_1 = require("./value/reference");
@@ -44,8 +41,6 @@ const base_view_1 = require("./views/base-view");
 Object.defineProperty(exports, "BaseView", { enumerable: true, get: function () { return base_view_1.BaseView; } });
 const map_view_1 = require("./views/map-view");
 Object.defineProperty(exports, "MapView", { enumerable: true, get: function () { return map_view_1.MapView; } });
-const object_view_1 = require("./views/object-view");
-Object.defineProperty(exports, "ObjectView", { enumerable: true, get: function () { return object_view_1.ObjectView; } });
 const set_view_1 = require("./views/set-view");
 Object.defineProperty(exports, "SetView", { enumerable: true, get: function () { return set_view_1.SetView; } });
 const binding_1 = require("./binding/binding");