@putout/printer 18.37.1 → 18.38.0

package/ChangeLog

@@ -1,3 +1,13 @@
+2026.07.15, v18.38.0
+
+feature:
+- 9965a02b @putout/printer: jsx: inside call
+
+2026.07.14, v18.37.2
+
+feature:
+- 47afbbf6 @putou/printer: member-expression: chain: simplify
+
 2026.07.14, v18.37.1
 
 feature:

package/lib/tokenize/expressions/logical-expression/chain.js

@@ -20,6 +20,12 @@ export const chain = (path) => {
     ];
 };
 
+function isPartOfSameChain(current) {
+    const {operator} = current.node;
+    
+    return operator === '||' || operator === '&&';
+}
+
 function down(current) {
     let count = 0;
     
@@ -32,9 +38,7 @@ function down(current) {
         
         current = current.get('left');
         
-        const {operator} = current.node;
-        
-        if (operator !== '||' && operator !== '&&')
+        if (!isPartOfSameChain(current))
             break;
     } while (current.isLogicalExpression());
     

package/lib/tokenize/expressions/member-expression/chain.js

@@ -1,4 +1,5 @@
 import {types} from '@putout/babel';
+import {createTypeChecker} from '#type-checker';
 import {hasTrailingComment} from '#is';
 
 const {
@@ -8,21 +9,13 @@ const {
 
 const {assign} = Object;
 
-const isCallee = (call, member) => {
-    if (!isCallExpression(call))
-        return false;
-    
-    return call.node.callee === member.node;
-};
-
 export const chain = (path) => {
-    const all = [
+    const properties = [
         ...down(path),
         ...up(path),
     ];
     
-    const properties = all.slice(0, -1);
-    const root = all.at(-1);
+    const root = properties.pop();
     
     return [root, properties];
 };
@@ -33,13 +26,8 @@ function down(path) {
     let current = path.get('object');
     
     while (!current.isIdentifier()) {
-        const isFn = current.isCallExpression();
-        const prop = build(current);
-        
-        if (isFn)
-            current = current.get('callee');
-        
-        properties.unshift(prop);
+        properties.unshift(buildProperty(current));
+        current = stepIntoCallee(current);
         
         if (!current.isMemberExpression())
             break;
@@ -50,38 +38,54 @@ function down(path) {
     return properties;
 }
 
+function stepIntoCallee(current) {
+    if (current.isCallExpression())
+        return current.get('callee');
+    
+    return current;
+}
+
 function up(current) {
     const properties = [];
     
     while (current.isMemberExpression()) {
         if (hasTrailingComment(current.get('object')))
-            properties.push({
-                type: 'CommentLine',
-            });
-        
-        const member = current;
-        current = current.parentPath;
+            properties.push(commentProperty());
         
-        if (isCallee(current, member)) {
-            properties.push(build(current));
-            current = current.parentPath;
-        }
+        current = stepOutOfChain(current, properties);
         
         if (!isMemberExpression(current))
             break;
     }
     
-    properties.push({
-        type: current.type,
-    });
+    properties.push(rootProperty(current));
     
     return properties;
 }
 
-function build(path) {
-    const {type} = path;
+function stepOutOfChain(member, properties) {
+    const parent = member.parentPath;
+    
+    if (!isMemberOwnCallee(member))
+        return parent;
+    
+    properties.push(buildProperty(parent));
+    
+    return parent.parentPath;
+}
+
+function isPathOwnCallee({node, parentPath}) {
+    return node === parentPath.node.callee;
+}
+
+const isMemberOwnCallee = createTypeChecker([
+    ['-: parentPath -> !CallExpression'],
+    ['+', isPathOwnCallee],
+]);
+
+function buildProperty(path) {
     const prop = {
-        type,
+        type: path.type,
     };
     
     if (isCallExpression(path)) {
@@ -100,3 +104,10 @@ function build(path) {
     return prop;
 }
 
+const commentProperty = () => ({
+    type: 'CommentLine',
+});
+
+const rootProperty = (path) => ({
+    type: path.type,
+});

package/lib/tokenize/jsx/indent.js

@@ -6,6 +6,7 @@ const {isFunction} = types;
 export const isNeedIndent = createTypeChecker([
     ['-', hasComplexAttribute],
     ['+: parentPath -> JSXElement'],
+    ['+: parentPath -> CallExpression'],
     ['-: parentPath.parentPath -> !CallExpression'],
     ['+: parentPath -> ArrowFunctionExpression'],
 ]);

package/lib/tokenize/jsx/jsx-element.js

@@ -17,6 +17,7 @@ const condition = createTypeChecker([
 const {
     isJSXElement,
     isArrowFunctionExpression,
+    isCallExpression,
 } = types;
 
 const isInsideArrow = ({parentPath}) => isArrowFunctionExpression(parentPath);
@@ -36,15 +37,19 @@ export const JSXElement = {
         }
     },
     print(path, {print, traverse, maybe}) {
+        const {parentPath} = path;
         const needIndent = isNeedIndent(path);
+        const parentCall = isCallExpression(parentPath);
+        
         maybe.indent.inc(needIndent);
+        maybe.print.breakline(parentCall);
         
         print('__openingElement');
         path.get('children').map(traverse);
-        
         print('__closingElement');
         
         maybe.indent.dec(needIndent);
+        maybe.print.breakline(parentCall);
     },
     after(path, {write, indent, maybe}) {
         const {leadingComments} = path.node;
@@ -61,3 +66,4 @@ export const JSXElement = {
         maybe.write(!leadingComments?.length, ')');
     },
 };
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@putout/printer",
-  "version": "18.37.1",
+  "version": "18.38.0",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "Simplest possible opinionated Babel AST printer for 🐊Putout",