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

package/index.js

@@ -1068,6 +1068,8 @@ function transformAttributes$2(path, results) {
     attributes.map(a => a.node)
   );
 
+  let needsSpacing = true;
+
   path
     .get("openingElement")
     .get("attributes")
@@ -1365,16 +1367,51 @@ function transformAttributes$2(path, results) {
           );
         } else {
           !isSVG && (key = key.toLowerCase());
-          results.template += ` ${key}`;
+          results.template += `${needsSpacing ? ' ' : ''}${key}`;
           if (!value) return;
+
           let text = value.value;
+          let needsQuoting = false;
+
           if (key === "style" || key === "class") {
             text = trimWhitespace(text);
             if (key === "style") {
               text = text.replace(/; /g, ";").replace(/: /g, ":");
             }
           }
-          results.template += `="${escapeBackticks(escapeHTML(text, true))}"`;
+
+          if (!text.length) {
+            results.template += `=""`;
+            return;
+          }
+
+          for (let i = 0, len = text.length; i < len; i++) {
+            let char = text[i];
+
+            if (
+              char === "'" ||
+              char === '"' ||
+              char === " " ||
+              char === "\t" ||
+              char === "\n" ||
+              char === "\r" ||
+              char === "`" ||
+              char === "=" ||
+              char === "<" ||
+              char === ">"
+            ) {
+              needsQuoting = true;
+            }
+          }
+
+          if (needsQuoting) {
+
+            needsSpacing = false;
+            results.template += `="${escapeBackticks(escapeHTML(text, true))}"`;
+          } else {
+            needsSpacing = true;
+            results.template += `=${escapeBackticks(escapeHTML(text, true))}`;
+          }
         }
       }
     });

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.0-beta.0",
+  "version": "0.37.0-beta.2",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "3facf68629164c0b9f01447ac73ae6da9324ca06"
+  "gitHead": "bc79e4f6f883b6a1f6f1a68482f5720945c6dcc0"
 }