vasille-jsx 4.0.1 → 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)
@@ -97,10 +98,24 @@ All of these are supported:
 * [x] `100%` Test Coverage fot babel plugin.
 * [x] Add CSS support (define styles in components).
 * [x] Add router.
-* [ ] Add SSG (static site generation).
+* [x] Add SSG (static site generation).
 * [ ] Add SSR (server side rendering).
 * [ ] Develop tools extension for debugging.
 
+## 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`.
+
+### 4.0.0
+
+Initial version of the framework with file based routing and building scripts (`vasille-web dev` and `vasille-web build spa`).
+
 ## Questions
 
 If you have questions, feel free to contact the maintainer of the project:

package/lib/components.js

@@ -4,7 +4,7 @@ export function Slot({ model, slot, ...options }, ctx, defaultSlot) {
         model(options, ctx);
     }
     else {
-        (slot ?? defaultSlot)?.(ctx);
+        (slot ?? defaultSlot)?.({}, ctx);
     }
 }
 export function Switch(options, ctx) {

package/lib/index.js

@@ -1,5 +1,5 @@
 export { Debug, Delay, For, Slot, Watch, Switch } from "./components.js";
 export { view, mount, model, store } from "./compose.js";
 export { awaited } from "./library.js";
-export { ref, arrayModel, backward, mapModel, expr, setModel, forward, set, ensure } from "./internal.js";
+export { ref, arrayModel, backward, mapModel, expr, setModel, forward, set, ensure, match } from "./internal.js";
 export { setErrorHandler } from "vasille";

package/lib/internal.js

@@ -49,7 +49,7 @@ export function ensure(data) {
  * 1. `{[a]: a1 = 3} = {x: 2}` to `{[a]: a1 = match("a1", 3)} = {x: 2}`
  */
 export function match(name, data) {
-    const iValueRequired = name.startsWith("$");
+    const iValueRequired = typeof name === "string" && name.startsWith("$");
     const isIValue = data instanceof IValue;
     if (iValueRequired && !isIValue) {
         return new Reference(data);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vasille-jsx",
-  "version": "4.0.1",
-  "description": "The framework designed to build bulletproof frontends (JSX components)",
+  "version": "4.2.0",
+  "description": "The same framework which is designed to build bulletproof frontends (JSX components)",
   "main": "lib/index.js",
   "exports": {
     "types": "./types/index.d.ts",
@@ -44,7 +44,7 @@
     "opera 15"
   ],
   "dependencies": {
-    "vasille": "^4.0.0"
+    "vasille": "^4.1.0"
   },
   "devDependencies": {
     "@types/jest": "^30.0.0",

package/types/components.d.ts

@@ -1,9 +1,9 @@
 import { Fragment, IValue } from "vasille";
 interface SlotOptions<Node, Element, TagOptions extends object, T extends object> {
     model?: (input: T, ctx: Fragment<Node, Element, TagOptions>) => void;
-    slot?: (ctx: Fragment<Node, Element, TagOptions>) => void;
+    slot?: (input: object, ctx: Fragment<Node, Element, TagOptions>) => void;
 }
-export declare function Slot<Node, Element, TagOptions extends object, T extends object = {}>({ model, slot, ...options }: SlotOptions<Node, Element, TagOptions, T> & T, ctx: Fragment<Node, Element, TagOptions>, defaultSlot?: (ctx: Fragment<Node, Element, TagOptions>) => void): void;
+export declare function Slot<Node, Element, TagOptions extends object, T extends object = {}>({ model, slot, ...options }: SlotOptions<Node, Element, TagOptions, T> & T, ctx: Fragment<Node, Element, TagOptions>, defaultSlot?: (input: object, ctx: Fragment<Node, Element, TagOptions>) => void): void;
 interface SwitchOptions<Node, Element, TagOptions extends object> {
     cases: {
         $case: IValue<unknown>;

package/types/index.d.ts

@@ -1,5 +1,5 @@
 export { Debug, Delay, For, Slot, Watch, Switch } from "./components.js";
 export { view, mount, model, store, type Composed } from "./compose.js";
 export { awaited } from "./library.js";
-export { ref, arrayModel, backward, mapModel, expr, setModel, forward, set, ensure } from "./internal.js";
+export { ref, arrayModel, backward, mapModel, expr, setModel, forward, set, ensure, match } from "./internal.js";
 export { setErrorHandler } from "vasille";

package/types/internal.d.ts

@@ -32,7 +32,7 @@ export declare function ensure(data: unknown): IValue<any>;
  * 1. `{[a]: a1} = {x: 2}` to `{[a]: a1 = match("a1")} = {x: 2}`
  * 1. `{[a]: a1 = 3} = {x: 2}` to `{[a]: a1 = match("a1", 3)} = {x: 2}`
  */
-export declare function match(name: string, data?: unknown): any;
+export declare function match(name: string | number | symbol, data?: unknown): any;
 /**
  * Set a value of a field (alternative to proxies)
  * 1. `obj.$key = 23` to `set(obj, "$key", 23)`

package/eslint.config.js

@@ -1,25 +0,0 @@
-import compat from "eslint-plugin-compat";
-import tseslint from "typescript-eslint";
-import { globalIgnores } from "eslint/config";
-
-export default tseslint.config(
-    tseslint.configs.base,
-    {
-        name: "compat check",
-        files: ["src/**/*.ts", "src/**/*.tsx"],
-        plugins: { compat },
-        rules: {
-            "compat/compat": "error",
-        },
-        settings: {
-            polyfills: [],
-        },
-        languageOptions: {
-            parserOptions: {
-                projectService: false,
-                tsconfigRootDir: import.meta.dirname,
-            },
-        },
-    },
-    globalIgnores(["node_modules", "lib/**/*", "types", "coverage/**/*"]),
-);