babel-plugin-vasille 5.1.0 → 5.1.1

package/README.md

@@ -29,7 +29,6 @@
     - [1.0 - 1.2](#10---12)
   - [Questions](#questions)
 
-
 <hr>
 
 ## Installation
@@ -47,37 +46,41 @@ $ npm create steel-frame
 ```
 
 ### Full documentation:
-* [Learn `SteelFrameKit` in 5 minutes](https://github.com/vasille-js/vasille-js/blob/v5/doc/V4-API.md)
-* [Router Documentation](https://github.com/vasille-js/vasille-js/blob/v5/doc/Router-API.md)
-* [Compostion functions](https://github.com/vasille-js/vasille-js/blob/v5/doc/Compositions.md)
-* [Dependency injection](https://github.com/vasille-js/vasille-js/blob/v5/doc/Context.md)
+
+- [Learn `SteelFrameKit` in 5 minutes](https://github.com/vasille-js/vasille-js/blob/v5/doc/V4-API.md)
+- [Router Documentation](https://github.com/vasille-js/vasille-js/blob/v5/doc/Router-API.md)
+- [Compostion functions](https://github.com/vasille-js/vasille-js/blob/v5/doc/Compositions.md)
+- [Dependency injection](https://github.com/vasille-js/vasille-js/blob/v5/doc/Context.md)
 
 ### Examples
-* [TypeScript Example](https://github.com/vasille-js/example-typescript)
-* [JavaScript Example](https://github.com/vasille-js/example-javascript)
+
+- [TypeScript Example](https://github.com/vasille-js/example-typescript)
+- [JavaScript Example](https://github.com/vasille-js/example-javascript)
 
 <hr>
 
 ## How SAFE is SteelFrameKit
 
 The safe of your application is ensured by
-* `100%` coverage of code by unit tests.
+
+- `100%` coverage of code by unit tests.
   Each function, each branch is working as designed.
-* OOP, DRY, KISS and SOLID principles are applied.
-* `strong typing` makes your javascript/typescript code safe as C++ code.
-All entities of `SteelFrameKit` core library are strongly typed, including:
-  * data fields & properties.
-  * computed properties (function parameters and result).
-  * methods.
-  * events (defined handlers & event emit).
-  * DOM events & DOM operation (attributing, styling, etc.).
-  * slots of components.
-  * references to children.
-* No asynchronous code, when the line of code is executed, the DOM and reactive things are already synced.
+- OOP, DRY, KISS and SOLID principles are applied.
+- `strong typing` makes your code safe.
+  All entities of `SteelFrameKit` core library are strongly typed, including:
+  - data fields & properties.
+  - computed properties (function parameters and result).
+  - methods.
+  - events (defined handlers & event emit).
+  - DOM events & DOM operation (attributing, styling, etc.).
+  - slots of components.
+  - references to children.
+- No asynchronous code, when the line of code is executed, the DOM and reactive things are already synced.
 
 ## How INTUITIVE is SteelFrameKit
 
 There is the "Hello World":
+
 ```typescript jsx
 import { compose, mount } from "steel-frame";
 
@@ -91,35 +94,37 @@ mount(document.body, App, {});
 ## How POWERFUL is SteelFrameKit
 
 All of these are supported:
-* Components.
-* Reactive values (observables).
-* Inline computed values.
-* Multiline computed values.
-* HTML tags.
-* Component custom slots.
-* 2-way data binding in components.
-* Logic block (if, else).
-* Loops (array, map, set).
-* Dependency injection.
+
+- Components.
+- Reactive values (observables).
+- Inline computed values.
+- Multiline computed values.
+- HTML tags.
+- Component custom slots.
+- 2-way data binding in components.
+- Logic block (if, else).
+- Loops (array, map, set).
+- Dependency injection.
 
 <hr>
 
 ## Road map
 
-* [x] `100%` Test Coverage for core Library v3.
-* [x] Develop the `JSX` library.
-* [x] `100%` Test Coverage for the JSX library.
-* [x] Develop the `Babel Plugin`.
-* [x] `100%` Test Coverage fot babel plugin.
-* [x] Add CSS support (define styles in components).
-* [x] Add router.
-* [x] Add SSG (static site generation).
-* [ ] Develop tools extension for debugging (WIP).
-* [ ] Add SSR (server side rendering).
+- [x] `100%` Test Coverage for core Library v3.
+- [x] Develop the `JSX` library.
+- [x] `100%` Test Coverage for the JSX library.
+- [x] Develop the `Babel Plugin`.
+- [x] `100%` Test Coverage fot babel plugin.
+- [x] Add CSS support (define styles in components).
+- [x] Add router.
+- [x] Add SSG (static site generation).
+- [ ] Develop tools extension for debugging (WIP).
+- [ ] Add SSR (server side rendering).
 
 ## Change log
 
 We respect semantic versioning:
+
 - A major version is increased when we make incompatible API changes.
 - A minor version is increased when we add functionality.
 - Patch version is increased when we fix bugs.
@@ -165,4 +170,4 @@ _Web components as custom tags are supported in any version._
 
 If you have questions, feel free to contact the maintainer of the project:
 
-* [Author's Email](mailto:vas.lixcode@gmail.com)
+- [Author's Email](mailto:vas.lixcode@gmail.com)

package/lib/lib.js

@@ -47,6 +47,7 @@ exports.processModelCall = processModelCall;
 exports.checkReactiveName = checkReactiveName;
 exports.checkNonReactiveName = checkNonReactiveName;
 exports.toKebabCase = toKebabCase;
+exports.nameIsRestricted = nameIsRestricted;
 const t = __importStar(require("@babel/types"));
 const expression_js_1 = require("./expression.js");
 const internal_js_1 = require("./internal.js");
@@ -202,3 +203,6 @@ function toKebabCase(name) {
     }
     return fixed;
 }
+function nameIsRestricted(name) {
+    return name.endsWith("Model") || name.startsWith("prompt");
+}

package/lib/mesh.js

@@ -242,6 +242,12 @@ function meshExpression(nodePath, internal) {
                     (0, lib_js_1.err)(lib_js_1.Errors.IncompatibleContext, path, "Prompts can be constructed only from components", internal);
                 }
                 path.node.arguments.unshift(internal_js_1.ctx);
+                if (internal.devLayer) {
+                    while (path.node.arguments.length < 3) {
+                        path.node.arguments.push(t.buildUndefinedNode());
+                    }
+                    path.node.arguments.push((0, transformer_1.nodeToStaticPosition)(path.node));
+                }
             }
             // dependency injection
             else if (internal.isComposing &&
@@ -445,6 +451,9 @@ function ignoreParams(path, internal, allowReactiveId) {
         if (!allowReactiveId || !allowReactiveId.includes("id")) {
             (0, lib_js_1.checkNonReactiveName)(path, internal);
         }
+        if ((0, lib_js_1.nameIsRestricted)(path.node.name)) {
+            (0, lib_js_1.err)(lib_js_1.Errors.RulesOfVasille, path, "This name is restricted (start with `prompt` or ends with `Model`)", internal);
+        }
     }
     // param is object destruction
     else if (path.isObjectPattern()) {
@@ -953,6 +962,9 @@ function meshFunction(path, internal) {
         if (idPath.isIdentifier()) {
             internal.stack.set(path.node.id.name, {});
             (0, lib_js_1.checkNonReactiveName)(idPath, internal);
+            if (internal.devLayer) {
+                path.insertAfter(internal.setupPosition(idPath.node, path.node));
+            }
         }
     }
     internal.stack.push();

package/lib/transformer.js

@@ -194,6 +194,7 @@ function transformProgram(path, filename, opts) {
         executionPosition: "VasilleExePos",
         runFn: "VasilleRun",
         wrapFn: "VasilleWrap",
+        setupPosition: "VasilleSetupPosition",
         shareStateById: "VasilleState",
         positionedText: "VasillePosText",
         earlyInspector: "VasilleInspector",
@@ -291,12 +292,12 @@ function transformProgram(path, filename, opts) {
             return t.callExpression(t.memberExpression(left, t.identifier("update")), [right, getExecutionPosition(assign)]);
         },
         wrapFunctionBody(fn) {
-            const params = fn.params.map((item) => {
-                return t.isFunctionParameter(item) ? item : item.parameter;
-            });
-            const body = fn.body;
-            const args = t.identifier("VasilleArgs");
             if (opts.devLayer) {
+                const params = fn.params.map((item) => {
+                    return t.isFunctionParameter(item) ? item : item.parameter;
+                });
+                const body = fn.body;
+                const args = t.identifier("VasilleArgs");
                 fn.body = t.blockStatement([
                     t.returnStatement(call("runFn", [
                         t.arrowFunctionExpression(params, body, fn.async),
@@ -316,6 +317,9 @@ function transformProgram(path, filename, opts) {
             }
             return fn;
         },
+        setupPosition(target, area) {
+            return call("setupPosition", [target, nodeToStaticPosition(area)]);
+        },
         shareStateById(value, name) {
             return shareStateById(value, name);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-vasille",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "Convert Vasille Meta Language code to pure JavaScript",
   "main": "lib/index.js",
   "type": "commonjs",