Support xml namespaces in JSX

[waderyan]

From @mstijak on October 14, 2016 6:29

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.

Copied from original issue: microsoft/vscode#13728

[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.

[waderyan]

From @mstijak on October 16, 2016 20:37

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).

react/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?

[waderyan]

From @dbaeumer on October 25, 2016 10:42

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

[waderyan]

From @mstijak on October 25, 2016 10:48

It looks like this: