vasille-web 4.1.5 → 4.2.0

package/README.md

@@ -35,6 +35,7 @@ $ npm create vasille
 ### Full documentation:
 * [Learn `Vasille` in 5 minutes](https://github.com/vasille-js/vasille-js/blob/v4/doc/V4-API.md)
 * [Vasille Router Documentation](https://github.com/vasille-js/vasille-js/blob/v4/doc/Router-API.md)
+* [Vasille Compostion function](https://github.com/vasille-js/vasille-js/blob/v4/doc/Compositions.md)
 
 ### Examples
 * [TypeScript Example](https://github.com/vasille-js/example-typescript)
@@ -103,6 +104,10 @@ All of these are supported:
 
 ## Change log
 
+### 4.2.0
+
+Add support for inlined conditions in JSX, binary `&&` and ternary `?:` operator.
+
 ### 4.1.0
 
 Added SSG (static site generation) as build option `vasille-web build static`.

package/fake-types/index.d.ts

@@ -1,4 +1,4 @@
-import { App } from "vasille";
+import { App, Destroyable } from "vasille";
 import type { TagOptions } from "vasille/web-runner";
 import type { StyleProps } from "../spec/css.d.ts";
 import type { ScreenProps } from "vasille-router";
@@ -115,10 +115,10 @@ export declare function Delay(props: { time?: number; slot?: unknown }): void;
 export declare function store<Return extends object>(fn: () => Return): Return;
 
 /** Creates a model (state) constructor */
-export declare function model<Return extends object>(fn: () => Return): () => Return;
+export declare function model<Return extends object>(fn: () => Return): () => Return & Destroyable;
 export declare function model<Input extends object, Return extends object>(
-    fn: (input: Input) => Return,
-): (input: Input) => Return;
+    fn: (input: Input) => Return & Destroyable,
+): (input: Input) => Return & Destroyable;
 
 export { QueryParams, ScreenProps, RouteParameters } from "vasille-router";
 export { Router, NavigationMode } from "vasille-router/web-router";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vasille-web",
-  "version": "4.1.5",
+  "version": "4.2.0",
   "description": "The same framework which is designed to build bulletproof frontends.",
   "main": "index.js",
   "types": "./index.d.ts",
@@ -49,7 +49,7 @@
     "csstype": "^3.1.3",
     "vasille": "^4.1.0",
     "vasille-css": "^4.1.0",
-    "vasille-jsx": "^4.1.0",
+    "vasille-jsx": "^4.2.0",
     "vasille-router": "^4.0.0"
   },
   "devDependencies": {

package/spec/html.d.ts

@@ -292,6 +292,11 @@ interface ButtonAttrs extends TagAttrs {
     value: string;
 }
 
+interface CanvasAttrs extends TagAttrs {
+    width: number;
+    height: number;
+}
+
 interface SelectAttrs extends TagAttrs {
     autocomplete: boolean;
     disabled: boolean;
@@ -376,7 +381,7 @@ export interface HtmlTagMap {
     body: Tag<TagAttrs, BodyEvents, TagProps<HTMLBodyElement>>;
     br: Tag<TagAttrs, TagEvents, TagProps<HTMLBRElement>>;
     button: Tag<ButtonAttrs, TagEvents, ButtonProps>;
-    canvas: Tag<TagAttrs, TagEvents, CanvasProps>;
+    canvas: Tag<CanvasAttrs, TagEvents, CanvasProps>;
     caption: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
     cite: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
     code: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;