<p dir="auto"><em>From <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/prencher/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/prencher">@prencher</a> on December 3, 2015 20:0</em></p>
<p dir="auto">When formatting the following snippet:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ReactDOM.render(
    &lt;Router history={createHistory() }&gt;
        &lt;Route path='/' component={App}&gt;
            &lt;IndexRoute component={SplashView} /&gt;
            &lt;Route path='home' component={HomeView} /&gt;
            &lt;Route path='chat' component={ChatView} /&gt;
            &lt;Route path='/chat/:contact' component={ChatView} /&gt;
        &lt;/Route&gt;
    &lt;/Router&gt;,
    document.getElementById('app')
);"><pre class="notranslate"><code class="notranslate">ReactDOM.render(
    &lt;Router history={createHistory() }&gt;
        &lt;Route path='/' component={App}&gt;
            &lt;IndexRoute component={SplashView} /&gt;
            &lt;Route path='home' component={HomeView} /&gt;
            &lt;Route path='chat' component={ChatView} /&gt;
            &lt;Route path='/chat/:contact' component={ChatView} /&gt;
        &lt;/Route&gt;
    &lt;/Router&gt;,
    document.getElementById('app')
);
</code></pre></div>
<p dir="auto">The closing tags are not properly unindented, and outputs the following:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ReactDOM.render(
    &lt;Router history={createHistory() }&gt;
        &lt;Route path='/' component={App}&gt;
            &lt;IndexRoute component={SplashView} /&gt;
            &lt;Route path='home' component={HomeView} /&gt;
            &lt;Route path='chat' component={ChatView} /&gt;
            &lt;Route path='/chat/:contact' component={ChatView} /&gt;
            &lt;/Route&gt;
        &lt;/Router&gt;,
    document.getElementById('app')
);"><pre class="notranslate"><code class="notranslate">ReactDOM.render(
    &lt;Router history={createHistory() }&gt;
        &lt;Route path='/' component={App}&gt;
            &lt;IndexRoute component={SplashView} /&gt;
            &lt;Route path='home' component={HomeView} /&gt;
            &lt;Route path='chat' component={ChatView} /&gt;
            &lt;Route path='/chat/:contact' component={ChatView} /&gt;
            &lt;/Route&gt;
        &lt;/Router&gt;,
    document.getElementById('app')
);
</code></pre></div>
<p dir="auto"><em>Copied from original issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="120257039" data-permission-text="Title is private" data-url="https://github.com/microsoft/vscode/issues/985" data-hovercard-type="issue" data-hovercard-url="/microsoft/vscode/issues/985/hovercard" href="https://github.com/microsoft/vscode/issues/985">microsoft/vscode#985</a></em></p>
<p dir="auto">Right now formatting is supported or not right.</p>
<p dir="auto">As you see below it just removes all indentation from JSX, i would prefer that we leave jsx code out of formatting if can't be supported right now, this makes formatting completely useless in TSX files.</p>
<p dir="auto">If i understand this correctly then typescript has formatting capability and which is being used by atom-typescript in the sample below.</p>
<p dir="auto">Original Code<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/249478/8654236/22de6136-2957-11e5-9fb9-5b7c6f7c4f4c.png"><img src="https://cloud.githubusercontent.com/assets/249478/8654236/22de6136-2957-11e5-9fb9-5b7c6f7c4f4c.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Formatted Code<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/249478/8654255/3a4026c0-2957-11e5-8129-ee7b64856fc3.png"><img src="https://cloud.githubusercontent.com/assets/249478/8654255/3a4026c0-2957-11e5-8129-ee7b64856fc3.png" alt="image" style="max-width: 100%;"></a></p>