vasille-web 6.0.0-rc.2 → 7.0.0-rc.2

package/README.md

@@ -21,8 +21,9 @@
   - [How POWERFUL is SteelFrameKit](#how-powerful-is-steelframekit)
   - [Road map](#road-map)
   - [Change log](#change-log)
-    - [5.1](#51)
-    - [5.0](#50)
+    - [7.0](#70)
+    - [6.0 RC (never released)](#60-rc-never-released)
+    - [5.0 - 5.1](#50---51)
     - [4.0 - 4.3](#40---43)
     - [3.0 - 3.2](#30---32)
     - [2.0 - 2.3](#20---23)
@@ -129,18 +130,24 @@ We respect semantic versioning:
 - A minor version is increased when we add functionality.
 - Patch version is increased when we fix bugs.
 
-### 5.1
+### 7.0
 
-Add support for web components compile target `web build components`.
-_Web components as custom tags are supported in any version._
+- WIP
 
-### 5.0
+### 6.0 RC (never released)
+
+- Add `QueueRenderer`, `ArrayView`, `ArrayModelView`, `SetModelView`, `MapModelView`, `Iterate` and `ForEach` components.
+- `const a = []` is not implicit array model, use explicit `arrayModel`. **[API change]**
+
+### 5.0 - 5.1
 
 - Add support for context and dependencies injection.
 - New developement direction: `fault tolerant`.
 - Renamed to `steel-frame`. **[API change]**
 - Removed `forward` and `backward` functions. **[API change]**
 - Removed `Debug` component. **[API change]**
+- Add support for web components compile target `web build components`.
+  _Web components as custom tags are supported in any version._
 
 ### 4.0 - 4.3
 

package/lib/dev.js

@@ -1,7 +1,6 @@
-import { Fragment } from "vasille";
 import { devMount as coreMount, devDynamicalModule } from "vasille-jsx/dev";
 import { devRouteApp as coreRouteApp } from "vasille-router/dev";
-import { DevPortal, DevRunner, errorToString, toDevValue, } from "vasille/dev";
+import { DevFragment, DevPortal, DevRunner, errorToString, inspector, toDevValue, } from "vasille/dev";
 import { modal, prompt } from "./index.js";
 function createPortal(node, declaration, usage, name) {
     const portal = new DevPortal({ node: document.body }, node.runner, declaration, usage, name);
@@ -13,7 +12,6 @@ export function devModal(modalFn, declaration, name) {
     const run = function (parent, input, usage) {
         modal(modalFn, node => {
             const portal = createPortal(node, declaration, usage, name);
-            const inspector = portal.runner.inspector;
             const event = {
                 position: usage,
                 target: portal.id,
@@ -24,7 +22,7 @@ export function devModal(modalFn, declaration, name) {
                 ...event,
             });
             portal.runOnDestroy(() => {
-                portal.runner.inspector.eventTrigger({
+                inspector.eventTrigger({
                     eventName: "close",
                     time: Date.now(),
                     ...event,
@@ -37,7 +35,7 @@ export function devModal(modalFn, declaration, name) {
         if (!node) {
             throw new Error("Vasille: Modal context is missing");
         }
-        const frag = new Fragment(node.runner);
+        const frag = new DevFragment(node.runner, null, null, name, {});
         if (!input.slot && slot) {
             input.slot = slot;
         }
@@ -51,14 +49,12 @@ export function devPrompt(modal, declaration, name) {
     const fragments = new Map();
     const run = function (node, input, timeout, usage) {
         let target = null;
-        let inspector = null;
         const event = {
             position: usage,
         };
         return prompt(modal, node => {
             const portal = createPortal(node, declaration, usage, name);
             target = portal.id;
-            inspector = portal.runner.inspector;
             inspector.eventTrigger({
                 eventName: "open",
                 time: Date.now(),
@@ -96,7 +92,7 @@ export function devPrompt(modal, declaration, name) {
         });
     };
     const renderer = (node, input, timeout, usage) => {
-        const frag = new Fragment(node.runner);
+        const frag = new DevFragment(node.runner, null, null, name, {});
         node.create(frag);
         fragments.set(frag, { props: input, node: frag, usage });
         return run(frag, input, timeout, usage);
@@ -106,7 +102,7 @@ export function devPrompt(modal, declaration, name) {
     });
 }
 export function devMount(element, component, input, inspector) {
-    return coreMount(element, component, new DevRunner(window.document, inspector), input, inspector);
+    return coreMount(element, component, new DevRunner(window.document), input, inspector);
 }
 export function devRouterApp(init, element, inspector) {
     return coreRouteApp(element, window, window.location, init, inspector);

package/lib/index.js

@@ -10,7 +10,7 @@ export { Router } from "vasille-router/web-router";
 export { setMobileMaxWidth, setTabletMaxWidth, setLaptopMaxWidth } from "vasille-css";
 export { context, impute, receive, share, receiveOptional } from "vasille-context";
 function createPortal(node) {
-    const portal = new Portal({ node: document.body }, node.runner);
+    const portal = new Portal({ node: document.body }, node.runner, node.sDeep + 1);
     node.create(portal);
     return portal;
 }
@@ -42,7 +42,7 @@ export function prompt(modal, create = createPortal) {
                 }, timeout);
             function destroy() {
                 timer && clearTimeout(timer);
-                portal.destroy();
+                portal.destroy(portal.sDeep);
             }
             try {
                 modal(portal, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vasille-web",
-  "version": "6.0.0-rc.2",
-  "description": "The same framework which is designed to build bulletproof frontends.",
+  "version": "7.0.0-rc.2",
+  "description": "The same devkit which is designed to build fault tolerant frontends.",
   "main": "index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -50,11 +50,11 @@
   "homepage": "https://github.com/vasille-js/vasille-js#readme",
   "dependencies": {
     "csstype": "^3.1.3",
-    "vasille": "6.0.0-rc.4",
+    "vasille": "^7.0.0-rc.3",
     "vasille-context": "^6.0.0-rc",
     "vasille-css": "^5.0.0",
-    "vasille-jsx": "^6.0.0-rc.3",
-    "vasille-router": "^6.0.0-rc"
+    "vasille-jsx": "^7.0.0-rc.2",
+    "vasille-router": "^7.0.0-rc"
   },
   "devDependencies": {
     "@types/node": "^24.3.0",

package/types/dev.d.ts

@@ -1,10 +1,10 @@
 import { App, Fragment, Runner as IRunner } from "vasille";
 import { TagOptions } from "vasille/web-runner";
-import { DevTagOptions, IDevRunner, Inspector, StaticPosition } from "vasille/dev";
+import { DevTagOptions, Inspector, StaticPosition } from "vasille/dev";
 import { PromptProps } from "./index.js";
 import { WebRouterInitialization } from "vasille-router/web-router";
 import { CompositionProps } from "vasille-jsx";
 export declare function devModal<T extends CompositionProps>(modalFn: (node: Fragment<Node, Element, TagOptions>, input: T) => void, declaration: StaticPosition, name: string): (input: T, node: Fragment<Node, Element, TagOptions>, slot?: T["slot"], usage?: StaticPosition) => void;
-export declare function devPrompt<T extends PromptProps>(modal: (node: Fragment<Node, Element, TagOptions, IDevRunner<Node, Element, TagOptions>>, input: T) => void, declaration: StaticPosition, name: string): (node: Fragment<Node, Element, TagOptions, IDevRunner<Node, Element, TagOptions>>, input: T, timeout: number | undefined, usage: StaticPosition | undefined) => Promise<unknown>;
+export declare function devPrompt<T extends PromptProps>(modal: (node: Fragment<Node, Element, TagOptions, IRunner<Node, Element, TagOptions>>, input: T) => void, declaration: StaticPosition, name: string): (node: Fragment<Node, Element, TagOptions, IRunner<Node, Element, TagOptions>>, input: T, timeout: number | undefined, usage: StaticPosition | undefined) => Promise<unknown>;
 export declare function devMount<T>(element: Element, component: ($: T) => void, input: T, inspector: Inspector): App<Node, Element, DevTagOptions, IRunner<Node, Element, DevTagOptions>>;
 export declare function devRouterApp<Routes extends string>(init: WebRouterInitialization<Routes>, element: Element, inspector: Inspector): App<Node, Element, DevTagOptions, IRunner<Node, Element, DevTagOptions>>;