babel-plugin-jsx-dom-expressions 0.33.11 → 0.33.12

package/index.js

@@ -311,6 +311,9 @@ function isDynamic(path, { checkMember, checkTags, checkCallExpressions = true,
     OptionalMemberExpression(p) {
       checkMember && (dynamic = true) && p.stop();
     },
+    SpreadElement(p) {
+      checkMember && (dynamic = true) && p.stop();
+    },
     JSXElement(p) {
       checkTags ? (dynamic = true) && p.stop() : p.skip();
     },
@@ -1043,9 +1046,11 @@ function transformAttributes$2(path, results) {
           }
         } else if (
           config.effectWrapper &&
-          isDynamic(attribute.get("value").get("expression"), {
+          (isDynamic(attribute.get("value").get("expression"), {
             checkMember: true
-          })
+          }) ||
+            ((key === "classList" || key === "style") &&
+              !attribute.get("value").get("expression").evaluate().confident))
         ) {
           let nextElem = elem;
           if (key === "value" || key === "checked") {
@@ -1093,7 +1098,7 @@ function transformAttributes$2(path, results) {
         } else {
           !isSVG && (key = key.toLowerCase());
           results.template += ` ${key}`;
-          results.template += value ? `="${escapeBackticks(value.value)}"` : "";
+          results.template += value ? `="${escapeBackticks(escapeHTML(value.value, true))}"` : "";
         }
       }
     });
@@ -1110,21 +1115,22 @@ function transformChildren$2(path, results, config) {
     nextPlaceholder,
     i = 0;
   const filteredChildren = filterChildren(path.get("children")),
-    childNodes = filteredChildren
-      .reduce((memo, child, index) => {
-        if (child.isJSXFragment()) {
-          throw new Error(`Fragments can only be used top level in JSX. Not used under a <${tagName}>.`);
-        }
-        const transformed = transformNode(child, {
-          skipId: !results.id || !detectExpressions(filteredChildren, index, config)
-        });
-        if (!transformed) return memo;
-        const i = memo.length;
-        if (transformed.text && i && memo[i - 1].text) {
-          memo[i - 1].template += transformed.template;
-        } else memo.push(transformed);
-        return memo;
-      }, []);
+    childNodes = filteredChildren.reduce((memo, child, index) => {
+      if (child.isJSXFragment()) {
+        throw new Error(
+          `Fragments can only be used top level in JSX. Not used under a <${tagName}>.`
+        );
+      }
+      const transformed = transformNode(child, {
+        skipId: !results.id || !detectExpressions(filteredChildren, index, config)
+      });
+      if (!transformed) return memo;
+      const i = memo.length;
+      if (transformed.text && i && memo[i - 1].text) {
+        memo[i - 1].template += transformed.template;
+      } else memo.push(transformed);
+      return memo;
+    }, []);
 
   childNodes.forEach((child, index) => {
     if (!child) return;

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.11",
+  "version": "0.33.12",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -23,5 +23,8 @@
     "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "c7153ffa28924ecdf687501f5edb18712c8f64c1"
+  "peerDependencies": {
+    "@babel/core": "^7.0.0"
+  },
+  "gitHead": "3c593d43147a73ddd52c58ba8c49f4f1e0e7e560"
 }