Support xml namespaces in JSX

[mstijak]

Visual Studio Code reports syntax errors if namespaces are used inside JSX.

Namespaces are not supported by React (babel-plugin-transform-react-jsx),
but Babel correctly parses them (babel-plugin-syntax-jsx).

Is this something that should be added directly to VSCode or an extension would be a better choice?

WebStorm and Sublime Text do not have this problem.

[waderyan]

@mstijak thank you for opening this issue. Would you mind sharing a simple code example? I believe this is an issue for the JavaScript language service.

[mstijak]

I'm developing a framework which offers advanced data-binding options. It's a non-standard use case, but namespaces provide a very convenient syntax.

This is how you declare a two-way data binding:

<NumberField value:bind="person.height" />

You can see the full example here:
http://cx.codaxy.com/fiddle/?f=luv00Rpw

Also, I noticed that of the leading React developers is considering using react namespace to distinguish React-related attributes from everything else (e.g. react:key).

facebook/jsx#66

[waderyan]

@mstijak very cool! I don't believe this is supported through an extension today. This may be a good candidate for a PR on the JavaScript language service or an extensibility point for the language service.

@mhegazy and @dbaeumer can you advise @mstijak on what he can do here?

[dbaeumer]

@waderyan this needs to be done by the tsserver since according to @mstijak we report an syntax error here.

[mstijak]

It looks like this:

[waderyan]

This issue was moved to microsoft/TypeScript#11833