babel-plugin-jsx-dom-expressions 0.33.8 → 0.33.10

package/index.js

@@ -592,26 +592,28 @@ function setAttr$2(path, elem, name, value, { isSVG, dynamic, prevId, isCE }) {
   }
 
   if (name === "style") {
-    return t__namespace.callExpression(registerImportMethod(path, "style", getRendererConfig(path, "dom").moduleName), prevId ? [elem, value, prevId] : [elem, value]);
+    return t__namespace.callExpression(
+      registerImportMethod(path, "style", getRendererConfig(path, "dom").moduleName),
+      prevId ? [elem, value, prevId] : [elem, value]
+    );
   }
 
   if (!isSVG && name === "class") {
-    return t__namespace.callExpression(registerImportMethod(path, "className", getRendererConfig(path, "dom").moduleName), [elem, value]);
+    return t__namespace.callExpression(
+      registerImportMethod(path, "className", getRendererConfig(path, "dom").moduleName),
+      [elem, value]
+    );
   }
 
   if (name === "classList") {
-    return t__namespace.callExpression(registerImportMethod(
-      path,
-      "classList",
-      getRendererConfig(path, "dom").moduleName
-    ), prevId ? [elem, value, prevId] : [elem, value]);
+    return t__namespace.callExpression(
+      registerImportMethod(path, "classList", getRendererConfig(path, "dom").moduleName),
+      prevId ? [elem, value, prevId] : [elem, value]
+    );
   }
 
   if (config.hydratable && name === "innerHTML") {
-    return t__namespace.callExpression(
-      registerImportMethod(path, "innerHTML"),
-      [elem, value]
-    );
+    return t__namespace.callExpression(registerImportMethod(path, "innerHTML"), [elem, value]);
   }
 
   if (dynamic && name === "textContent") {
@@ -635,22 +637,15 @@ function setAttr$2(path, elem, name, value, { isSVG, dynamic, prevId, isCE }) {
   !isSVG && (name = name.toLowerCase());
   const ns = isNameSpaced && SVGNamespace[name.split(":")[0]];
   if (ns) {
-    return t__namespace.callExpression(registerImportMethod(
-      path,
-      "setAttributeNS",
-      getRendererConfig(path, "dom").moduleName
-    ), [
-      elem,
-      t__namespace.stringLiteral(ns),
-      t__namespace.stringLiteral(name),
-      value
-    ]);
+    return t__namespace.callExpression(
+      registerImportMethod(path, "setAttributeNS", getRendererConfig(path, "dom").moduleName),
+      [elem, t__namespace.stringLiteral(ns), t__namespace.stringLiteral(name), value]
+    );
   } else {
-    return t__namespace.callExpression(registerImportMethod(
-      path,
-      "setAttribute",
-      getRendererConfig(path, "dom").moduleName
-    ), [elem, t__namespace.stringLiteral(name), value]);
+    return t__namespace.callExpression(
+      registerImportMethod(path, "setAttribute", getRendererConfig(path, "dom").moduleName),
+      [elem, t__namespace.stringLiteral(name), value]
+    );
   }
 }
 
@@ -810,22 +805,21 @@ function transformAttributes$2(path, results) {
       if (t__namespace.isJSXSpreadAttribute(node)) {
         results.exprs.push(
           t__namespace.expressionStatement(
-            t__namespace.callExpression(registerImportMethod(
-              attribute,
-              "spread",
-              getRendererConfig(path, "dom").moduleName
-            ), [
-              elem,
-              isDynamic(attribute.get("argument"), {
-                checkMember: true
-              })
-                ? t__namespace.isCallExpression(node.argument) && !node.argument.arguments.length
-                  ? node.argument.callee
-                  : t__namespace.arrowFunctionExpression([], node.argument)
-                : node.argument,
-              t__namespace.booleanLiteral(isSVG),
-              t__namespace.booleanLiteral(hasChildren)
-            ])
+            t__namespace.callExpression(
+              registerImportMethod(attribute, "spread", getRendererConfig(path, "dom").moduleName),
+              [
+                elem,
+                isDynamic(attribute.get("argument"), {
+                  checkMember: true
+                })
+                  ? t__namespace.isCallExpression(node.argument) && !node.argument.arguments.length
+                    ? node.argument.callee
+                    : t__namespace.arrowFunctionExpression([], node.argument)
+                  : node.argument,
+                t__namespace.booleanLiteral(isSVG),
+                t__namespace.booleanLiteral(hasChildren)
+              ]
+            )
           )
         );
         //NOTE: can't be checked at compile time so add to compiled output
@@ -917,7 +911,7 @@ function transformAttributes$2(path, results) {
           }
         } else if (key.startsWith("use:")) {
           // Some trick to treat JSXIdentifier as Identifier
-          node.name.name.type = 'Identifier';
+          node.name.name.type = "Identifier";
           results.exprs.unshift(
             t__namespace.expressionStatement(
               t__namespace.callExpression(node.name.name, [
@@ -994,16 +988,14 @@ function transformAttributes$2(path, results) {
             } else {
               results.exprs.unshift(
                 t__namespace.expressionStatement(
-                  t__namespace.callExpression(registerImportMethod(
-                    path,
-                    "addEventListener",
-                    getRendererConfig(path, "dom").moduleName
-                  ), [
-                    elem,
-                    t__namespace.stringLiteral(ev),
-                    handler,
-                    t__namespace.booleanLiteral(true)
-                  ])
+                  t__namespace.callExpression(
+                    registerImportMethod(
+                      path,
+                      "addEventListener",
+                      getRendererConfig(path, "dom").moduleName
+                    ),
+                    [elem, t__namespace.stringLiteral(ev), handler, t__namespace.booleanLiteral(true)]
+                  )
                 )
               );
             }
@@ -1037,11 +1029,14 @@ function transformAttributes$2(path, results) {
             } else {
               results.exprs.unshift(
                 t__namespace.expressionStatement(
-                  t__namespace.callExpression(registerImportMethod(
-                    path,
-                    "addEventListener",
-                    getRendererConfig(path, "dom").moduleName
-                  ), [elem, t__namespace.stringLiteral(ev), handler])
+                  t__namespace.callExpression(
+                    registerImportMethod(
+                      path,
+                      "addEventListener",
+                      getRendererConfig(path, "dom").moduleName
+                    ),
+                    [elem, t__namespace.stringLiteral(ev), handler]
+                  )
                 )
               );
             }
@@ -1053,6 +1048,23 @@ function transformAttributes$2(path, results) {
           })
         ) {
           let nextElem = elem;
+          if (key === "value" || key === "checked") {
+            const effectWrapperId = registerImportMethod(path, config.effectWrapper);
+            results.postExprs.push(
+              t__namespace.expressionStatement(
+                t__namespace.callExpression(effectWrapperId, [
+                  t__namespace.arrowFunctionExpression(
+                    [],
+                    setAttr$2(path, elem, key, value.expression, {
+                      isSVG,
+                      isCE
+                    })
+                  )
+                ])
+              )
+            );
+            return;
+          }
           if (key === "textContent") {
             nextElem = attribute.scope.generateUidIdentifier("el$");
             children = t__namespace.JSXText(" ");
@@ -1149,6 +1161,7 @@ function transformChildren$2(path, results, config) {
       results.decl.push(...child.decl);
       results.exprs.push(...child.exprs);
       results.dynamics.push(...child.dynamics);
+      results.postExprs.push(...child.postExprs);
       results.hasHydratableEvent = results.hasHydratableEvent || child.hasHydratableEvent;
       results.hasCustomElement = results.hasCustomElement || child.hasCustomElement;
       tempPath = child.id.name;
@@ -1191,12 +1204,7 @@ function transformChildren$2(path, results, config) {
         );
       } else {
         results.exprs.push(
-          t__namespace.expressionStatement(
-            t__namespace.callExpression(
-              insert,
-              [results.id, child.exprs[0]]
-            )
-          )
+          t__namespace.expressionStatement(t__namespace.callExpression(insert, [results.id, child.exprs[0]]))
         );
       }
     } else nextPlaceholder = null;

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.33.8",
+  "version": "0.33.10",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -23,5 +23,5 @@
     "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "22e8d3ae8c8eb50596fce778c5b9116880cc55c2"
+  "gitHead": "56d368d4a63606844811008c5a2e3b1d2dc0a4de"
 }