Support for JSX?

[myitcv]

JSX support has landed:

microsoft/TypeScript#3564

Any plans to support that here?

Thanks

[vvakame]

@myitcv tsfmt use typescript that are installed at the same time.
please check this sample https://gist.github.com/vvakame/9a6459464258c7de63f9

[myitcv]

Thanks, I think I've tracked down the problem. Confirmed that JSX formatting is working, except (for some reason) for the following:

/// <reference path="typings/tsd.d.ts" />

import React = require("react");

function test(): any {
    return <span>This is a test</span>;
}

produces:

/// <reference path="typings/tsd.d.ts" />

import React = require("react");

function test(): any {
    return <span>This is a test< /span>;
}

Notice the problematic < /span>.

The former compiles, the latter does not:

$ ./node_modules/.bin/tsc --jsx react --module system test.tsx
test.tsx(6,34): error TS1003: Identifier expected.
test.tsx(6,35): error TS1005: '>' expected.
test.tsx(9,1): error TS17002: Expected corresponding JSX closing tag for 'span'.

So this is probably a TypeScript core thing?

[vvakame]

yes. typescript-formatter depends to TypeScript core.
typescript-formatter can consume code same as tsc command.
I'm not JSX user. but I think < /span> is broken syntax.

[myitcv]

Thanks. I'll raise this as an issue over there and cc you

[myitcv]

Reference microsoft/TypeScript#4127

[myitcv]

@vvakame - please see microsoft/TypeScript#4127 (comment)

[myitcv]

I've just raised #19 to flesh out a fix for this

[vvakame]

typescript-formatter 1.0.0 support jsx maybe i think so...

[myitcv]

It does, thanks