@oddo/lang 0.0.10 → 0.0.11

package/dist/index.js

@@ -3706,10 +3706,29 @@ var MODIFIER_TRANSFORMATIONS = {
   state: {
     needsImport: true,
     // @state x = 3 -> const [x, setX] = _state(3);
-    transform: (valueExpr, leftExpr) => {
+    // @state x = reactiveVar -> const [x, setX] = _state(_lift(_reactiveVar => _reactiveVar(), [reactiveVar]));
+    // Receives Oddo AST, extracts deps, lifts if needed
+    transform: (oddoExpr, leftExpr) => {
+      const allIdentifiers = collectOddoIdentifiersOnly(oddoExpr);
+      const reactiveDeps = allIdentifiers.filter((id) => isReactive(id));
+      const convertedExpr = convertExpression2(oddoExpr);
+      let stateArg;
+      if (reactiveDeps.length > 0) {
+        usedModifiers.add("lift");
+        const prefixedParams = reactiveDeps.map((id) => t.identifier("_" + id));
+        const deps = reactiveDeps.map((id) => t.identifier(id));
+        const arrowFunc = t.arrowFunctionExpression(prefixedParams, convertedExpr);
+        wrapDependenciesWithCalls(arrowFunc, reactiveDeps, "_");
+        stateArg = t.callExpression(
+          t.identifier(modifierAliases["lift"]),
+          [arrowFunc, t.arrayExpression(deps)]
+        );
+      } else {
+        stateArg = convertedExpr;
+      }
       const stateCall = t.callExpression(
         t.identifier(modifierAliases["state"]),
-        [valueExpr]
+        [stateArg]
       );
       if (leftExpr && t.isIdentifier(leftExpr)) {
         const getterName = leftExpr.name;
@@ -3725,6 +3744,19 @@ var MODIFIER_TRANSFORMATIONS = {
             stateCall
           )
         ]);
+      } else if (leftExpr && t.isArrayPattern(leftExpr) && leftExpr.elements.length === 2) {
+        const getterName = leftExpr.elements[0].name;
+        const setterName = leftExpr.elements[1].name;
+        stateSetterMap.set(getterName, setterName);
+        return t.variableDeclaration("const", [
+          t.variableDeclarator(
+            t.arrayPattern([
+              t.identifier(getterName),
+              t.identifier(setterName)
+            ]),
+            stateCall
+          )
+        ]);
       }
       return t.expressionStatement(stateCall);
     }
@@ -4082,7 +4114,7 @@ function generateUniqueId(baseName) {
   return candidate;
 }
 function collectOddoIdentifiers(node, names = /* @__PURE__ */ new Set()) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   if (!node || typeof node !== "object") return names;
   if (node.type === "program") {
     moduleScope = /* @__PURE__ */ Object.create(null);
@@ -4093,15 +4125,21 @@ function collectOddoIdentifiers(node, names = /* @__PURE__ */ new Set()) {
     names.add(node.name);
   }
   if (node.type === "expressionStatement") {
-    const varName = (_b = (_a = node.expression) == null ? void 0 : _a.left) == null ? void 0 : _b.name;
-    if (varName) {
+    const left = (_a = node.expression) == null ? void 0 : _a.left;
+    const varName = left == null ? void 0 : left.name;
+    if (node.modifier === "state" && (left == null ? void 0 : left.type) === "arrayPattern" && ((_b = left.elements) == null ? void 0 : _b.length) === 2) {
+      const getterName = (_c = left.elements[0]) == null ? void 0 : _c.name;
+      const setterName = (_d = left.elements[1]) == null ? void 0 : _d.name;
+      if (getterName) declareVariable(getterName, "state");
+      if (setterName) declareVariable(setterName, "immutable");
+    } else if (varName) {
       if (node.modifier === "state") {
         declareVariable(varName, "state");
       } else if (node.modifier === "computed") {
         declareVariable(varName, "computed");
       } else if (node.modifier === "mutable") {
         declareVariable(varName, "mutable");
-      } else if (!node.modifier && ((_c = node.expression) == null ? void 0 : _c.type) === "variableDeclaration") {
+      } else if (!node.modifier && ((_e = node.expression) == null ? void 0 : _e.type) === "variableDeclaration") {
         declareVariable(varName, "immutable");
       }
     }
@@ -4133,7 +4171,7 @@ function collectOddoIdentifiers(node, names = /* @__PURE__ */ new Set()) {
           for (const name of boundNames) {
             declareVariable(name, "param");
           }
-        } else if (param.type === "restElement" && ((_d = param.argument) == null ? void 0 : _d.name)) {
+        } else if (param.type === "restElement" && ((_f = param.argument) == null ? void 0 : _f.name)) {
           declareVariable(param.argument.name, "param");
         }
       }
@@ -4276,13 +4314,13 @@ function convertExpressionStatement2(stmt) {
       let leftExpr = null;
       if (stmt.expression.type === "variableDeclaration" || stmt.expression.type === "assignment") {
         leftExpr = convertExpression2(stmt.expression.left);
-        if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook") {
+        if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook" || stmt.modifier === "state") {
           valueExpr = stmt.expression.right;
         } else {
           valueExpr = convertExpression2(stmt.expression.right);
         }
       } else {
-        if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook") {
+        if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook" || stmt.modifier === "state") {
           valueExpr = stmt.expression;
         } else {
           valueExpr = convertExpression2(stmt.expression);
@@ -4303,13 +4341,13 @@ function convertExpressionStatement2(stmt) {
           let leftExpr = null;
           if (blockStmt.expression.type === "variableDeclaration" || blockStmt.expression.type === "assignment") {
             leftExpr = convertExpression2(blockStmt.expression.left);
-            if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook") {
+            if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook" || stmt.modifier === "state") {
               valueExpr = blockStmt.expression.right;
             } else {
               valueExpr = convertExpression2(blockStmt.expression.right);
             }
           } else {
-            if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook") {
+            if (stmt.modifier === "mutate" || stmt.modifier === "effect" || stmt.modifier === "computed" || stmt.modifier === "mutable" || stmt.modifier === "component" || stmt.modifier === "hook" || stmt.modifier === "state") {
               valueExpr = blockStmt.expression;
             } else {
               valueExpr = convertExpression2(blockStmt.expression);
@@ -4353,7 +4391,31 @@ function convertExpressionStatement2(stmt) {
   }
   let expression = null;
   if (stmt.expression) {
-    expression = convertExpression2(stmt.expression);
+    const isPlainExpr = stmt.expression.type !== "variableDeclaration" && stmt.expression.type !== "assignment" && stmt.expression.type !== "arraySliceAssignment";
+    if (isPlainExpr) {
+      const allIdentifiers = collectOddoIdentifiersOnly(stmt.expression);
+      const reactiveDeps = allIdentifiers.filter((id) => isReactive(id));
+      if (reactiveDeps.length > 0) {
+        const savedScope = currentScope;
+        currentScope = Object.create(currentScope);
+        currentScope[reactiveScope] = false;
+        const convertedExpr = convertExpression2(stmt.expression);
+        currentScope = savedScope;
+        usedModifiers.add("lift");
+        const prefixedParams = reactiveDeps.map((id) => t.identifier("_" + id));
+        const deps = reactiveDeps.map((id) => t.identifier(id));
+        const arrowFunc = t.arrowFunctionExpression(prefixedParams, convertedExpr);
+        wrapDependenciesWithCalls(arrowFunc, reactiveDeps, "_");
+        expression = t.callExpression(
+          t.identifier(modifierAliases["lift"]),
+          [arrowFunc, t.arrayExpression(deps)]
+        );
+      } else {
+        expression = convertExpression2(stmt.expression);
+      }
+    } else {
+      expression = convertExpression2(stmt.expression);
+    }
   }
   if (stmt.block) {
     const block = convertBlockStatement(stmt.block);