babel-plugin-jsx-dom-expressions 0.37.20 → 0.37.21

package/index.js

@@ -1445,6 +1445,7 @@ function transformAttributes$2(path, results) {
           }
 
           let text = value.value;
+          if (typeof text === "number") text = String(text);
           let needsQuoting = false;
 
           if (key === "style" || key === "class") {
@@ -1926,11 +1927,16 @@ function wrapDynamics$1(path, dynamics) {
   const effectWrapperId = registerImportMethod(path, config.effectWrapper);
 
   if (dynamics.length === 1) {
+    let dynamicStyle;
     const prevValue =
-      dynamics[0].key === "classList" || dynamics[0].key === "style"
+      dynamics[0].key === "classList" ||
+      dynamics[0].key === "style" ||
+      (dynamicStyle = dynamics[0].key.startsWith("style:"))
         ? t__namespace.identifier("_$p")
         : undefined;
-    if (
+    if (dynamicStyle) {
+      dynamics[0].value = t__namespace.assignmentExpression("=", prevValue, dynamics[0].value);
+    } else if (
       dynamics[0].key.startsWith("class:") &&
       !t__namespace.isBooleanLiteral(dynamics[0].value) &&
       !t__namespace.isUnaryExpression(dynamics[0].value)
@@ -3469,11 +3475,11 @@ function transformThis(path) {
       }
     },
     JSXElement(path) {
-      let source = path.get('openingElement').get('name');
+      let source = path.get("openingElement").get("name");
       while (source.isJSXMemberExpression()) {
-        source = source.get('object');
+        source = source.get("object");
       }
-      if (source.isJSXIdentifier() && source.node.name === 'this') {
+      if (source.isJSXIdentifier() && source.node.name === "this") {
         const current = getTargetFunctionParent(path, parent);
         if (current === parent) {
           thisId || (thisId = path.scope.generateUidIdentifier("self$"));
@@ -3484,15 +3490,23 @@ function transformThis(path) {
           }
         }
       }
-    },
+    }
   });
   return node => {
     if (thisId) {
-      parent.push({
-        id: thisId,
-        init: t__namespace.thisExpression(),
-        kind: 'const',
-      });
+      if (!parent || parent.block.type === "ClassMethod") {
+        const stmt = path.getStatementParent();
+        const decl = t__namespace.variableDeclaration("const", [
+          t__namespace.variableDeclarator(thisId, t__namespace.thisExpression())
+        ]);
+        stmt.insertBefore(decl);
+      } else {
+        parent.push({
+          id: thisId,
+          init: t__namespace.thisExpression(),
+          kind: "const"
+        });
+      }
     }
     return node;
   };

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.37.20",
+  "version": "0.37.21",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "b23587fced8d2dea9a97bccaa6e8985ce963f137"
+  "gitHead": "38ad815b0c610b936ad140ed5c230afe4419d3b7"
 }