steel-frame 7.2.0 → 7.2.1

package/README.md

@@ -65,7 +65,7 @@ $ npm create steel-frame
 
 ## How SAFE is Steel Frame
 
-The safe of your application is ensured by
+The safety of your application is ensured by
 
 - `100%` coverage of code by unit tests.
   Each function, each branch is working as designed.
@@ -135,8 +135,8 @@ We respect semantic versioning:
 
 ### 7.0 - 7.2
 
-- **7.2**: Add models to reactive conversion of buildin models.
-- **7.1**: Add support for ARIA attributtes.
+- **7.2**: Add tracking of the builtin models size. Reactive array/set/map can be converted into a builtin model.
+- **7.1**: Add support for ARIA attributes.
 - Add `debounced` and `field` functions, which extend the reativity system.
 - Add `Zombie` component, it keeps HTML elements alive some time after destruction.
 - Add `abortSignal` to cancel fetch requests and timers when component is destroyed.

package/build/babel-plugin/internal.d.ts

@@ -97,7 +97,6 @@ export interface Internal {
     set(obj: types.Expression, field: types.Expression, value: types.Expression, area: types.Node): types.CallExpression;
     safeInit(arg: types.Expression): types.Expression;
     Switch(arg: types.ObjectExpression): types.CallExpression;
-    ArrayModelView(array: types.Expression, arg: types.Expression): types.CallExpression;
     safe(arg: types.FunctionExpression | types.ArrowFunctionExpression): types.CallExpression;
     updateIValue(area: types.Node, left: types.Expression, right: types.Expression): types.Expression;
     wrapFunctionBody(fn: types.FunctionDeclaration | types.ObjectMethod | types.ClassMethod | types.ClassPrivateMethod): void;

package/build/babel-plugin/jsx.js

@@ -1,5 +1,5 @@
 import * as t from "@babel/types";
-import { ctx, VariablesStatus } from "./internal.js";
+import { ctx } from "./internal.js";
 import { bodyHasJsx } from "./jsx-detect.js";
 import { checkNonReactiveName, checkReactiveName, err, Errors, exprCall, isReactiveName, isReadableName, isWritableName, nodeIsUnsafe, reactivityTypeOfNode, toKebabCase, } from "./lib.js";
 import { compose, meshExpression, processRefCall } from "./mesh.js";
@@ -64,32 +64,9 @@ export function transformJsxArray(paths, internal) {
         }
         else if (path.isJSXExpressionContainer()) {
             const conditionalJsx = tryForConditionalJsx(path, internal);
-            const expression = path.get("expression");
             if (conditionalJsx.length) {
                 result.push(...conditionalJsx);
             }
-            // arrayModel.map(item => { <div>{item.x}</div> })
-            else if (expression.isCallExpression() &&
-                t.isMemberExpression(expression.node.callee) &&
-                !expression.node.callee.computed &&
-                t.isIdentifier(expression.node.callee.property) &&
-                expression.node.callee.property.name === "map") {
-                const array = expression.get("callee.object");
-                const handler = expression.get("arguments.0");
-                if (array.isIdentifier() &&
-                    internal.stack.get(array.node.name) === VariablesStatus.ArrayModel &&
-                    precheckSlotParams("ArrayModelView", handler, internal)) {
-                    compose(handler, internal, "compose", true, true, false);
-                    result.push(t.expressionStatement(internal.ArrayModelView(array.node, handler.node)));
-                }
-                else {
-                    err(Errors.IncorrectArguments, array, [
-                        "Mapped value must be and identifier initialized with array model.",
-                        "E.g.: `const C = component(() => { const arr = arrayModel(); <div>{arr.map(..)}</div> })`",
-                        "Use directly ArrayView or ArrayModelView for any alternative cases.",
-                    ].join("\n"), internal);
-                }
-            }
             // process text values
             else {
                 const value = transformJsxExpressionContainer(path, internal, ["acceptsReactive", "acceptsRaw"]);

package/build/babel-plugin/transformer.js

@@ -309,15 +309,6 @@ export function transformProgram(path, filename, opts) {
         Switch(arg) {
             return call("Switch", [arg, ctx]);
         },
-        ArrayModelView(array, slot) {
-            return call("ArrayModelView", [
-                t.objectExpression([
-                    t.objectProperty(t.identifier("of"), array),
-                    t.objectProperty(t.identifier("slot"), slot),
-                ]),
-                ctx,
-            ]);
-        },
         safe: (arg) => call("safe", [arg]),
         updateIValue(area, left, right) {
             return t.callExpression(t.memberExpression(left, t.identifier("up")), [

package/build/cli/run.js

@@ -177,7 +177,7 @@ async function run() {
                             });
                         },
                     }),
-                    inspect(),
+                    inspect({ dev: true }),
                 ],
                 resolve,
                 optimizeDeps: {

package/build/cli/vite-plugins/jsx.js

@@ -18,6 +18,7 @@ export function getVitePlugins(target, options) {
                         {
                             replaceWeb: target,
                             devLayer: target === "vasille-web/dev",
+                            hmr: target === "vasille-web/dev",
                             reporter: options.errorsHandler,
                             v4Naming: options.v4Naming,
                         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "steel-frame",
-    "version": "7.2.0",
+    "version": "7.2.1",
     "description": "SteelFrame: Build Fault-Tolerant Web Applications Effortlessly.",
     "main": "build/cli/run.js",
     "types": "./index.d.ts",
@@ -60,7 +60,7 @@
         "@inquirer/select": "^5.2.6",
         "csstype": "^3.1.3",
         "esbuild": "^0.28.2",
-        "vasille-web": "7.2.0",
+        "vasille-web": "7.2.1",
         "vite": "^8.3.4",
         "vite-plugin-babel": "^1.7.3",
         "vite-plugin-inspect": "^12.1.0",