babel-plugin-jsx-dom-expressions 0.31.0 → 0.31.9

package/index.js

@@ -466,7 +466,7 @@ function transformCondition(path, inline, deep) {
 }
 
 function escapeBackticks(value) {
-  return value.replaceAll("`", "\\`");
+  return value.replace(/`/g, "\\`");
 }
 
 function escapeHTML(s, attr) {
@@ -1150,26 +1150,7 @@ function transformChildren$2(path, results, config) {
           t__namespace.expressionStatement(
             t__namespace.callExpression(
               insert,
-              config.hydratable
-                ? [
-                    results.id,
-                    child.exprs[0],
-                    t__namespace.identifier("undefined"),
-                    t__namespace.callExpression(
-                      t__namespace.memberExpression(
-                        t__namespace.memberExpression(
-                          t__namespace.memberExpression(t__namespace.identifier("Array"), t__namespace.identifier("prototype")),
-                          t__namespace.identifier("slice")
-                        ),
-                        t__namespace.identifier("call")
-                      ),
-                      [
-                        t__namespace.memberExpression(results.id, t__namespace.identifier("childNodes")),
-                        t__namespace.numericLiteral(0)
-                      ]
-                    )
-                  ]
-                : [results.id, child.exprs[0]]
+              [results.id, child.exprs[0]]
             )
           )
         );
@@ -1498,12 +1479,14 @@ function transformElement$1(path, info) {
     };
   if (info.topLevel && config.hydratable) {
     results.template.push("");
-    results.templateValues.push(t__namespace.callExpression(registerImportMethod(path, "ssrHydrationKey"), []));
+    results.templateValues.push(
+      t__namespace.callExpression(registerImportMethod(path, "ssrHydrationKey"), [])
+    );
   }
   transformAttributes$1(path, results);
   appendToTemplate(results.template, ">");
   if (!voidTag) {
-    transformChildren$1(path, results, {...config, ...info});
+    transformChildren$1(path, results, { ...config, ...info });
     appendToTemplate(results.template, `</${tagName}>`);
   }
   return results;
@@ -1577,7 +1560,7 @@ function transformToObject(attrName, attributes, selectedAttributes) {
     const attr = selectedAttributes[i].node;
     const computed = !t__namespace.isValidIdentifier(attr.name.name.name);
     if (!computed) {
-      attr.name.name.type = 'Identifier';
+      attr.name.name.type = "Identifier";
     }
     properties.push(
       t__namespace.objectProperty(
@@ -1749,7 +1732,10 @@ function transformAttributes$1(path, results) {
                   ? p.value
                   : t__namespace.isTemplateLiteral(p.value) && p.value.expressions.length === 0
                   ? t__namespace.stringLiteral(escapeHTML(p.value.quasis[0].value.raw))
-                  : t__namespace.callExpression(registerImportMethod(path, "escape"), [p.value, t__namespace.booleanLiteral(true)])
+                  : t__namespace.callExpression(registerImportMethod(path, "escape"), [
+                      p.value,
+                      t__namespace.booleanLiteral(true)
+                    ])
               )
             );
             let res = props[0];
@@ -1758,7 +1744,9 @@ function transformAttributes$1(path, results) {
             }
             value.expression = res;
           } else {
-            value.expression = t__namespace.callExpression(registerImportMethod(path, "ssrStyle"), [value.expression]);
+            value.expression = t__namespace.callExpression(registerImportMethod(path, "ssrStyle"), [
+              value.expression
+            ]);
           }
           doEscape = false;
         }
@@ -1775,7 +1763,9 @@ function transformAttributes$1(path, results) {
               value.expression = values[0];
             } else value.expression = t__namespace.templateLiteral(quasis, values);
           } else {
-            value.expression = t__namespace.callExpression(registerImportMethod(path, "ssrClassList"), [value.expression]);
+            value.expression = t__namespace.callExpression(registerImportMethod(path, "ssrClassList"), [
+              value.expression
+            ]);
           }
           key = "class";
           doEscape = false;
@@ -1807,7 +1797,10 @@ function transformClasslistObject(path, expr, values, quasis) {
     let key = prop.key;
     if (t__namespace.isIdentifier(prop.key) && !prop.computed) key = t__namespace.stringLiteral(key.name);
     else if (prop.computed) {
-      key = t__namespace.callExpression(registerImportMethod(path, "escape"), [prop.key, t__namespace.booleanLiteral(true)]);
+      key = t__namespace.callExpression(registerImportMethod(path, "escape"), [
+        prop.key,
+        t__namespace.booleanLiteral(true)
+      ]);
     } else key = t__namespace.stringLiteral(escapeHTML(prop.key.value));
     if (t__namespace.isBooleanLiteral(prop.value)) {
       if (prop.value.value === true) {
@@ -1835,7 +1828,7 @@ function transformChildren$1(path, results, { hydratable }) {
   const doNotEscape = path.doNotEscape;
   const filteredChildren = filterChildren(path.get("children"));
   filteredChildren.forEach(node => {
-    if (t__namespace.isJSXElement(node.node) && (getTagName(node.node) === "head")) {
+    if (t__namespace.isJSXElement(node.node) && getTagName(node.node) === "head") {
       const child = transformNode(node, { doNotEscape, hydratable: false });
       registerImportMethod(path, "NoHydration");
       results.template.push("");
@@ -1854,6 +1847,7 @@ function transformChildren$1(path, results, { hydratable }) {
       return;
     }
     const child = transformNode(node, { doNotEscape });
+    if (!child) return;
     appendToTemplate(results.template, child.template);
     results.templateValues.push.apply(results.templateValues, child.templateValues || []);
     if (child.exprs.length) {
@@ -2217,7 +2211,7 @@ function convertComponentIdentifier(node) {
 
 function convertJSXIdentifier(node) {
   if (t__namespace.isJSXIdentifier(node)) {
-    if (t__namespace.isValidIdentifier(node.name, false)) {
+    if (t__namespace.isValidIdentifier(node.name)) {
       node.type = "Identifier";
     } else {
       return t__namespace.stringLiteral(node.name);
@@ -2645,8 +2639,8 @@ var config = {
 };
 
 var preprocess = (path, { opts })  => {
-  path.hub.file.metadata.config = Object.assign({}, config, opts);
-  const lib = config.requireImportSource;
+  const merged = path.hub.file.metadata.config = Object.assign({}, config, opts);
+  const lib = merged.requireImportSource;
   if (lib) {
     const comments = path.hub.file.ast.comments;
     for(let i = 0; i < comments.length; i++) {

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.31.0",
+  "version": "0.31.9",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -23,5 +23,5 @@
     "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "f6597dac2273ec022b8859ce868f6138b0c2a180"
+  "gitHead": "d6acdfaec8fd29efa9954a56f1f6d068b9b8e528"
 }