vasille 4.1.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,6 +48,7 @@ export class ArrayModel extends Array {
      * @return {*} removed value
      */
     pop() {
+        /* istanbul ignore else */
         if (this.length > 0) {
             const v = super.pop();
             this.listener.emitRemoved(v, v);
@@ -71,6 +72,7 @@ export class ArrayModel extends Array {
      * @return {*} the shifted value
      */
     shift() {
+        /* istanbul ignore else */
         if (this.length > 0) {
             const v = super.shift();
             this.listener.emitRemoved(v, v);

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

@@ -3,7 +3,7 @@
   "description": "The same framework which is designed to build bulletproof frontends (core library).",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "4.1.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";