vasille 2.3.4 → 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/package.json

@@ -3,7 +3,7 @@
   "description": "Vasille - Safe. Fast. Powerful.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "2.3.4",
+  "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/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]>;
 };
 /**