babel-plugin-jsx-dom-expressions 0.36.0 → 0.36.2

package/index.js

@@ -600,6 +600,8 @@ function canNativeSpread(key, { checkNameSpaces } = {}) {
   return true;
 }
 
+const alwaysClose = ["a", "table", "b", "strong", "small", "i", "em"];
+
 const BlockElements = [
   "address",
   "article",
@@ -685,9 +687,10 @@ function transformElement$3(path, info) {
   }
   results.template += ">";
   if (!voidTag) {
+    // always close tags can still be skipped if they have no parents and are the last element
     const toBeClosed = !info.lastElement || (info.toBeClosed && info.toBeClosed.includes(tagName));
     if (toBeClosed) {
-      results.toBeClosed = info.toBeClosed || [];
+      results.toBeClosed = info.toBeClosed || [...alwaysClose];
       results.toBeClosed.push(tagName);
       if (tagName === "a") results.toBeClosed.push(...BlockElements);
     }
@@ -1279,11 +1282,11 @@ function transformAttributes$2(path, results) {
   results.hasHydratableEvent = results.hasHydratableEvent || hasHydratableEvent;
 }
 
-function findLastElement(children) {
+function findLastElement(children, hydratable) {
   let lastElement = -1, tagName;
   for (let i = children.length - 1; i >= 0; i--) {
     const node = children[i].node;
-    if (t__namespace.isJSXText(node) || getStaticExpression(children[i]) || (t__namespace.isJSXElement(node) && (tagName = getTagName(node)) && !isComponent(tagName))) {
+    if (hydratable || t__namespace.isJSXText(node) || getStaticExpression(children[i]) || (t__namespace.isJSXElement(node) && (tagName = getTagName(node)) && !isComponent(tagName))) {
       lastElement = i;
       break;
     }
@@ -1297,7 +1300,7 @@ function transformChildren$2(path, results, config) {
     nextPlaceholder,
     i = 0;
   const filteredChildren = filterChildren(path.get("children")),
-    lastElement = findLastElement(filteredChildren),
+    lastElement = findLastElement(filteredChildren, config.hydratable),
     childNodes = filteredChildren.reduce((memo, child, index) => {
       if (child.isJSXFragment()) {
         throw new Error(

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.36.0",
+  "version": "0.36.2",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "05dd73bfadd2bb1b7369764d0d1196f5dc276493"
+  "gitHead": "af84575bb87dbb1e403cb79b2b0a55348d295237"
 }