vasille 2.2.0 → 2.2.1

package/cdn/es2015.js

@@ -1749,9 +1749,15 @@ class Reactive extends Destroyable {
     applyOptions(input) {
         // empty
     }
+    applyOptionsNow() {
+        this.applyOptions(this.input);
+    }
     compose(input) {
         // empty
     }
+    composeNow() {
+        this.compose(this.input);
+    }
     runFunctional(f, ...args) {
         stack(this);
         // yet another ts bug
@@ -1838,6 +1844,10 @@ class Fragment extends Reactive {
         const $ = this.$;
         $.preinit(app, parent);
     }
+    init() {
+        super.init();
+        this.ready();
+    }
     compose(input) {
         super.compose(input);
         input.slot && input.slot(this);
@@ -1948,7 +1958,6 @@ class Fragment extends Reactive {
         node.input.slot = callback || node.input.slot;
         this.pushNode(node);
         node.init();
-        node.ready();
     }
     /**
      * Defines an if node
@@ -2453,6 +2462,11 @@ class Extension extends INode {
  * @extends Extension
  */
 class Component extends Extension {
+    init() {
+        super.composeNow();
+        this.ready();
+        super.applyOptionsNow();
+    }
     ready() {
         super.ready();
         if (this.children.size !== 1) {

package/cdn/es5.js

@@ -13,7 +13,7 @@ var __spreadArray = function (to, from, pack) {
 };
 
 var __assign = function(o1, o2) {
-    for (let i in o2) {
+    for (var i in o2) {
         o1[i] = o2[i];
     }
 
@@ -182,7 +182,7 @@ window.Reflect = window.Reflect || {
         return false;
     },
     ownKeys: function (obj) {
-        let ret = [];
+        var ret = [];
 
         for (var i in obj) {
             if (obj.hasOwnProperty(i)) {
@@ -2111,9 +2111,15 @@ var Reactive = /** @class */ (function (_super) {
     Reactive.prototype.applyOptions = function (input) {
         // empty
     };
+    Reactive.prototype.applyOptionsNow = function () {
+        this.applyOptions(this.input);
+    };
     Reactive.prototype.compose = function (input) {
         // empty
     };
+    Reactive.prototype.composeNow = function () {
+        this.compose(this.input);
+    };
     Reactive.prototype.runFunctional = function (f) {
         var args = [];
         for (var _i = 1; _i < arguments.length; _i++) {
@@ -2217,6 +2223,10 @@ var Fragment = /** @class */ (function (_super) {
         var $ = this.$;
         $.preinit(app, parent);
     };
+    Fragment.prototype.init = function () {
+        _super.prototype.init.call(this);
+        this.ready();
+    };
     Fragment.prototype.compose = function (input) {
         _super.prototype.compose.call(this, input);
         input.slot && input.slot(this);
@@ -2327,7 +2337,6 @@ var Fragment = /** @class */ (function (_super) {
         node.input.slot = callback || node.input.slot;
         this.pushNode(node);
         node.init();
-        node.ready();
     };
     /**
      * Defines an if node
@@ -2872,6 +2881,11 @@ var Component = /** @class */ (function (_super) {
     function Component() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Component.prototype.init = function () {
+        _super.prototype.composeNow.call(this);
+        this.ready();
+        _super.prototype.applyOptionsNow.call(this);
+    };
     Component.prototype.ready = function () {
         _super.prototype.ready.call(this);
         if (this.children.size !== 1) {

package/flow-typed/vasille.js

@@ -637,7 +637,8 @@ declare class Fragment<T> extends Reactive {
      * @param data {*} additional data
      */
     preinit(app: AppNode, parent: Fragment, data?: any): void;
-    compose(input: Options): void;
+    init(): void;
+    compose(input: T): void;
     /** To be overloaded: ready event handler */
     ready(): void;
     /**
@@ -887,6 +888,7 @@ declare class Extension<T> extends INode<T> {
  * @extends Extension
  */
 declare class Component<T> extends Extension<T> {
+    init(): void;
     ready(): void;
     preinit(app: AppNode, parent: Fragment): void;
 }
@@ -1342,7 +1344,9 @@ declare class Reactive<T> extends Destroyable {
     bindAlive(cond: IValue<boolean>, onOff?: () => void, onOn?: () => void): this;
     init(): void;
     applyOptions(input: T): void;
+    applyOptionsNow(): void;
     compose(input: T): void;
+    composeNow(): void;
     runFunctional<F>(f: F, ...args: Parameters<F>): ReturnType<F>;
     runOnDestroy(func: () => void): void;
     destroy(): void;

package/lib/core/core.js

@@ -209,9 +209,15 @@ export class Reactive extends Destroyable {
     applyOptions(input) {
         // empty
     }
+    applyOptionsNow() {
+        this.applyOptions(this.input);
+    }
     compose(input) {
         // empty
     }
+    composeNow() {
+        this.compose(this.input);
+    }
     runFunctional(f, ...args) {
         stack(this);
         // yet another ts bug

package/lib/node/node.js

@@ -69,6 +69,10 @@ export class Fragment extends Reactive {
         const $ = this.$;
         $.preinit(app, parent);
     }
+    init() {
+        super.init();
+        this.ready();
+    }
     compose(input) {
         super.compose(input);
         input.slot && input.slot(this);
@@ -179,7 +183,6 @@ export class Fragment extends Reactive {
         node.input.slot = callback || node.input.slot;
         this.pushNode(node);
         node.init();
-        node.ready();
     }
     /**
      * Defines an if node
@@ -684,6 +687,11 @@ export class Extension extends INode {
  * @extends Extension
  */
 export class Component extends Extension {
+    init() {
+        super.composeNow();
+        this.ready();
+        super.applyOptionsNow();
+    }
     ready() {
         super.ready();
         if (this.children.size !== 1) {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vasille - Safe. Fast. Powerful.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "exports": {
     "import": "./lib/index.js",
     "browser": "./lib/index.js"

package/types/core/core.d.ts

@@ -123,7 +123,9 @@ export declare class Reactive<T extends Options = Options> extends Destroyable {
     bindAlive(cond: IValue<boolean>, onOff?: () => void, onOn?: () => void): this;
     init(): void;
     protected applyOptions(input: T): void;
+    protected applyOptionsNow(): void;
     protected compose(input: T): void;
+    protected composeNow(): void;
     runFunctional<F extends (...args: any) => any>(f: F, ...args: Parameters<F>): ReturnType<F>;
     runOnDestroy(func: () => void): void;
     destroy(): void;

package/types/node/node.d.ts

@@ -74,7 +74,8 @@ export declare class Fragment<T extends Options = Options> extends Reactive {
      * @param data {*} additional data
      */
     preinit(app: AppNode, parent: Fragment, data?: unknown): void;
-    protected compose(input: Options): void;
+    init(): void;
+    protected compose(input: T): void;
     /** To be overloaded: ready event handler */
     ready(): void;
     /**
@@ -324,6 +325,7 @@ export declare class Extension<T extends TagOptions<any> = TagOptions<any>> exte
  * @extends Extension
  */
 export declare class Component<T extends TagOptions<any>> extends Extension<T> {
+    init(): void;
     ready(): void;
     preinit(app: AppNode, parent: Fragment): void;
 }