babel-plugin-jsx-dom-expressions 0.36.10 → 0.37.0-beta.0

package/index.js

@@ -1496,7 +1496,7 @@ function transformChildren$2(path, results, config) {
       // boxed by textNodes
       if (markers || wrappedByText(childNodes, index)) {
         let exprId, contentId;
-        if (markers) tempPath = createPlaceholder(path, results, tempPath, i++, "#")[0].name;
+        if (markers) tempPath = createPlaceholder(path, results, tempPath, i++, "$")[0].name;
         if (nextPlaceholder) {
           exprId = nextPlaceholder;
         } else {
@@ -2421,7 +2421,7 @@ function transformChildren$1(path, results, { hydratable }) {
 
       // boxed by textNodes
       if (markers && !child.spreadElement) {
-        appendToTemplate(results.template, `<!--#-->`);
+        appendToTemplate(results.template, `<!--$-->`);
         results.template.push("");
         results.templateValues.push(child.exprs[0]);
         appendToTemplate(results.template, `<!--/-->`);
@@ -2448,7 +2448,7 @@ function createElement(path, { topLevel, hydratable }) {
       } else {
         const child = transformNode(path);
         if (markers && child.exprs.length && !child.spreadElement)
-          memo.push(t__namespace.stringLiteral("<!--#-->"));
+          memo.push(t__namespace.stringLiteral("<!--$-->"));
         if (child.exprs.length && !child.spreadElement)
           child.exprs[0] = escapeExpression(path, child.exprs[0]);
         memo.push(getCreateTemplate(config, path, child)(path, child, true));
@@ -3138,22 +3138,44 @@ function transformComponent(path) {
               checkTags: true
             })
           ) {
-            let expr =
+            if (
               config.wrapConditionals &&
               config.generate !== "ssr" &&
               (t__namespace.isLogicalExpression(value.expression) ||
                 t__namespace.isConditionalExpression(value.expression))
-                ? transformCondition(attribute.get("value").get("expression"), true)
-                : t__namespace.arrowFunctionExpression([], value.expression);
-            runningObject.push(
-              t__namespace.objectMethod(
-                "get",
-                id,
-                [],
-                t__namespace.blockStatement([t__namespace.returnStatement(expr.body)]),
-                !t__namespace.isValidIdentifier(key)
-              )
-            );
+            ) {
+              const expr = transformCondition(attribute.get("value").get("expression"), true);
+
+              runningObject.push(
+                t__namespace.objectMethod(
+                  "get",
+                  id,
+                  [],
+                  t__namespace.blockStatement([t__namespace.returnStatement(expr.body)]),
+                  !t__namespace.isValidIdentifier(key)
+                )
+              );
+            } else if (
+              t__namespace.isCallExpression(value.expression) &&
+              t__namespace.isArrowFunctionExpression(value.expression.callee)
+            ) {
+              const callee = value.expression.callee;
+              const body = t__namespace.isBlockStatement(callee.body)
+                ? callee.body
+                : t__namespace.blockStatement([t__namespace.returnStatement(callee.body)]);
+
+              runningObject.push(t__namespace.objectMethod("get", id, [], body, !t__namespace.isValidIdentifier(key)));
+            } else {
+              runningObject.push(
+                t__namespace.objectMethod(
+                  "get",
+                  id,
+                  [],
+                  t__namespace.blockStatement([t__namespace.returnStatement(value.expression)]),
+                  !t__namespace.isValidIdentifier(key)
+                )
+              );
+            }
           } else runningObject.push(t__namespace.objectProperty(id, value.expression));
         else runningObject.push(t__namespace.objectProperty(id, value));
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "babel-plugin-jsx-dom-expressions",
   "description": "A JSX to DOM plugin that wraps expressions for fine grained change detection",
-  "version": "0.36.10",
+  "version": "0.37.0-beta.0",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "1d04cc14bbde62e06d852eac9e85252359c6b304"
+  "gitHead": "3facf68629164c0b9f01447ac73ae6da9324ca06"
 }