babel-plugin-jsx-dom-expressions 0.37.21 → 0.37.23

package/index.js

@@ -773,6 +773,7 @@ const alwaysClose = [
   "select",
   "iframe",
   "script",
+  "noscript",
   "template",
   "fieldset"
 ];
@@ -782,7 +783,7 @@ function transformElement$3(path, info) {
     config = getConfig(path),
     wrapSVG = info.topLevel && tagName != "svg" && SVGElements.has(tagName),
     voidTag = VoidElements.indexOf(tagName) > -1,
-    isCustomElement = tagName.indexOf("-") > -1,
+    isCustomElement = tagName.indexOf("-") > -1 || !!path.get("openingElement").get("attributes").find(a => a.node.name?.name === "is"),
     results = {
       template: `<${tagName}`,
       declarations: [],
@@ -833,7 +834,7 @@ function transformElement$3(path, info) {
       results.toBeClosed.add(tagName);
       if (InlineElements.includes(tagName)) BlockElements.forEach(i => results.toBeClosed.add(i));
     } else results.toBeClosed = info.toBeClosed;
-    transformChildren$2(path, results, config);
+    if (tagName !== "noscript") transformChildren$2(path, results, config);
     if (toBeClosed) results.template += `</${tagName}>`;
   }
   if (info.topLevel && config.hydratable && results.hasHydratableEvent) {
@@ -3304,7 +3305,8 @@ function transformComponent(path) {
               );
             } else if (
               t__namespace.isCallExpression(value.expression) &&
-              t__namespace.isArrowFunctionExpression(value.expression.callee)
+              t__namespace.isArrowFunctionExpression(value.expression.callee) &&
+              value.expression.callee.params.length === 0
             ) {
               const callee = value.expression.callee;
               const body = t__namespace.isBlockStatement(callee.body)
@@ -3495,11 +3497,18 @@ function transformThis(path) {
   return node => {
     if (thisId) {
       if (!parent || parent.block.type === "ClassMethod") {
-        const stmt = path.getStatementParent();
         const decl = t__namespace.variableDeclaration("const", [
           t__namespace.variableDeclarator(thisId, t__namespace.thisExpression())
         ]);
-        stmt.insertBefore(decl);
+        if (parent) {
+          const stmt = path.getStatementParent();
+          stmt.insertBefore(decl);
+        } else {
+          return t__namespace.callExpression(
+            t__namespace.arrowFunctionExpression([], t__namespace.blockStatement([decl, t__namespace.returnStatement(node)])),
+            []
+          );
+        }
       } else {
         parent.push({
           id: thisId,

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.21",
+  "version": "0.37.23",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "38ad815b0c610b936ad140ed5c230afe4419d3b7"
+  "gitHead": "77a306e89d44a11b3e5254810ebc1d2cbae92838"
 }