vasille 2.2.1 → 2.2.2

package/lib/node/node.js

@@ -14,7 +14,7 @@ import { internalError, userError } from "../core/errors";
 export class FragmentPrivate extends ReactivePrivate {
     constructor() {
         super();
-        this.seal();
+        this.$seal();
     }
     /**
      * Pre-initializes the base of a fragment
@@ -28,10 +28,10 @@ export class FragmentPrivate extends ReactivePrivate {
     /**
      * Unlinks all bindings
      */
-    destroy() {
+    $destroy() {
         this.next = null;
         this.prev = null;
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -254,14 +254,14 @@ export class Fragment extends Reactive {
             $.prev.$.next = $.next;
         }
     }
-    destroy() {
-        this.children.forEach(child => child.destroy());
+    $destroy() {
+        this.children.forEach(child => child.$destroy());
         this.children.clear();
         this.lastChild = null;
         if (this.$.parent.lastChild === this) {
             this.$.parent.lastChild = this.$.prev;
         }
-        super.destroy();
+        super.$destroy();
     }
 }
 const trueIValue = new Reference(true);
@@ -273,7 +273,7 @@ const trueIValue = new Reference(true);
 export class TextNodePrivate extends FragmentPrivate {
     constructor() {
         super();
-        this.seal();
+        this.$seal();
     }
     /**
      * Pre-initializes a text node
@@ -293,8 +293,8 @@ export class TextNodePrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy() {
-        super.destroy();
+    $destroy() {
+        super.$destroy();
     }
 }
 /**
@@ -305,7 +305,7 @@ export class TextNodePrivate extends FragmentPrivate {
 export class TextNode extends Fragment {
     constructor($ = new TextNodePrivate()) {
         super({}, $);
-        this.seal();
+        this.$seal();
     }
     preinit(app, parent, text) {
         const $ = this.$;
@@ -318,10 +318,10 @@ export class TextNode extends Fragment {
     findFirstChild() {
         return this.$.node;
     }
-    destroy() {
+    $destroy() {
         this.$.node.remove();
-        this.$.destroy();
-        super.destroy();
+        this.$.$destroy();
+        super.$destroy();
     }
 }
 /**
@@ -337,10 +337,10 @@ export class INodePrivate extends FragmentPrivate {
          * @type {boolean}
          */
         this.unmounted = false;
-        this.seal();
+        this.$seal();
     }
-    destroy() {
-        super.destroy();
+    $destroy() {
+        super.$destroy();
     }
 }
 /**
@@ -356,7 +356,7 @@ export class INode extends Fragment {
      */
     constructor(input, $) {
         super(input, $ || new INodePrivate);
-        this.seal();
+        this.$seal();
     }
     /**
      * Get the bound node
@@ -599,7 +599,7 @@ export class INode extends Fragment {
 export class Tag extends INode {
     constructor(input) {
         super(input);
-        this.seal();
+        this.$seal();
     }
     preinit(app, parent, tagName) {
         if (!tagName || typeof tagName !== "string") {
@@ -652,9 +652,9 @@ export class Tag extends INode {
     /**
      * Runs GC
      */
-    destroy() {
+    $destroy() {
         this.node.remove();
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -677,8 +677,8 @@ export class Extension extends INode {
             throw userError("A extension node can be encapsulated only in a tag/extension/component", "virtual-dom");
         }
     }
-    destroy() {
-        super.destroy();
+    $destroy() {
+        super.$destroy();
     }
 }
 /**
@@ -723,18 +723,18 @@ export class SwitchedNodePrivate extends FragmentPrivate {
          * @type {Array<{cond : IValue<boolean>, cb : function(Fragment)}>}
          */
         this.cases = [];
-        this.seal();
+        this.$seal();
     }
     /**
      * Runs GC
      */
-    destroy() {
+    $destroy() {
         this.cases.forEach(c => {
             delete c.cond;
             delete c.cb;
         });
         this.cases.splice(0);
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -758,7 +758,7 @@ export class SwitchedNode extends Fragment {
                 return;
             }
             if (this.lastChild) {
-                this.lastChild.destroy();
+                this.lastChild.$destroy();
                 this.children.clear();
                 this.lastChild = null;
             }
@@ -770,11 +770,11 @@ export class SwitchedNode extends Fragment {
                 $.index = -1;
             }
         };
-        this.seal();
+        this.$seal();
     }
     addCase(case_) {
         this.$.cases.push(case_);
-        case_.cond.on(this.$.sync);
+        case_.cond.$on(this.$.sync);
         this.$.sync();
     }
     /**
@@ -792,16 +792,16 @@ export class SwitchedNode extends Fragment {
     ready() {
         const $ = this.$;
         $.cases.forEach(c => {
-            c.cond.on($.sync);
+            c.cond.$on($.sync);
         });
         $.sync();
     }
-    destroy() {
+    $destroy() {
         const $ = this.$;
         $.cases.forEach(c => {
-            c.cond.off($.sync);
+            c.cond.$off($.sync);
         });
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -810,7 +810,7 @@ export class SwitchedNode extends Fragment {
 export class DebugPrivate extends FragmentPrivate {
     constructor() {
         super();
-        this.seal();
+        this.$seal();
     }
     /**
      * Pre-initializes a text node
@@ -829,9 +829,9 @@ export class DebugPrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy() {
+    $destroy() {
         this.node.remove();
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -847,7 +847,7 @@ export class DebugNode extends Fragment {
          * @type {DebugNode}
          */
         this.$ = new DebugPrivate();
-        this.seal();
+        this.$seal();
     }
     preinit(app, parent, text) {
         const $ = this.$;
@@ -859,8 +859,8 @@ export class DebugNode extends Fragment {
     /**
      * Runs garbage collector
      */
-    destroy() {
-        this.$.destroy();
-        super.destroy();
+    $destroy() {
+        this.$.$destroy();
+        super.$destroy();
     }
 }

package/lib/node/watch.js

@@ -8,7 +8,7 @@ export class Watch extends Fragment {
     compose(input) {
         this.watch((value) => {
             this.children.forEach(child => {
-                child.destroy();
+                child.$destroy();
             });
             this.children.clear();
             this.lastChild = null;

package/lib/v/index.js

@@ -16,7 +16,7 @@ export const v = Object.assign(Object.assign({ ref(value) {
     tag,
     create }, vx), { merge,
     destructor() {
-        return current.destroy.bind(current);
+        return current.$destroy.bind(current);
     },
     runOnDestroy(callback) {
         current.runOnDestroy(callback);

package/lib/value/expression.js

@@ -35,12 +35,12 @@ export class Expression extends IValue {
         this.values = values;
         this.func = handler;
         if (link) {
-            this.enable();
+            this.$enable();
         }
         else {
             handler();
         }
-        this.seal();
+        this.$seal();
     }
     get $() {
         return this.sync.$;
@@ -48,18 +48,18 @@ export class Expression extends IValue {
     set $(value) {
         this.sync.$ = value;
     }
-    on(handler) {
-        this.sync.on(handler);
+    $on(handler) {
+        this.sync.$on(handler);
         return this;
     }
-    off(handler) {
-        this.sync.off(handler);
+    $off(handler) {
+        this.sync.$off(handler);
         return this;
     }
-    enable() {
+    $enable() {
         if (!this.isEnabled) {
             for (let i = 0; i < this.values.length; i++) {
-                this.values[i].on(this.linkedFunc[i]);
+                this.values[i].$on(this.linkedFunc[i]);
                 this.valuesCache[i] = this.values[i].$;
             }
             this.func();
@@ -67,20 +67,20 @@ export class Expression extends IValue {
         }
         return this;
     }
-    disable() {
+    $disable() {
         if (this.isEnabled) {
             for (let i = 0; i < this.values.length; i++) {
-                this.values[i].off(this.linkedFunc[i]);
+                this.values[i].$off(this.linkedFunc[i]);
             }
             this.isEnabled = false;
         }
         return this;
     }
-    destroy() {
-        this.disable();
+    $destroy() {
+        this.$disable();
         this.values.splice(0);
         this.valuesCache.splice(0);
         this.linkedFunc.splice(0);
-        super.destroy();
+        super.$destroy();
     }
 }

package/lib/value/mirror.js

@@ -13,13 +13,13 @@ export class Mirror extends Reference {
      */
     constructor(value, forwardOnly = false) {
         super(value.$);
-        this.handler = (v) => {
+        this.$handler = (v) => {
             this.$ = v;
         };
-        this.pointedValue = value;
-        this.forwardOnly = forwardOnly;
-        value.on(this.handler);
-        this.seal();
+        this.$pointedValue = value;
+        this.$forwardOnly = forwardOnly;
+        value.$on(this.$handler);
+        this.$seal();
     }
     get $() {
         // this is a ts bug
@@ -28,29 +28,29 @@ export class Mirror extends Reference {
         return super.$;
     }
     set $(v) {
-        if (!this.forwardOnly) {
-            this.pointedValue.$ = v;
+        if (!this.$forwardOnly) {
+            this.$pointedValue.$ = v;
         }
         // this is a ts bug
         // eslint-disable-next-line
         // @ts-ignore
         super.$ = v;
     }
-    enable() {
+    $enable() {
         if (!this.isEnabled) {
             this.isEnabled = true;
-            this.pointedValue.on(this.handler);
-            this.$ = this.pointedValue.$;
+            this.$pointedValue.$on(this.$handler);
+            this.$ = this.$pointedValue.$;
         }
     }
-    disable() {
+    $disable() {
         if (this.isEnabled) {
-            this.pointedValue.off(this.handler);
+            this.$pointedValue.$off(this.$handler);
             this.isEnabled = false;
         }
     }
-    destroy() {
-        this.disable();
-        super.destroy();
+    $destroy() {
+        this.$disable();
+        super.$destroy();
     }
 }

package/lib/value/pointer.js

@@ -16,11 +16,11 @@ export class Pointer extends Mirror {
      * Point a new ivalue
      * @param value {IValue} value to point
      */
-    point(value) {
-        if (this.pointedValue !== value) {
-            this.disable();
-            this.pointedValue = value;
-            this.enable();
+    set $$(value) {
+        if (this.$pointedValue !== value) {
+            this.$disable();
+            this.$pointedValue = value;
+            this.$enable();
         }
     }
 }

package/lib/value/reference.js

@@ -10,42 +10,42 @@ export class Reference extends IValue {
      */
     constructor(value) {
         super(true);
-        this.value = value;
-        this.onchange = new Set;
-        this.seal();
+        this.$value = value;
+        this.$onchange = new Set;
+        this.$seal();
     }
     get $() {
-        return this.value;
+        return this.$value;
     }
     set $(value) {
-        if (this.value !== value) {
-            this.value = value;
+        if (this.$value !== value) {
+            this.$value = value;
             if (this.isEnabled) {
-                this.onchange.forEach(handler => {
+                this.$onchange.forEach(handler => {
                     handler(value);
                 });
             }
         }
     }
-    enable() {
+    $enable() {
         if (!this.isEnabled) {
-            this.onchange.forEach(handler => {
-                handler(this.value);
+            this.$onchange.forEach(handler => {
+                handler(this.$value);
             });
             this.isEnabled = true;
         }
     }
-    disable() {
+    $disable() {
         this.isEnabled = false;
     }
-    on(handler) {
-        this.onchange.add(handler);
+    $on(handler) {
+        this.$onchange.add(handler);
     }
-    off(handler) {
-        this.onchange.delete(handler);
+    $off(handler) {
+        this.$onchange.delete(handler);
     }
-    destroy() {
-        super.destroy();
-        this.onchange.clear();
+    $destroy() {
+        super.$destroy();
+        this.$onchange.clear();
     }
 }

package/lib/views/base-view.js

@@ -7,7 +7,7 @@ import { RepeatNode, RepeatNodePrivate } from "./repeat-node";
 export class BaseViewPrivate extends RepeatNodePrivate {
     constructor() {
         super();
-        this.seal();
+        this.$seal();
     }
 }
 /**

package/lib/views/repeat-node.js

@@ -12,11 +12,11 @@ export class RepeatNodePrivate extends INodePrivate {
          * @type {Map}
          */
         this.nodes = new Map();
-        this.seal();
+        this.$seal();
     }
-    destroy() {
+    $destroy() {
         this.nodes.clear();
-        super.destroy();
+        super.$destroy();
     }
 }
 /**
@@ -58,7 +58,7 @@ export class RepeatNode extends Fragment {
         const child = $.nodes.get(id);
         if (child) {
             child.remove();
-            child.destroy();
+            child.$destroy();
             this.$.nodes.delete(id);
             this.children.delete(child);
         }

package/package.json

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

package/types/binding/binding.d.ts

@@ -17,5 +17,5 @@ export declare class Binding<T> extends Destroyable {
     /**
      * Just clear bindings
      */
-    destroy(): void;
+    $destroy(): void;
 }

package/types/core/core.d.ts

@@ -48,7 +48,7 @@ export declare class ReactivePrivate extends Destroyable {
     parent: Reactive;
     onDestroy?: () => void;
     constructor();
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * A reactive object
@@ -128,5 +128,5 @@ export declare class Reactive<T extends Options = Options> extends Destroyable {
     protected composeNow(): void;
     runFunctional<F extends (...args: any) => any>(f: F, ...args: Parameters<F>): ReturnType<F>;
     runOnDestroy(func: () => void): void;
-    destroy(): void;
+    $destroy(): void;
 }

package/types/core/destroyable.d.ts

@@ -7,9 +7,9 @@ export declare class Destroyable {
      * Make object fields non configurable
      * @protected
      */
-    protected seal(): void;
+    protected $seal(): void;
     /**
      * Garbage collector method
      */
-    destroy(): void;
+    $destroy(): void;
 }

package/types/core/ivalue.d.ts

@@ -3,11 +3,11 @@ export declare class Switchable extends Destroyable {
     /**
      * Enable update handlers triggering
      */
-    enable(): void;
+    $enable(): void;
     /**
      * disable update handlers triggering
      */
-    disable(): void;
+    $disable(): void;
 }
 /**
  * Interface which describes a value
@@ -38,10 +38,10 @@ export declare class IValue<T> extends Switchable {
      * Add a new handler to value change
      * @param handler {function(value : *)} the handler to add
      */
-    on(handler: (value: T) => void): void;
+    $on(handler: (value: T) => void): void;
     /**
      * Removes a handler of value change
      * @param handler {function(value : *)} the handler to remove
      */
-    off(handler: (value: T) => void): void;
+    $off(handler: (value: T) => void): void;
 }

package/types/node/node.d.ts

@@ -39,7 +39,7 @@ export declare class FragmentPrivate extends ReactivePrivate {
     /**
      * Unlinks all bindings
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * This class is symbolic
@@ -150,7 +150,7 @@ export declare class Fragment<T extends Options = Options> extends Reactive {
     insertBefore(node: Fragment): void;
     insertAfter(node: Fragment): void;
     remove(): void;
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * The private part of a text node
@@ -170,7 +170,7 @@ export declare class TextNodePrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Represents a text node
@@ -182,7 +182,7 @@ export declare class TextNode extends Fragment {
     constructor($?: TextNodePrivate);
     preinit(app: AppNode, parent: Fragment, text?: IValue<string> | string): void;
     protected findFirstChild(): Node;
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * The private part of a base node
@@ -201,7 +201,7 @@ export declare class INodePrivate extends FragmentPrivate {
      */
     node: Element;
     constructor();
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Vasille node which can manipulate an element node
@@ -308,7 +308,7 @@ export declare class Tag<K extends keyof AcceptedTagsMap> extends INode<TagOptio
     /**
      * Runs GC
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Represents a vasille extension node
@@ -317,7 +317,7 @@ export declare class Tag<K extends keyof AcceptedTagsMap> extends INode<TagOptio
  */
 export declare class Extension<T extends TagOptions<any> = TagOptions<any>> extends INode<T> {
     preinit(app: AppNode, parent: Fragment): void;
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Node which cas has just a child
@@ -357,7 +357,7 @@ export declare class SwitchedNodePrivate extends FragmentPrivate {
     /**
      * Runs GC
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Defines a node witch can switch its children conditionally
@@ -378,7 +378,7 @@ export declare class SwitchedNode extends Fragment {
      */
     createChild(cb: (node: Fragment) => void): void;
     ready(): void;
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * The private part of a text node
@@ -396,7 +396,7 @@ export declare class DebugPrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Represents a debug node
@@ -414,5 +414,5 @@ export declare class DebugNode extends Fragment {
     /**
      * Runs garbage collector
      */
-    destroy(): void;
+    $destroy(): void;
 }

package/types/v/index.d.ts

@@ -7,6 +7,10 @@ import { AppOptions } from "../node/app";
 import { Reference } from "../value/reference";
 import { merge } from "../functional/merge";
 export { debug, arrayModel, mapModel, objectModel, setModel, expr, forward, mirror, point, ref, setValue, valueOf, watch, Options, TagOptions, AppOptions };
+export declare type VApp<In extends AppOptions<any> = AppOptions<'div'>> = (node: Element, opts: In) => In['return'];
+export declare type VComponent<In extends TagOptions<any>> = (opts: In, callback?: In['slot']) => In['return'];
+export declare type VFragment<In extends Options = Options> = (opts: In, callback?: In['slot']) => In['return'];
+export declare type VExtension<In extends TagOptions<any>> = (opts: In, callback?: In['slot']) => In['return'];
 export declare const v: {
     merge: typeof merge;
     destructor(): any;