vasille 7.0.0-rc.2 → 7.0.0-rc.4

package/lib/dev/inspectable.js

@@ -1,17 +1,11 @@
 import { DevExpression, DevReference } from "./state.js";
 let positionId = 1;
-function getErrorStack(error) {
-    return (error.stack
-        ?.split("\n")
-        .slice(1)
-        .map(line => line.trim()) ?? []);
-}
-export function executionPosition(inspector, pathLineAndChar, error) {
+export function executionPosition(pathLineAndChar, error) {
     const id = positionId++;
     inspector.registerExecutionPosition({
         id: id,
         position: pathLineAndChar,
-        stack: getErrorStack(error),
+        stack: error.stack ?? "",
     });
     return id;
 }

package/lib/runner/web/binding/style.js

@@ -24,7 +24,7 @@ export class StyleBinding extends Binding {
         super(value);
         this.init(value => {
             /* istanbul ignore else */
-            if (node.node instanceof HTMLElement) {
+            if (node.node instanceof HTMLElement && value !== undefined) {
                 node.node.style.setProperty(name, stringifyStyleValue(value));
             }
         });

package/lib/runner/web/runner.js

@@ -124,7 +124,7 @@ export class Tag extends AbstractTag {
                 if (value instanceof IValue) {
                     this.bind(new StyleBinding(this, name, value));
                 }
-                else {
+                else if (value) {
                     node.style.setProperty(name, stringifyStyleValue(value));
                 }
             }

package/lib/value/expression.js

@@ -1,5 +1,4 @@
 import { safe } from "../functional/safety.js";
-import { Reference } from "./reference.js";
 import { IValue } from "../core/ivalue.js";
 /**
  * Bind some values to one expression
@@ -28,7 +27,7 @@ export class Expression extends IValue {
     /**
      * Creates a function bounded to N values
      */
-    constructor(func, values, ctx) {
+    constructor(func, ref, values, ctx) {
         super(ctx?.sDeep ?? 0);
         const handler = safe((i) => {
             /* istanbul ignore else */
@@ -37,8 +36,7 @@ export class Expression extends IValue {
             }
             this.sync.V = func.apply(this, this.valuesCache);
         });
-        this.valuesCache = values.map(item => item?.V);
-        this.sync = new Reference(func.apply(this, this.valuesCache));
+        this.sync = ref((this.valuesCache = values.map(item => item?.V)));
         let i = 0;
         let deep = -1;
         values.forEach(value => {

package/package.json

@@ -3,7 +3,7 @@
   "description": "The same devkit which is designed to build fault tolerant frontends (core library).",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
-  "version": "7.0.0-rc.2",
+  "version": "7.0.0-rc.4",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",

package/types/dev/inspectable.d.ts

@@ -1,7 +1,7 @@
 import { DevReference } from "./state.js";
 export type StaticPosition = [string, number, number, number, number];
 export type ExecutionPosition = number;
-export declare function executionPosition(inspector: Inspector, pathLineAndChar: StaticPosition, error: Error): ExecutionPosition;
+export declare function executionPosition(pathLineAndChar: StaticPosition, error: Error): ExecutionPosition;
 export declare function errorToString(e: unknown): string;
 export interface Inspectable {
     id: number;
@@ -150,7 +150,7 @@ export interface ProtocolRouterTargetResult {
 export interface ProtocolExecutionPosition {
     id: number;
     position: StaticPosition;
-    stack: string[];
+    stack: string;
 }
 export interface ProtocolDevValue {
     id: number;

package/types/dev/runner.d.ts

@@ -19,7 +19,7 @@ export declare class DevTextNode extends TextNode<DevTagOptions, DevRunner> {
 }
 export declare function remapObject<Before, After>(obj: {
     [k: string]: Before;
-}, transform: (v: Before) => After): {
+} | undefined, transform: (v: Before) => After): {
     [k: string]: After;
 };
 export declare class DevTag extends Tag<DevTagOptions, DevRunner> {

package/types/runner/web/binding/style.d.ts

@@ -7,12 +7,12 @@ export declare function stringifyStyleValue(value: string | number | number[]):
  * @class StyleBinding
  * @extends Binding
  */
-export declare class StyleBinding extends Binding<string | number | number[]> {
+export declare class StyleBinding extends Binding<string | number | number[] | undefined> {
     /**
      * Constructs a style binding attribute
      * @param node {Tag} the vasille node
      * @param name {string} the name of style property
      * @param value {IValue} the value to bind
      */
-    constructor(node: Tag<Node, Element, object>, name: string, value: IValue<string | number | number[]>);
+    constructor(node: Tag<Node, Element, object>, name: string, value: IValue<string | number | number[] | undefined>);
 }

package/types/runner/web/runner.d.ts

@@ -1,11 +1,11 @@
 import { TextNode as AbstractTextNode, Tag as AbstractTag, Runner as IRunner, IValue } from "../../index.js";
 export type AttrType<T> = IValue<T | string | null> | T | string | null | undefined;
-export type StyleType<T> = T | number | number[] | IValue<string | number | number[]>;
+export type StyleType<T> = T | number | number[] | IValue<string | number | number[] | undefined> | undefined;
 export interface TagOptions {
     /** attributes */
     a?: Record<string, AttrType<number | boolean>>;
     /** classes */
-    c?: (string | IValue<string> | Record<string, boolean | IValue<boolean>>)[];
+    c?: (string | IValue<string> | Record<string, boolean | IValue<boolean>> | undefined)[];
     /** style */
     s?: Record<string, StyleType<string>>;
     /** events */

package/types/value/expression.d.ts

@@ -1,6 +1,5 @@
 import { Reactive } from "../core/core.js";
 import { Destroyable } from "../core/destroyable.js";
-import { Reference } from "./reference.js";
 import { IValue } from "../core/ivalue.js";
 export type KindOfIValue<T extends unknown[]> = {
     [K in keyof T]: IValue<T[K]> | undefined;
@@ -28,11 +27,11 @@ export declare class Expression<T, Args extends unknown[]> extends IValue<T> imp
     /**
      * The buffer to keep the last calculated value
      */
-    protected sync: Reference<T>;
+    protected sync: IValue<T>;
     /**
      * Creates a function bounded to N values
      */
-    constructor(func: (...args: Args) => T, values: KindOfIValue<Args>, ctx?: Reactive);
+    constructor(func: (...args: Args) => T, ref: (args: Args) => IValue<T>, values: KindOfIValue<Args>, ctx?: Reactive);
     get V(): T;
     set V(value: T);
     on(handler: (value: T) => void): void;