vasille 2.3.3 → 2.3.5

package/README.md

@@ -34,12 +34,12 @@ There are several modes to use Vasille.
 ### Documentation for beginners (how to create the first project step by step):
 * [`Vasille Core Library` - the hard way - `low-level`](https://gitlab.com/vasille-js/vasille-js/-/blob/v2/pages/GetStarted.md)
 * [`Vasille Less Library` - perfect for me - `high-level`](https://gitlab.com/vasille-js/vasille-less/-/blob/v2/pages/GetStarted.md)
-* [`Vasille Magic` - perfect for you - `highest-level`](https://gitlab.com/vasille-js/vcc/-/blob/master/pages/GetStarted.md)
+* [`Vasille Magic` - perfect for you - `highest-level`](https://gitlab.com/vasille-js/vasille-magic/-/blob/master/pages/GetStarted.md)
 
 ### Full documentation:
 * [`Vasille Core Library API`- write anything - `low-level`](https://gitlab.com/vasille-js/vasille-js/-/blob/v2/pages/Vasille-Core-Library-API.md)
 * [`Vasille Less Library API`- write less do more - `high-level`](https://gitlab.com/vasille-js/vasille-less/-/blob/v2/pages/Vasille-Less-Library-API.md)
-* [`Vasille Magic API`- compiler writes for you - `highest-level`](https://gitlab.com/vasille-js/vasille-js/-/blob/v2/pages/API.md)
+* [`Vasille Magic API`- compiler writes for you - `highest-level`](https://gitlab.com/vasille-js/vasille-magic/-/blob/master/pages/Vasille-Magic-API.md)
 
 ### Getting ready be example
 * [TypeScript Example](https://gitlab.com/vasille-js/learning/vasille-ts-example)
@@ -50,7 +50,7 @@ There are several modes to use Vasille.
 
 ## How SAFE is Vasille
 
-The safe of your application is ensured by 
+The safe of your application is ensured by
 * `100%` coverage of `vasille` code by unit tests.
   Each function, each branch are working as designed.
 * `strong typing` makes your javascript/typescript code safe as C++ code.
@@ -87,11 +87,11 @@ The test project was coded using the next frameworks:
   [Try Initial](https://vasille-js.gitlab.io/project-x32/vasille-js/) /
   [Try Optimized](https://vasille-js.gitlab.io/project-x32-if/vasille-js/).
 
-The result of test are demonstrated in figures 1 & 2. 
+The result of test are demonstrated in figures 1 & 2.
 The test result are measured in FPS (frames per second), which is calculated as `1000 / ft`,
 where `ft` is an average frame time in ms of 20 frames. All values are absolute. Higher is better.
 
-The initial version is updating all the page content in each frame. 
+The initial version is updating all the page content in each frame.
 The page reactivity connections are very complex, and we get poor results in Angular, React, Vue & Svelte.
 
 The optimized version disables the offscreen & non-actual content, which simplifies the

package/flow-typed/vasille.js

@@ -231,7 +231,9 @@ declare class Reference<T> extends IValue<T> {
 }
 
 
-declare type KindOfIValue<T> = any[];
+export type KindOfIValue<T extends any[]> = {
+    [K : string]: IValue<T[K]>;
+};
 /**
  * Bind some values to one expression
  * @class Expression
@@ -640,12 +642,12 @@ declare class SetModel<T> extends Set<T> implements ListenableModel<T, T> {
 }
 
 
-declare type EventHandler<T> = (ev: T) => any;
+export type EventHandler<T> = (ev: T) => any;
 declare interface Tag<Attrs, Events> {
     attrs: Attrs;
     events: Events;
 }
-declare type TagEvents = {
+type TagEvents = {
     [K : string]: EventHandler<HTMLElementEventMap[K]> | undefined;
 };
 declare interface TagAttrs {
@@ -682,10 +684,10 @@ declare interface MediaTagAttrs extends TagAttrs {
     muted: boolean;
     controls: boolean;
 }
-declare type MediaEvents = {
+type MediaEvents = {
     [K : string]: EventHandler<HTMLMediaElementEventMap[K]> | undefined;
 };
-declare type VideoEvents = {
+type VideoEvents = {
     [K : string]: EventHandler<HTMLVideoElementEventMap[K]> | undefined;
 };
 declare interface BaseAttrs extends TagAttrs {
@@ -719,7 +721,7 @@ declare interface StyleAttrs extends TagAttrs {
     media: string;
     blocking: string;
 }
-declare type BodyEvents = {
+type BodyEvents = {
     [K : string]: EventHandler<HTMLBodyElementEventMap[K]> | undefined;
 };
 declare interface BlockQuoteAttrs extends TagAttrs {
@@ -1076,7 +1078,7 @@ declare interface HtmlTagMap {
     "wbr": Tag<TagAttrs, TagEvents>;
     [K: string]: Tag<TagAttrs, TagEvents>;
 }
-declare type HtmlOrSvgTag = HTMLElement | SVGElement;
+type HtmlOrSvgTag = HTMLElement | SVGElement;
 declare interface HtmlAndSvgEvents {
     onabort?: ((this: HtmlOrSvgTag, ev: UIEvent) => any) | null;
     onanimationcancel?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;
@@ -1617,7 +1619,7 @@ declare interface TagNameMap {
 
 
 
-declare type SvgEvents = {
+type SvgEvents = {
     [K : string]: EventHandler<SVGElementEventMap[K]> | undefined;
 };
 declare interface SvgAreaAttrs {
@@ -1857,7 +1859,7 @@ declare interface SvgTagMap {
     "use": Tag<SvgUseAttrs, SvgEvents>;
     "view": Tag<SvgViewAttrs, SvgEvents>;
 }
-declare type SvgTag = HtmlAndSvgEvents;
+type SvgTag = HtmlAndSvgEvents;
 declare interface SvgATag extends SvgTag {
     rel: string;
 }
@@ -1932,8 +1934,8 @@ declare interface SvgTagNameMap {
 
 
 
-declare type AcceptedTagsMap = TagNameMap & SvgTagNameMap;
-declare type AcceptedTagsSpec = HtmlTagMap & SvgTagMap;
+export type AcceptedTagsMap = TagNameMap & SvgTagNameMap;
+export type AcceptedTagsSpec = HtmlTagMap & SvgTagMap;
 
 
 /**
@@ -2479,7 +2481,7 @@ declare interface FragmentOptions {
     return?: any;
     slot?: (node: Fragment, ...args: any[]) => void;
 }
-declare type AttrType<T> = IValue<T | string | null> | T | string | null | undefined;
+export type AttrType<T> = IValue<T | string | null> | T | string | null | undefined;
 declare interface TagOptions<T> extends FragmentOptions {
     "v:attr"?: {
         [K : string]:? AttrType<AcceptedTagsSpec[T]['attrs'][K]>;

package/lib/index.js

@@ -20,10 +20,4 @@ import { SetView } from "./views/set-view";
 import { Binding } from "./binding/binding";
 import { userError } from "./core/errors";
 import { Watch } from "./node/watch";
-const less = {
-    stack,
-    unstack,
-    current,
-    userError,
-};
-export { Destroyable, IValue, Reference, Mirror, Pointer, ArrayModel, MapModel, ObjectModel, SetModel, BaseView, Listener, ArrayView, MapView, ObjectView, SetView, Fragment, INode, Tag, Component, Extension, AppNode, App, Portal, Expression, Binding, Reactive, Watch, less, };
+export { Destroyable, IValue, Reference, Mirror, Pointer, ArrayModel, MapModel, ObjectModel, SetModel, BaseView, Listener, ArrayView, MapView, ObjectView, SetView, Fragment, INode, Tag, Component, Extension, AppNode, App, Portal, Expression, Binding, Reactive, Watch, stack, unstack, userError, current, };

package/lib-node/index.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.less = 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.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;
 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 array_model_1 = require("./models/array-model");
@@ -48,12 +51,6 @@ Object.defineProperty(exports, "SetView", { enumerable: true, get: function () {
 const binding_1 = require("./binding/binding");
 Object.defineProperty(exports, "Binding", { enumerable: true, get: function () { return binding_1.Binding; } });
 const errors_1 = require("./core/errors");
+Object.defineProperty(exports, "userError", { enumerable: true, get: function () { return errors_1.userError; } });
 const watch_1 = require("./node/watch");
 Object.defineProperty(exports, "Watch", { enumerable: true, get: function () { return watch_1.Watch; } });
-const less = {
-    stack: core_1.stack,
-    unstack: core_1.unstack,
-    current: core_1.current,
-    userError: errors_1.userError,
-};
-exports.less = less;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vasille - Safe. Fast. Powerful.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "exports": {
     "import": "./lib/index.js",
     "browser": "./lib/index.js",
@@ -46,7 +46,7 @@
     "@types/events": "3.0.0",
     "@types/jest": "27.4.1",
     "@types/jsdom": "16.2.14",
-    "@types/node": "17.0.23",
+    "@types/node": "^18.14.6",
     "@typescript-eslint/eslint-plugin": "5.18.0",
     "@typescript-eslint/parser": "5.18.0",
     "es-check": "latest",
@@ -57,6 +57,6 @@
     "prettier": "2.7.1",
     "ts-jest": "27.1.4",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "latest"
+    "typescript": "^4.9.5"
   }
 }

package/types/functional/options.d.ts

@@ -6,7 +6,7 @@ export interface FragmentOptions {
     return?: any;
     slot?: (node: Fragment, ...args: any[]) => void;
 }
-export declare type AttrType<T> = IValue<T | string | null> | T | string | null | undefined;
+export type AttrType<T> = IValue<T | string | null> | T | string | null | undefined;
 export interface TagOptions<T extends keyof AcceptedTagsMap> extends FragmentOptions {
     "v:attr"?: {
         [K in keyof AcceptedTagsSpec[T]['attrs']]?: AttrType<AcceptedTagsSpec[T]['attrs'][K]>;

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import { Destroyable } from "./core/destroyable";
-import { Reactive, stack, unstack } from "./core/core";
+import { current, Reactive, stack, unstack } from "./core/core";
 import { IValue } from "./core/ivalue";
 import { ArrayModel } from "./models/array-model";
 import { Listener } from "./models/listener";
@@ -23,10 +23,4 @@ import { AcceptedTagsMap, AcceptedTagsSpec } from "./spec/react";
 import { userError } from "./core/errors";
 import { ListenableModel } from "./models/model";
 import { Watch } from "./node/watch";
-declare const less: {
-    stack: typeof stack;
-    unstack: typeof unstack;
-    current: Reactive<FragmentOptions>;
-    userError: typeof userError;
-};
-export { Destroyable, IValue, Reference, Mirror, Pointer, ArrayModel, MapModel, ObjectModel, SetModel, BaseView, Listener, ArrayView, MapView, ObjectView, SetView, Fragment, INode, Tag, Component, Extension, AppNode, App, Portal, Expression, Binding, Reactive, Watch, FragmentOptions, TagOptions, AppOptions, AcceptedTagsSpec, AcceptedTagsMap, KindOfIValue, ListenableModel, TagOptionsWithSlot, less, };
+export { Destroyable, IValue, Reference, Mirror, Pointer, ArrayModel, MapModel, ObjectModel, SetModel, BaseView, Listener, ArrayView, MapView, ObjectView, SetView, Fragment, INode, Tag, Component, Extension, AppNode, App, Portal, Expression, Binding, Reactive, Watch, FragmentOptions, TagOptions, AppOptions, AcceptedTagsSpec, AcceptedTagsMap, KindOfIValue, ListenableModel, TagOptionsWithSlot, stack, unstack, userError, current, };

package/types/spec/html.d.ts

@@ -1,9 +1,9 @@
-export declare type EventHandler<T> = (ev: T) => any;
+export type EventHandler<T> = (ev: T) => any;
 export interface Tag<Attrs, Events> {
     attrs: Attrs;
     events: Events;
 }
-declare type TagEvents = {
+type TagEvents = {
     [K in keyof HTMLElementEventMap]: EventHandler<HTMLElementEventMap[K]> | undefined;
 };
 interface TagAttrs {
@@ -40,10 +40,10 @@ interface MediaTagAttrs extends TagAttrs {
     muted: boolean;
     controls: boolean;
 }
-declare type MediaEvents = {
+type MediaEvents = {
     [K in keyof HTMLMediaElementEventMap]: EventHandler<HTMLMediaElementEventMap[K]> | undefined;
 };
-declare type VideoEvents = {
+type VideoEvents = {
     [K in keyof HTMLVideoElementEventMap]: EventHandler<HTMLVideoElementEventMap[K]> | undefined;
 };
 interface BaseAttrs extends TagAttrs {
@@ -77,7 +77,7 @@ interface StyleAttrs extends TagAttrs {
     media: string;
     blocking: string;
 }
-declare type BodyEvents = {
+type BodyEvents = {
     [K in keyof HTMLBodyElementEventMap]: EventHandler<HTMLBodyElementEventMap[K]> | undefined;
 };
 interface BlockQuoteAttrs extends TagAttrs {
@@ -434,7 +434,7 @@ export interface HtmlTagMap {
     "wbr": Tag<TagAttrs, TagEvents>;
     [K: string]: Tag<TagAttrs, TagEvents>;
 }
-declare type HtmlOrSvgTag = HTMLElement | SVGElement;
+type HtmlOrSvgTag = HTMLElement | SVGElement;
 export interface HtmlAndSvgEvents {
     onabort?: ((this: HtmlOrSvgTag, ev: UIEvent) => any) | null;
     onanimationcancel?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;

package/types/spec/react.d.ts

@@ -1,4 +1,4 @@
 import { SvgTagMap, SvgTagNameMap } from "./svg";
 import { HtmlTagMap, TagNameMap } from "./html";
-export declare type AcceptedTagsMap = TagNameMap & SvgTagNameMap;
-export declare type AcceptedTagsSpec = HtmlTagMap & SvgTagMap;
+export type AcceptedTagsMap = TagNameMap & SvgTagNameMap;
+export type AcceptedTagsSpec = HtmlTagMap & SvgTagMap;

package/types/spec/svg.d.ts

@@ -1,5 +1,5 @@
 import { EventHandler, HtmlAndSvgEvents, Tag } from "./html";
-declare type SvgEvents = {
+type SvgEvents = {
     [K in keyof SVGElementEventMap]: EventHandler<SVGElementEventMap[K]> | undefined;
 };
 interface SvgAreaAttrs {
@@ -239,7 +239,7 @@ export interface SvgTagMap {
     "use": Tag<SvgUseAttrs, SvgEvents>;
     "view": Tag<SvgViewAttrs, SvgEvents>;
 }
-declare type SvgTag = HtmlAndSvgEvents;
+type SvgTag = HtmlAndSvgEvents;
 interface SvgATag extends SvgTag {
     rel: string;
 }

package/types/value/expression.d.ts

@@ -1,5 +1,5 @@
 import { IValue } from "../core/ivalue";
-export declare type KindOfIValue<T extends unknown[]> = {
+export type KindOfIValue<T extends unknown[]> = {
     [K in keyof T]: IValue<T[K]>;
 };
 /**