Indent jsx

Author: nojaf

compiler/syntax/src/res_printer.ml

@@ -2098,6 +2098,7 @@ and print_value_binding ~state ~rec_flag (vb : Parsetree.value_binding) cmt_tbl
           | {pexp_desc = Pexp_newtype _} -> false
           | {pexp_attributes = [({Location.txt = "res.taggedTemplate"}, _)]} ->
             false
+          | {pexp_desc = Pexp_jsx_fragment _} -> true
           | e ->
             ParsetreeViewer.has_attributes e.pexp_attributes
             || ParsetreeViewer.is_array_access e)

tests/syntax_tests/data/printer/comments/expected/jsx.res.txt

@@ -65,7 +65,8 @@ module Cite = {
   React.string("Hello, World!")}
 </div>
 
-let x = <>
-  {a}
-  {b}
-</>
+let x =
+  <>
+    {a}
+    {b}
+  </>

tests/syntax_tests/data/printer/expr/expected/jsx.res.txt

@@ -99,27 +99,28 @@ let nav3 =
     </NavContent>
   </Nav>
 
-let avatarSection = <>
-  <div style={{"zIndex": "1", "opacity": opacityUser}}>
-    <Avatar user={user} size={45} />
-  </div>
-  {user.email !== viewer.email
-    ? <div
-        style={{
-          "marginLeft": marginLeft + "em",
-          "opacity": opacityAdmin,
-          "zIndex": "0",
-          "cursor": "pointer",
-        }}
-        onMouseEnter={_ => setHoveringAdmin(true)}
-        onMouseLeave={_ => setHoveringAdmin(false)}
-        onClick={_e => {
-          stopImpersonating(csrfToken)
-        }}>
-        <Avatar user={viewer} size={45} />
-      </div>
-    : React.nullElement}
-</>
+let avatarSection =
+  <>
+    <div style={{"zIndex": "1", "opacity": opacityUser}}>
+      <Avatar user={user} size={45} />
+    </div>
+    {user.email !== viewer.email
+      ? <div
+          style={{
+            "marginLeft": marginLeft + "em",
+            "opacity": opacityAdmin,
+            "zIndex": "0",
+            "cursor": "pointer",
+          }}
+          onMouseEnter={_ => setHoveringAdmin(true)}
+          onMouseLeave={_ => setHoveringAdmin(false)}
+          onClick={_e => {
+            stopImpersonating(csrfToken)
+          }}>
+          <Avatar user={viewer} size={45} />
+        </div>
+      : React.nullElement}
+  </>
 
 let x = <> </>
 
@@ -436,9 +437,10 @@ let x = <C> ...{() => msg->React.string} </C>
 
 let x = <C> ...{array->Array.map(React.string)} </C>
 
-let x = <>
-  {array->Array.map(React.string)}
-</>
+let x =
+  <>
+    {array->Array.map(React.string)}
+  </>
 
 let x = {
   let _ = <div />
@@ -451,9 +453,10 @@ let x = {
 }
 
 let x = {
-  let _ = <>
-    {children}
-  </>
+  let _ =
+    <>
+      {children}
+    </>
   msg->React.string
 }