vasille 4.0.0 → 4.3.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/core/core.js

@@ -1,3 +1,4 @@
+import { safe } from "../functional/safety.js";
 /**
  * A reactive object
  * @class Reactive
@@ -13,11 +14,16 @@ export class Reactive {
         this.linked.push(value);
     }
     runOnDestroy(func) {
-        if (this.onDestroy) {
-            console.warn(new Error("You rewrite onDestroy existing handler"));
-            console.log(this.onDestroy);
+        const existing = this.onDestroy;
+        if (existing) {
+            this.onDestroy = () => {
+                existing();
+                safe(func)();
+            };
+        }
+        else {
+            this.onDestroy = safe(func);
         }
-        this.onDestroy = func;
     }
     destroy() {
         this.onDestroy?.();

package/lib/functional/safety.js

@@ -1,7 +1,23 @@
 export let reportError = (e) => {
     console.error(e);
-    console.log("Docs Link https://github.com/vasille-js/vasille-js/blob/v4/doc/V3-API.md");
+    console.log("Docs Link https://github.com/vasille-js/vasille-js/blob/v4/doc/V4-API.md");
 };
 export function setErrorHandler(handler) {
     reportError = handler;
 }
+export function safe(fn) {
+    return ((...args) => {
+        try {
+            const result = fn(...args);
+            if (result instanceof Promise) {
+                result.catch(reportError);
+            }
+            else {
+                return result;
+            }
+        }
+        catch (e) {
+            reportError(e);
+        }
+    });
+}

package/lib/index.js

@@ -1,6 +1,6 @@
 export { Reactive } from "./core/core.js";
 export { IValue } from "./core/ivalue.js";
-export { reportError, setErrorHandler } from "./functional/safety.js";
+export { reportError, setErrorHandler, safe } from "./functional/safety.js";
 export { ArrayModel } from "./models/array-model.js";
 export { Listener } from "./models/listener.js";
 export { MapModel } from "./models/map-model.js";

package/lib/models/array-model.js

@@ -48,9 +48,12 @@ export class ArrayModel extends Array {
      * @return {*} removed value
      */
     pop() {
-        const v = super.pop();
-        this.listener.emitRemoved(v, v);
-        return v;
+        /* istanbul ignore else */
+        if (this.length > 0) {
+            const v = super.pop();
+            this.listener.emitRemoved(v, v);
+            return v;
+        }
     }
     /**
      * Calls `Array.push` and notify about changes
@@ -69,9 +72,12 @@ export class ArrayModel extends Array {
      * @return {*} the shifted value
      */
     shift() {
-        const v = super.shift();
-        this.listener.emitRemoved(v, v);
-        return v;
+        /* istanbul ignore else */
+        if (this.length > 0) {
+            const v = super.shift();
+            this.listener.emitRemoved(v, v);
+            return v;
+        }
     }
     /**
      * Calls `Array.splice` and notify about changed

package/lib/node/node.js

@@ -177,7 +177,7 @@ export class Fragment extends Root {
  * @extends Fragment
  */
 export class TextNode extends Fragment {
-    handler;
+    handler = null;
     data;
     constructor(input, runner) {
         super(runner);
@@ -238,7 +238,7 @@ export class SwitchedNode extends Fragment {
      * Index of current true condition
      * @type number
      */
-    index;
+    index = -1;
     /**
      * Array of possible cases
      * @type {Array<{cond : IValue<unknown>, cb : function(Fragment)}>}
@@ -301,7 +301,7 @@ export class SwitchedNode extends Fragment {
  * @extends Fragment
  */
 export class DebugNode extends Fragment {
-    handler;
+    handler = null;
     data;
     constructor(input, runner) {
         super(runner);

package/lib/runner/web/runner.js

@@ -1,4 +1,4 @@
-import { TextNode as AbstractTextNode, DebugNode as AbstractDebugNode, Tag as AbstractTag, IValue, } from "../../index.js";
+import { TextNode as AbstractTextNode, DebugNode as AbstractDebugNode, Tag as AbstractTag, IValue, safe, } from "../../index.js";
 import { internalError } from "../../core/errors.js";
 import { AttributeBinding } from "./binding/attribute.js";
 import { addClass, DynamicalClassBinding, removeClass, StaticClassBinding } from "./binding/class.js";
@@ -120,10 +120,10 @@ export class Tag extends AbstractTag {
             for (const name in options.events) {
                 const event = options.events[name];
                 if (event instanceof Array) {
-                    this.node.addEventListener(name, event[0], event[1]);
+                    this.node.addEventListener(name, safe(event[0]), event[1]);
                 }
                 else {
-                    this.node.addEventListener(name, event);
+                    this.node.addEventListener(name, safe(event));
                 }
             }
         }

package/lib/views/set-view.js

@@ -13,6 +13,5 @@ export class SetView extends BaseView {
         this.model.forEach(item => {
             this.createChild(item, item);
         });
-        return {};
     }
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "vasille",
-  "description": "The framework designed to build bulletproof frontends (core library).",
+  "description": "The same framework which is designed to build bulletproof frontends (core library).",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "4.0.0",
+  "version": "4.3.0",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",

package/types/functional/safety.d.ts

@@ -1,2 +1,3 @@
 export declare let reportError: (e: unknown) => void;
 export declare function setErrorHandler(handler: (e: unknown) => void): void;
+export declare function safe<Args extends unknown[], Ret extends unknown>(fn: (...args: Args) => Ret): (...args: Args) => Ret extends Promise<unknown> ? void : Ret | undefined;

package/types/index.d.ts

@@ -1,7 +1,7 @@
 export type { Destroyable } from "./core/destroyable.js";
 export { Reactive } from "./core/core.js";
 export { IValue } from "./core/ivalue.js";
-export { reportError, setErrorHandler } from "./functional/safety.js";
+export { reportError, setErrorHandler, safe } from "./functional/safety.js";
 export { ArrayModel } from "./models/array-model.js";
 export { Listener } from "./models/listener.js";
 export { MapModel } from "./models/map-model.js";

package/types/models/listener.d.ts

@@ -18,31 +18,31 @@ export declare class Listener<ValueT, IndexT = string | number> {
      * @param index {*} index of value
      * @param value {*} value of added item
      */
-    emitAdded(index?: IndexT, value?: ValueT): void;
+    emitAdded(index: IndexT, value: ValueT): void;
     /**
      * Emits removed event to listeners
      * @param index {*} index of removed value
      * @param value {*} value of removed item
      */
-    emitRemoved(index?: IndexT, value?: ValueT): void;
+    emitRemoved(index: IndexT, value: ValueT): void;
     /**
      * Adds a handler to added event
      * @param handler {function} function to run on event emitting
      */
-    onAdd(handler: (index?: IndexT, value?: ValueT) => void): void;
+    onAdd(handler: (index: IndexT, value: ValueT) => void): void;
     /**
      * Adds a handler to removed event
      * @param handler {function} function to run on event emitting
      */
-    onRemove(handler: (index?: IndexT, value?: ValueT) => void): void;
+    onRemove(handler: (index: IndexT, value: ValueT) => void): void;
     /**
      * Removes a handler from added event
      * @param handler {function} handler to remove
      */
-    offAdd(handler: (index?: IndexT, value?: ValueT) => void): void;
+    offAdd(handler: (index: IndexT, value: ValueT) => void): void;
     /**
      * Removes a handler form removed event
      * @param handler {function} handler to remove
      */
-    offRemove(handler: (index?: IndexT, value?: ValueT) => void): void;
+    offRemove(handler: (index: IndexT, value: ValueT) => void): void;
 }

package/types/views/set-view.d.ts

@@ -8,5 +8,5 @@ import { SetModel } from "../models/set-model.js";
  */
 export declare class SetView<Node, Element, TagOptions extends object, T> extends BaseView<Node, Element, TagOptions, T, T, SetModel<T>> {
     constructor(input: BaseViewOptions<Node, Element, TagOptions, T, T, SetModel<T>>, runner: Runner<Node, Element, TagOptions>);
-    compose(): {};
+    compose(): void;
 }

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: ["Set", "Map"],
-        },
-        languageOptions: {
-            parserOptions: {
-                projectService: false,
-                tsconfigRootDir: import.meta.dirname,
-            },
-        },
-    },
-    globalIgnores(["node_modules", "lib/**/*", "types", "coverage/**/*"]),
-);