@putout/printer 1.29.0 → 1.31.0

package/ChangeLog

@@ -1,3 +1,13 @@
+2023.04.10, v1.31.0
+
+feature:
+- f80319e @putout/printer: add support of JSXAttribute
+
+2023.04.10, v1.30.0
+
+feature:
+- 27b22b3 @putout/printer: add support of JSXElement
+
 2023.04.07, v1.29.0
 
 feature:

package/lib/tokenize/expressions/functions.js

@@ -1,13 +1,15 @@
 'use strict';
 
 const {hasPrevNewline} = require('../mark');
-const isFirst = (path) => !path
-    .getPrevSibling().node;
+const isFirst = (path) => !path.getPrevSibling().node;
 
 module.exports.FunctionExpression = (path, {print, maybe, write, traverse}) => {
     const {node} = path;
     
-    const {generator, async} = node;
+    const {
+        generator,
+        async,
+    } = node;
     
     maybe.print(async, 'async ');
     print('function');

package/lib/tokenize/expressions/object-expression.js

@@ -3,13 +3,8 @@
 const {isCoupleLines} = require('../is');
 const {isFunction} = require('@babel/types');
 const isBodyOfArrow = (path) => path.parentPath.node.body === path.node;
-
-const isLogical = (path) => path
-    .get('argument').isLogicalExpression();
-
-const isValue = (path) => path
-    .get('properties.0.value').node;
-
+const isLogical = (path) => path.get('argument').isLogicalExpression();
+const isValue = (path) => path.get('properties.0.value').node;
 const isIf = (path) => path.parentPath.parentPath.isIfStatement();
 const isParentExpression = (path) => path.parentPath.isExpressionStatement();
 

package/lib/tokenize/jsx/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+const {JSXElement} = require('./jsx-element');
+
+module.exports = {
+    JSXElement,
+    JSXOpeningElement(path, {print}) {
+        print('<');
+        print('__name');
+        
+        for (const attr of path.get('attributes')) {
+            print.space();
+            print(attr);
+        }
+        
+        print('>');
+    },
+    JSXAttribute(path, {print}) {
+        print('__name');
+        print('=');
+        print('__value');
+    },
+    JSXIdentifier(path, {write}) {
+        write(path.node.name);
+    },
+    JSXText(path, {write}) {
+        write(path.node.value);
+    },
+    JSXClosingElement(path, {print}) {
+        print('</');
+        print('__name');
+        print('>');
+    },
+};

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

@@ -0,0 +1,25 @@
+'use strict';
+
+module.exports.JSXElement = {
+    condition,
+    before(path, {write, indent}) {
+        write('(');
+        write.breakline();
+        indent();
+        indent.inc();
+    },
+    print(path, {print, traverse}) {
+        print('__openingElement');
+        path.get('children').map(traverse);
+        print('__closingElement');
+    },
+    after(path, {write, indent}) {
+        indent.dec();
+        write.breakline();
+        write(')');
+    },
+};
+
+function condition(path) {
+    return path.parentPath.isReturnStatement();
+}

package/lib/tokenize/maybe.js

@@ -27,10 +27,11 @@ function objectPlugin(plugin, path, printer) {
     const {
         print,
         split,
+        condition,
         before = split,
-        beforeIf,
+        beforeIf = condition,
         after = split,
-        afterIf,
+        afterIf = condition,
     } = plugin;
     
     if (beforeIf?.(path, printer)) {

package/lib/tokenize/statements/if-statement.js

@@ -6,9 +6,7 @@ const {
 } = require('../mark');
 
 const {isFirst} = require('../is');
-
-const isEmptyConsequent = (path) => path
-    .get('consequent').isEmptyStatement();
+const isEmptyConsequent = (path) => path.get('consequent').isEmptyStatement();
 
 module.exports.IfStatement = {
     before: (path, {print}) => {

package/lib/tokenize/tokenize.js

@@ -8,6 +8,7 @@ const expressions = require('./expressions');
 const statements = require('./statements');
 const literals = require('./literals');
 const typescript = require('./typescript');
+const jsx = require('./jsx');
 const {TYPES} = require('../types');
 
 const {
@@ -38,6 +39,7 @@ const traversers = {
     ...statements,
     ...literals,
     ...typescript,
+    ...jsx,
 };
 
 const GET = '__';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@putout/printer",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "type": "commonjs",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "Easiest possible opinionated Babel AST printer made with ❤️  to use in 🐊Putout",