vasille 2.2.0 → 2.3.0

package/types/models/array-model.d.ts

@@ -11,7 +11,6 @@ export declare class ArrayModel<T> extends Array<T> implements ListenableModel<T
      * @param data {Array} input data
      */
     constructor(data?: Array<T>);
-    proxy(): ArrayModel<T>;
     /**
      * Gets the last item of array
      * @return {*} the last item of array
@@ -99,6 +98,7 @@ export declare class ArrayModel<T> extends Array<T> implements ListenableModel<T
      * @return {this}
      */
     removeOne(v: T): this;
+    replace(at: number, with_: T): this;
     enableReactivity(): void;
     disableReactivity(): void;
 }

package/types/models/object-model.d.ts

@@ -27,12 +27,12 @@ export declare class ObjectModel<T> extends Object implements ListenableModel<st
      * @return {ObjectModel} a pointer to this
      */
     set(key: string, v: T): this;
+    get values(): Record<string, T>;
     /**
      * Deletes an object property
      * @param key {string} property name
      */
     delete(key: string): void;
-    proxy(): Record<string, T>;
     enableReactivity(): void;
     disableReactivity(): void;
 }

package/types/node/node.d.ts

@@ -1,7 +1,7 @@
 import { Reactive, ReactivePrivate } from "../core/core";
 import { IValue } from "../core/ivalue";
 import type { AppNode } from "./app";
-import { Options, TagOptions } from "../functional/options";
+import { FragmentOptions, TagOptions } from "../functional/options";
 import { AcceptedTagsMap } from "../spec/react";
 /**
  * Represents a Vasille.js node
@@ -39,13 +39,13 @@ export declare class FragmentPrivate extends ReactivePrivate {
     /**
      * Unlinks all bindings
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * This class is symbolic
  * @extends Reactive
  */
-export declare class Fragment<T extends Options = Options> extends Reactive {
+export declare class Fragment<T extends FragmentOptions = FragmentOptions> extends Reactive {
     /**
      * Private part
      * @protected
@@ -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(): T['return'];
+    protected compose(input: T): void;
     /** To be overloaded: ready event handler */
     ready(): void;
     /**
@@ -118,7 +119,7 @@ export declare class Fragment<T extends Options = Options> extends Reactive {
      * @param node {Fragment} vasille element to insert
      * @param callback {function($ : *)}
      */
-    create<T extends Fragment>(node: T, callback?: T['input']['slot']): void;
+    create<T extends Fragment>(node: T, callback?: T['input']['slot']): T['input']['return'];
     /**
      * Defines an if node
      * @param cond {IValue} condition
@@ -149,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
@@ -169,7 +170,7 @@ export declare class TextNodePrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Represents a text node
@@ -181,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
@@ -200,7 +201,7 @@ export declare class INodePrivate extends FragmentPrivate {
      */
     node: Element;
     constructor();
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Vasille node which can manipulate an element node
@@ -307,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
@@ -316,7 +317,8 @@ 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;
+    extend(options: T): void;
+    $destroy(): void;
 }
 /**
  * Node which cas has just a child
@@ -324,6 +326,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;
 }
@@ -355,7 +358,7 @@ export declare class SwitchedNodePrivate extends FragmentPrivate {
     /**
      * Runs GC
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Defines a node witch can switch its children conditionally
@@ -376,7 +379,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
@@ -394,7 +397,7 @@ export declare class DebugPrivate extends FragmentPrivate {
     /**
      * Clear node data
      */
-    destroy(): void;
+    $destroy(): void;
 }
 /**
  * Represents a debug node
@@ -412,5 +415,5 @@ export declare class DebugNode extends Fragment {
     /**
      * Runs garbage collector
      */
-    destroy(): void;
+    $destroy(): void;
 }

package/types/node/watch.d.ts

@@ -1,7 +1,7 @@
 import { Fragment } from "./node";
 import { IValue } from "../core/ivalue";
-import { Options } from "../functional/options";
-interface WatchOptions<T> extends Options {
+import { FragmentOptions } from "../functional/options";
+interface WatchOptions<T> extends FragmentOptions {
     model: IValue<T>;
     slot?: (node: Fragment, value: T) => 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;

package/types/value/expression.d.ts

@@ -39,9 +39,9 @@ export declare class Expression<T, Args extends unknown[]> extends IValue<T> {
     constructor(func: (...args: Args) => T, link: boolean, ...values: KindOfIValue<Args>);
     get $(): T;
     set $(value: T);
-    on(handler: (value: T) => void): this;
-    off(handler: (value: T) => void): this;
-    enable(): this;
-    disable(): this;
-    destroy(): void;
+    $on(handler: (value: T) => void): this;
+    $off(handler: (value: T) => void): this;
+    $enable(): this;
+    $disable(): this;
+    $destroy(): void;
 }

package/types/value/mirror.d.ts

@@ -11,16 +11,16 @@ export declare class Mirror<T> extends Reference<T> {
      * pointed value
      * @type IValue
      */
-    protected pointedValue: IValue<T>;
+    protected $pointedValue: IValue<T>;
     /**
      * Collection of handlers
      * @type Set
      */
-    private readonly handler;
+    private readonly $handler;
     /**
      * Ensure forward only synchronization
      */
-    forwardOnly: boolean;
+    $forwardOnly: boolean;
     /**
      * Constructs a notifiable bind to a value
      * @param value {IValue} is initial value
@@ -29,7 +29,7 @@ export declare class Mirror<T> extends Reference<T> {
     constructor(value: IValue<T>, forwardOnly?: boolean);
     get $(): T;
     set $(v: T);
-    enable(): void;
-    disable(): void;
-    destroy(): void;
+    $enable(): void;
+    $disable(): void;
+    $destroy(): void;
 }

package/types/value/pointer.d.ts

@@ -15,5 +15,5 @@ export declare class Pointer<T> extends Mirror<T> {
      * Point a new ivalue
      * @param value {IValue} value to point
      */
-    point(value: IValue<T>): void;
+    set $$(value: IValue<T>);
 }

package/types/value/reference.d.ts

@@ -9,22 +9,22 @@ export declare class Reference<T> extends IValue<T> {
      * The encapsulated value
      * @type {*}
      */
-    private value;
+    private $value;
     /**
      * Array of handlers
      * @type {Set}
      * @readonly
      */
-    private readonly onchange;
+    private readonly $onchange;
     /**
      * @param value {any} the initial value
      */
     constructor(value: T);
     get $(): T;
     set $(value: T);
-    enable(): void;
-    disable(): void;
-    on(handler: (value: T) => void): void;
-    off(handler: (value: T) => void): void;
-    destroy(): void;
+    $enable(): void;
+    $disable(): void;
+    $on(handler: (value: T) => void): void;
+    $off(handler: (value: T) => void): void;
+    $destroy(): void;
 }

package/types/views/repeat-node.d.ts

@@ -1,5 +1,5 @@
 import { Fragment, INodePrivate } from "../node/node";
-import { Options } from "../functional/options";
+import { FragmentOptions } from "../functional/options";
 /**
  * Private part of repeat node
  * @class RepeatNodePrivate
@@ -12,9 +12,9 @@ export declare class RepeatNodePrivate<IdT> extends INodePrivate {
      */
     nodes: Map<IdT, Fragment>;
     constructor();
-    destroy(): void;
+    $destroy(): void;
 }
-export interface RNO<T, IdT> extends Options {
+export interface RNO<T, IdT> extends FragmentOptions {
     slot?: (node: Fragment, value: T, index: IdT) => void;
 }
 /**