babel-plugin-vasille 0.99.4 → 3.1.0

package/lib-node/jsx.js

@@ -15,21 +15,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformJsx = transformJsx;
 exports.transformJsxArray = transformJsxArray;
 const t = __importStar(require("@babel/types"));
-const internal_1 = require("./internal");
-const lib_1 = require("./lib");
-const mesh_1 = require("./mesh");
-const jsx_detect_1 = require("./jsx-detect");
+const internal_js_1 = require("./internal.js");
+const lib_js_1 = require("./lib.js");
+const mesh_js_1 = require("./mesh.js");
+const jsx_detect_js_1 = require("./jsx-detect.js");
 function transformJsx(path, internal) {
     if (t.isJSXElement(path.node)) {
         return [transformJsxElement(path, internal)];
@@ -48,7 +58,7 @@ function transformJsxArray(paths, internal) {
                     .replace(/\n\s+$/m, "")
                     .replace(/^\s*\n\s+/m, "")
                     .replace(/\s*\n\s*/gm, "\n");
-                const call = t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("text")), [t.stringLiteral(fixed)]);
+                const call = t.callExpression(t.memberExpression(internal_js_1.ctx, t.identifier("text")), [t.stringLiteral(fixed)]);
                 call.loc = path.node.loc;
                 if (call.loc) {
                     for (const char of path.node.value) {
@@ -70,7 +80,7 @@ function transformJsxArray(paths, internal) {
         }
         else if (t.isJSXExpressionContainer(path.node)) {
             const value = transformJsxExpressionContainer(path, internal, false, false);
-            const call = t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("text")), [value]);
+            const call = t.callExpression(t.memberExpression(internal_js_1.ctx, t.identifier("text")), [value]);
             call.loc = value.loc;
             result.push(t.expressionStatement(call));
         }
@@ -81,37 +91,32 @@ function transformJsxArray(paths, internal) {
     return result;
 }
 function transformJsxExpressionContainer(path, internal, acceptSlots, isInternalSlot) {
-    if (!t.isExpression(path.node.expression)) {
-        return t.booleanLiteral(true);
-    }
-    const loc = path.node.expression.loc;
+    const expression = path.node.expression;
+    const loc = expression.loc;
     if (acceptSlots &&
-        (t.isFunctionExpression(path.node.expression) || t.isArrowFunctionExpression(path.node.expression)) &&
-        (0, jsx_detect_1.bodyHasJsx)(path.node.expression.body)) {
-        (0, mesh_1.compose)(path.get("expression"), internal, isInternalSlot);
+        (t.isFunctionExpression(expression) || t.isArrowFunctionExpression(expression)) &&
+        (0, jsx_detect_js_1.bodyHasJsx)(expression.body)) {
+        (0, mesh_js_1.compose)(path.get("expression"), internal, isInternalSlot);
         if (!isInternalSlot) {
-            if (path.node.expression.params.length < 1) {
-                path.node.expression.params.push(t.identifier(internal.prefix));
+            if (expression.params.length < 1) {
+                expression.params.push(t.identifier(`_${internal.prefix}`));
             }
-            path.node.expression.params.push(internal_1.ctx);
+            expression.params.push(internal_js_1.ctx);
         }
         else {
-            path.node.expression.params.unshift(internal_1.ctx);
+            expression.params.unshift(internal_js_1.ctx);
         }
-        path.node.expression.loc = loc;
-        return path.node.expression;
+        expression.loc = loc;
+        return expression;
     }
-    else if (isInternalSlot &&
-        (t.isFunctionExpression(path.node.expression) || t.isArrowFunctionExpression(path.node.expression))) {
-        path.node.expression.params.unshift(internal_1.ctx);
+    else if (isInternalSlot && (t.isFunctionExpression(expression) || t.isArrowFunctionExpression(expression))) {
+        expression.params.unshift(internal_js_1.ctx);
     }
-    let call = (0, lib_1.exprCall)(path.get("expression"), path.node.expression, internal);
-    if (!call &&
-        t.isIdentifier(path.node.expression) &&
-        internal.stack.get(path.node.expression.name) === 3 /* VariableState.ReactiveObject */) {
-        call = t.callExpression(t.memberExpression(internal.id, t.identifier("rop")), [path.node.expression]);
+    let call = (0, lib_js_1.exprCall)(path.get("expression"), expression, internal);
+    if (!call && t.isIdentifier(expression) && internal.stack.get(expression.name) === 3 /* VariableState.ReactiveObject */) {
+        call = t.callExpression(t.memberExpression(internal.id, t.identifier("rop")), [expression]);
     }
-    const result = call !== null && call !== void 0 ? call : path.node.expression;
+    const result = call !== null && call !== void 0 ? call : expression;
     result.loc = loc;
     return result;
 }
@@ -131,7 +136,7 @@ function idToProp(id, value, from) {
     return t.objectProperty(expr, value);
 }
 function transformJsxElement(path, internal) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const name = path.node.openingElement.name;
     if (t.isJSXIdentifier(name) && name.name[0].toLowerCase() === name.name[0]) {
         const opening = path.get("openingElement");
@@ -152,7 +157,7 @@ function transformJsxElement(path, internal) {
                         if (t.isJSXExpressionContainer(attr.value) && t.isExpression(attr.value.expression)) {
                             const path = attrPath.get("value");
                             if (t.isExpression(path.node.expression)) {
-                                (0, mesh_1.meshExpression)(path.get("expression"), internal);
+                                (0, mesh_js_1.meshExpression)(path.get("expression"), internal);
                             }
                             events.push(idToProp(name, path.node.expression, 2));
                         }
@@ -172,7 +177,7 @@ function transformJsxElement(path, internal) {
                                 if (t.isExpression(item)) {
                                     // class={[cond && "string"]}
                                     if (t.isLogicalExpression(item) && item.operator === "&&" && t.isStringLiteral(item.right)) {
-                                        const call = (0, lib_1.exprCall)(elementPath.get("left"), item.left, internal);
+                                        const call = (0, lib_js_1.exprCall)(elementPath.get("left"), item.left, internal);
                                         classObject.push(idToProp(item.right, call !== null && call !== void 0 ? call : item.left));
                                     }
                                     // class={[{..}]}
@@ -181,9 +186,9 @@ function transformJsxElement(path, internal) {
                                             // class={[{a: b}]}
                                             if (t.isObjectProperty(propPath.node)) {
                                                 const prop = propPath;
-                                                const value = (_a = (0, lib_1.exprCall)(prop.get("value"), prop.node.value, internal)) !== null && _a !== void 0 ? _a : prop.node.value;
+                                                const value = (_a = (0, lib_js_1.exprCall)(prop.get("value"), prop.node.value, internal)) !== null && _a !== void 0 ? _a : prop.node.value;
                                                 if (t.isExpression(prop.node.key) && !t.isIdentifier(prop.node.key)) {
-                                                    (0, mesh_1.meshExpression)(prop.get("key"), internal);
+                                                    (0, mesh_js_1.meshExpression)(prop.get("key"), internal);
                                                 }
                                                 classObject.push(t.objectProperty(prop.node.key, value));
                                             }
@@ -193,7 +198,7 @@ function transformJsxElement(path, internal) {
                                             }
                                             // class={[{a(){}}]}
                                             else {
-                                                throw propPath.buildCodeFrameError("Vasille: Methods are not alllowed here");
+                                                throw propPath.buildCodeFrameError("Vasille: Methods are not allowed here");
                                             }
                                         }
                                     }
@@ -203,7 +208,7 @@ function transformJsxElement(path, internal) {
                                     }
                                     // class={[..]}
                                     else {
-                                        const call = (0, lib_1.exprCall)(elementPath, item, internal);
+                                        const call = (0, lib_js_1.exprCall)(elementPath, item, internal);
                                         classElements.push(call !== null && call !== void 0 ? call : item);
                                     }
                                 }
@@ -221,20 +226,20 @@ function transformJsxElement(path, internal) {
                         else if (t.isJSXExpressionContainer(attr.value) && t.isTemplateLiteral(attr.value.expression)) {
                             const jsxAttrPath = attrPath;
                             const jsxContainerPath = jsxAttrPath.get("value");
-                            const value = (0, lib_1.exprCall)(jsxContainerPath.get("expression"), attr.value.expression, internal);
+                            const value = (0, lib_js_1.exprCall)(jsxContainerPath.get("expression"), attr.value.expression, internal);
                             attrs.push(t.objectProperty(t.identifier("class"), value !== null && value !== void 0 ? value : attr.value.expression));
                             if (value) {
                                 console.warn(attrPath.buildCodeFrameError("Vasille: This will slow down your application"));
                             }
                         }
+                        // class={name}
+                        else if (t.isJSXExpressionContainer(attr.value) && t.isIdentifier(attr.value.expression)) {
+                            attrs.push(t.objectProperty(t.identifier("class"), attr.value.expression));
+                        }
                         // class="a b"
                         else if (t.isStringLiteral(attr.value)) {
                             classStatic.push(attr.value);
                         }
-                        // class=<div/>
-                        else {
-                            throw attrPath.buildCodeFrameError('Vasille: Value of "class" attribute must be an array expression');
-                        }
                     }
                     else if (name.name === "style") {
                         // style={{..}}
@@ -245,9 +250,9 @@ function transformJsxElement(path, internal) {
                                 // style={{a: b}}
                                 if (t.isObjectProperty(propPath.node)) {
                                     const prop = propPath;
-                                    const value = (_b = (0, lib_1.exprCall)(prop.get("value"), prop.node.value, internal)) !== null && _b !== void 0 ? _b : prop.node.value;
+                                    const value = (_b = (0, lib_js_1.exprCall)(prop.get("value"), prop.node.value, internal)) !== null && _b !== void 0 ? _b : prop.node.value;
                                     if (t.isExpression(prop.node.key) && !t.isIdentifier(prop.node.key)) {
-                                        (0, mesh_1.meshExpression)(prop.get("key"), internal);
+                                        (0, mesh_js_1.meshExpression)(prop.get("key"), internal);
                                     }
                                     // style={{a: "b"}} -> static in compile time
                                     if (t.isIdentifier(prop.node.key) && t.isStringLiteral(prop.node.value)) {
@@ -281,10 +286,14 @@ function transformJsxElement(path, internal) {
                                 }
                                 // style={{a(){}}}
                                 else {
-                                    throw propPath.buildCodeFrameError("Vasille: Methods are not alllowed here");
+                                    throw propPath.buildCodeFrameError("Vasille: Methods are not allowed here");
                                 }
                             }
                         }
+                        // style=".."
+                        else if (t.isStringLiteral(attr.value)) {
+                            attrs.push(t.objectProperty(t.identifier("style"), attr.value));
+                        }
                         // style={".."}
                         else if (t.isJSXExpressionContainer(attr.value) && t.isStringLiteral(attr.value.expression)) {
                             attrs.push(t.objectProperty(t.identifier("style"), attr.value.expression));
@@ -294,43 +303,33 @@ function transformJsxElement(path, internal) {
                             const jsxAttrPath = attrPath;
                             const jsxContainerPath = jsxAttrPath.get("value");
                             const literalPath = jsxContainerPath.get("expression");
-                            const value = (0, lib_1.exprCall)(literalPath, attr.value.expression, internal);
+                            const value = (0, lib_js_1.exprCall)(literalPath, attr.value.expression, internal);
                             attrs.push(t.objectProperty(t.identifier("style"), value !== null && value !== void 0 ? value : attr.value.expression));
                             if (value) {
                                 console.warn(attrPath.buildCodeFrameError("Vasille: This will slow down your application"));
                             }
                         }
-                        // style=<div/>
-                        else {
-                            throw attrPath.buildCodeFrameError('Vasille: Value of "style" attribute must be an object expression');
-                        }
                     }
                     else {
-                        if (t.isJSXExpressionContainer(attr.value)) {
-                            attrs.push(idToProp(name, t.isExpression(attr.value.expression) ? attr.value.expression : t.booleanLiteral(true)));
+                        if (!attr.value || t.isJSXExpressionContainer(attr.value)) {
+                            attrs.push(idToProp(name, t.isExpression((_c = attr.value) === null || _c === void 0 ? void 0 : _c.expression) ? attr.value.expression : t.booleanLiteral(true)));
                         }
                         else if (t.isStringLiteral(attr.value)) {
                             attrs.push(idToProp(name, attr.value));
                         }
-                        else {
-                            throw attrPath.buildCodeFrameError("Vasille: Value of bind must be an expression or string");
-                        }
                     }
                 }
                 if (t.isJSXNamespacedName(name)) {
                     if (name.namespace.name === "bind") {
-                        if (t.isJSXExpressionContainer(attr.value)) {
-                            const value = t.isExpression(attr.value.expression)
-                                ? (0, lib_1.exprCall)(attrPath.get("value"), attr.value.expression, internal)
+                        if (t.isJSXExpressionContainer(attr.value) || !attr.value) {
+                            const value = t.isExpression((_d = attr.value) === null || _d === void 0 ? void 0 : _d.expression)
+                                ? (0, lib_js_1.exprCall)(attrPath.get("value").get("expression"), attr.value.expression, internal)
                                 : undefined;
-                            bind.push(idToProp(name.name, value !== null && value !== void 0 ? value : (t.isExpression(attr.value.expression) ? attr.value.expression : t.booleanLiteral(true))));
+                            bind.push(idToProp(name.name, value !== null && value !== void 0 ? value : (t.isExpression((_e = attr.value) === null || _e === void 0 ? void 0 : _e.expression) ? attr.value.expression : t.booleanLiteral(true))));
                         }
                         else if (t.isStringLiteral(attr.value)) {
                             bind.push(idToProp(name.name, attr.value));
                         }
-                        else {
-                            throw attrPath.buildCodeFrameError("Vasille: Value of bind must be an expression or string");
-                        }
                     }
                     else {
                         throw attrPath.buildCodeFrameError("Vasille: only bind namespace is supported");
@@ -351,7 +350,7 @@ function transformJsxElement(path, internal) {
             attrs.push(t.objectProperty(t.identifier("style"), t.stringLiteral(styleStatic.map(([id, value]) => `${id.name}:${value.value}`).join(";"))));
         }
         const statements = transformJsxArray(path.get("children"), internal);
-        const call = t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("tag")), [
+        const call = t.callExpression(t.memberExpression(internal_js_1.ctx, t.identifier("tag")), [
             t.stringLiteral(name.name),
             t.objectExpression([
                 ...(attrs.length > 0 ? [t.objectProperty(t.identifier("attr"), t.objectExpression(attrs))] : []),
@@ -367,7 +366,7 @@ function transformJsxElement(path, internal) {
                     : []),
                 ...(styleObject.length > 0 ? [t.objectProperty(t.identifier("style"), t.objectExpression(styleObject))] : []),
             ]),
-            ...(statements.length > 0 ? [t.arrowFunctionExpression([internal_1.ctx], t.blockStatement(statements))] : []),
+            ...(statements.length > 0 ? [t.arrowFunctionExpression([internal_js_1.ctx], t.blockStatement(statements))] : []),
         ]);
         call.loc = path.node.loc;
         return t.expressionStatement(call);
@@ -395,8 +394,8 @@ function transformJsxElement(path, internal) {
                     const value = transformJsxExpressionContainer(attrPath.get("value"), internal, !isSystem || attr.name.name === "slot", isSystem && attr.name.name === "slot");
                     props.push(idToProp(attr.name, value));
                 }
-                else {
-                    throw attrPath.buildCodeFrameError("Vasille: JSX Elements/Fragments are not supported here");
+                else if (!attr.value) {
+                    props.push(idToProp(attr.name, t.booleanLiteral(true)));
                 }
             }
             // <A {...arg}/>
@@ -408,22 +407,33 @@ function transformJsxElement(path, internal) {
                 throw attrPath.buildCodeFrameError("Vasille: Namespaced attributes names are not supported");
             }
         }
-        if (element.children.length === 1 &&
-            t.isJSXExpressionContainer(element.children[0]) &&
-            (t.isFunctionExpression(element.children[0].expression) ||
-                t.isArrowFunctionExpression(element.children[0].expression))) {
-            run = element.children[0].expression;
-            run.params.push(internal_1.ctx);
+        const filteredChildren = element.children.filter(item => {
+            if (!t.isJSXText(item)) {
+                return true;
+            }
+            return !!item.value.trim();
+        });
+        const isInternal = internal.mapping.has(name.name);
+        if (filteredChildren.length === 1 &&
+            t.isJSXExpressionContainer(filteredChildren[0]) &&
+            (t.isFunctionExpression(filteredChildren[0].expression) ||
+                t.isArrowFunctionExpression(filteredChildren[0].expression))) {
+            transformJsxExpressionContainer(path.get("children")[element.children.indexOf(filteredChildren[0])], internal, true, isInternal);
+            run = filteredChildren[0].expression;
         }
         else {
             const statements = transformJsxArray(path.get("children"), internal);
             if (statements.length > 0) {
-                run = t.arrowFunctionExpression([internal_1.ctx], t.blockStatement(statements));
+                const params = [internal_js_1.ctx];
+                if (!isInternal) {
+                    params.unshift(t.identifier(`_${internal.prefix}`));
+                }
+                run = t.arrowFunctionExpression(params, t.blockStatement(statements));
             }
         }
-        const call = t.callExpression(t.identifier(name.name), [internal_1.ctx, t.objectExpression(props), ...(run ? [run] : [])]);
+        const call = t.callExpression(t.identifier(name.name), [internal_js_1.ctx, t.objectExpression(props), ...(run ? [run] : [])]);
         call.loc = path.node.loc;
         return t.expressionStatement(call);
     }
-    throw path.buildCodeFrameError("Vasille: Unsupported tag detected, html lowercase tagnames and components are accepted");
+    throw path.buildCodeFrameError("Vasille: Unsupported tag detected, html lowercase tag names and components are accepted");
 }

package/lib-node/lib.js

@@ -15,14 +15,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.named = named;
 exports.parseCalculateCall = parseCalculateCall;
 exports.exprCall = exprCall;
 exports.forwardOnlyExpr = forwardOnlyExpr;
@@ -33,21 +44,31 @@ exports.arrayModel = arrayModel;
 exports.setModel = setModel;
 exports.mapModel = mapModel;
 const t = __importStar(require("@babel/types"));
-const expression_1 = require("./expression");
-const internal_1 = require("./internal");
-const call_1 = require("./call");
+const expression_js_1 = require("./expression.js");
+const internal_js_1 = require("./internal.js");
+const call_js_1 = require("./call.js");
+function named(call, name, internal, argPos) {
+    if (internal.devMode && !internal.stateOnly && name) {
+        while (argPos && call.arguments.length < argPos) {
+            call.arguments.push(t.buildUndefinedNode());
+        }
+        call.arguments.push(...(typeof name === "string" ? [t.stringLiteral(name)] : name.map(item => t.stringLiteral(item))));
+    }
+    return call;
+}
 function parseCalculateCall(path, internal) {
-    if (t.isCallExpression(path.node) && (0, call_1.calls)(path.node, ["calculate", "watch"], internal)) {
+    if (t.isCallExpression(path.node) && (0, call_js_1.calls)(path.node, ["calculate", "watch"], internal)) {
+        const call = path.node.arguments[0];
         if (path.node.arguments.length !== 1) {
             throw path.buildCodeFrameError("Vasille: Incorrect number of arguments");
         }
-        if (t.isFunctionExpression(path.node.arguments[0]) || t.isArrowFunctionExpression(path.node.arguments[0])) {
-            if (path.node.arguments[0].params.length > 0) {
+        if (t.isFunctionExpression(call) || t.isArrowFunctionExpression(call)) {
+            if (call.params.length > 0) {
                 throw path.buildCodeFrameError("Vasille: Argument of calculate cannot have parameters");
             }
-            const exprData = (0, expression_1.checkNode)(path.get("arguments")[0], internal);
-            path.node.arguments[0].params = [...exprData.found.keys()].map(name => (0, expression_1.encodeName)(name));
-            return [path.node.arguments[0], ...exprData.found.values()];
+            const exprData = (0, expression_js_1.checkNode)(path.get("arguments")[0], internal);
+            call.params = [...exprData.found.keys()].map(name => (0, expression_js_1.encodeName)(name));
+            return [call, t.arrayExpression([...exprData.found.values()])];
         }
         else {
             throw path.buildCodeFrameError("Vasille: Argument of calculate must be a function");
@@ -55,70 +76,78 @@ function parseCalculateCall(path, internal) {
     }
     return null;
 }
-function exprCall(path, expr, internal) {
+function exprCall(path, expr, internal, name) {
     const calculateCall = parseCalculateCall(path, internal);
     if (calculateCall) {
-        return t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("expr")), calculateCall);
+        return named(t.callExpression(internal.stateOnly
+            ? t.memberExpression(internal.id, t.identifier("ex"))
+            : t.memberExpression(internal_js_1.ctx, t.identifier("expr")), calculateCall), name, internal);
     }
-    const exprData = (0, expression_1.checkNode)(path, internal);
-    return exprData.self
-        ? exprData.self
-        : exprData.found.size > 0 && expr
-            ? t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("expr")), [
-                t.arrowFunctionExpression([...exprData.found.keys()].map(name => (0, expression_1.encodeName)(name)), expr),
-                ...exprData.found.values(),
-            ])
-            : null;
-}
-function forwardOnlyExpr(path, expr, internal) {
-    if (t.isCallExpression(path.node) && (0, call_1.calls)(path.node, ["calculate"], internal)) {
-        if (path.node.arguments.length !== 1) {
-            throw path.buildCodeFrameError("Vasille: Incorrect number of arguments");
-        }
-        if (t.isFunctionExpression(path.node.arguments[0]) || t.isArrowFunctionExpression(path.node.arguments[0])) {
-            if (path.node.arguments[0].params.length > 0) {
-                throw path.buildCodeFrameError("Vasille: Argument of calculate cannot have parameters");
-            }
-            const exprData = (0, expression_1.checkNode)(path.get("arguments")[0], internal);
-            path.node.arguments[0].params = [...exprData.found.keys()].map(name => (0, expression_1.encodeName)(name));
-            return t.callExpression(t.memberExpression(internal.id, t.identifier("ex")), [
-                path.node.arguments[0],
-                ...exprData.found.values(),
-            ]);
-        }
-        else {
-            throw path.buildCodeFrameError("Vasille: Argument of calculate must be a function");
+    if (t.isCallExpression(expr) &&
+        (0, call_js_1.calls)(expr, ["forward"], internal) &&
+        expr.arguments.length === 1 &&
+        t.isExpression(expr.arguments[0])) {
+        const data = exprCall(path.get("arguments")[0], expr.arguments[0], internal);
+        if (data && !t.isCallExpression(data)) {
+            return t.callExpression(t.memberExpression(internal.id, t.identifier("fo")), [data]);
         }
     }
+    const exprData = (0, expression_js_1.checkNode)(path, internal);
+    if (exprData.self) {
+        return exprData.self;
+    }
+    const names = [...exprData.found.keys()].map(name => (0, expression_js_1.encodeName)(name));
+    const dependencies = t.arrayExpression([...exprData.found.values()]);
+    if (names.length > 0 && expr) {
+        return named(t.callExpression(internal.stateOnly
+            ? t.memberExpression(internal.id, t.identifier("ex"))
+            : t.memberExpression(internal_js_1.ctx, t.identifier("expr")), [t.arrowFunctionExpression(names, expr), dependencies]), name, internal);
+    }
+    return null;
+}
+function forwardOnlyExpr(path, expr, internal) {
     const calculateCall = parseCalculateCall(path, internal);
     if (calculateCall) {
         return t.callExpression(t.memberExpression(internal.id, t.identifier("ex")), calculateCall);
     }
-    const exprData = (0, expression_1.checkNode)(path, internal);
+    const exprData = (0, expression_js_1.checkNode)(path, internal);
     return exprData.self
         ? t.callExpression(t.memberExpression(internal.id, t.identifier("fo")), [exprData.self])
         : exprData.found.size > 0 && expr
             ? t.callExpression(t.memberExpression(internal.id, t.identifier("ex")), [
-                t.arrowFunctionExpression([...exprData.found.keys()].map(name => (0, expression_1.encodeName)(name)), expr),
-                ...exprData.found.values(),
+                t.arrowFunctionExpression([...exprData.found.keys()].map(name => (0, expression_js_1.encodeName)(name)), expr),
+                t.arrayExpression([...exprData.found.values()]),
             ])
             : null;
 }
-function own(expr) {
-    return t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("own")), [expr]);
+function own(expr, internal, name) {
+    if (internal.stateOnly &&
+        t.isCallExpression(expr) &&
+        t.isMemberExpression(expr.callee) &&
+        t.isIdentifier(expr.callee.property) &&
+        expr.callee.property.name === "fo" &&
+        t.isIdentifier(expr.callee.object) &&
+        expr.callee.object === internal.id) {
+        return expr;
+    }
+    return named(t.callExpression(internal.stateOnly
+        ? t.memberExpression(internal.id, t.identifier("fo"))
+        : t.memberExpression(internal_js_1.ctx, t.identifier("own")), [expr]), name, internal);
 }
-function ref(expr) {
-    return t.callExpression(t.memberExpression(internal_1.ctx, t.identifier("ref")), expr ? [expr] : []);
+function ref(expr, internal, name) {
+    return named(t.callExpression(internal.stateOnly
+        ? t.memberExpression(internal.id, t.identifier("r"))
+        : t.memberExpression(internal_js_1.ctx, t.identifier("ref")), expr ? [expr] : []), name, internal, 1);
 }
-function reactiveObject(init, internal) {
-    return t.callExpression(t.memberExpression(internal.id, t.identifier("ro")), [internal_1.ctx, init]);
+function reactiveObject(init, internal, name) {
+    return named(t.callExpression(t.memberExpression(internal.id, t.identifier(internal.stateOnly ? "sro" : "ro")), internal.stateOnly ? [init] : [internal_js_1.ctx, init]), name, internal);
 }
-function arrayModel(init, internal) {
-    return t.callExpression(t.memberExpression(internal.id, t.identifier("am")), [internal_1.ctx, ...(init ? [init] : [])]);
+function arrayModel(init, internal, name) {
+    return named(t.callExpression(t.memberExpression(internal.id, t.identifier(internal.stateOnly ? "sam" : "am")), internal.stateOnly ? (init ? [init] : []) : [internal_js_1.ctx, ...(init ? [init] : [])]), name, internal, 2);
 }
-function setModel(args, internal) {
-    return t.callExpression(t.memberExpression(internal.id, t.identifier("sm")), [internal_1.ctx, ...args]);
+function setModel(args, internal, name) {
+    return named(t.callExpression(t.memberExpression(internal.id, t.identifier(internal.stateOnly ? "ssm" : "sm")), internal.stateOnly ? args : [internal_js_1.ctx, ...args]), name, internal);
 }
-function mapModel(args, internal) {
-    return t.callExpression(t.memberExpression(internal.id, t.identifier("mm")), [internal_1.ctx, ...args]);
+function mapModel(args, internal, name) {
+    return named(t.callExpression(t.memberExpression(internal.id, t.identifier(internal.stateOnly ? "smm" : "mm")), internal.stateOnly ? args : [internal_js_1.ctx, ...args]), name, internal);
 }