Native support of TSX

[vadimkantorov]

What is the problem this feature will solve?

It will simplify a lot the life of novices to web-dev ecosystem to have simpler support for running server-side rendering using TSX

My usecase: simple server-side rendering of Lexical JSON's https://github.com/vadimkantorov/lexical-cli-render from CLI. Currently I had to use ts-node, because Node did not support importing custom controls defined in TSX.

Discussed it in https://github.com/orgs/nodejs/discussions/57070

What is the feature you are proposing to solve the problem?

It appears that SWC (used by Amaro under the hood) already has support for TSX: https://swc.rs/blog/swc-1#typescript-support

But it seems disabled by Node: https://nodejs.org/api/typescript.html#determining-module-system

I assume that deciding on TSX support should also correlate somehow with decisions on JSX:

• JSX Support #56822

In this linked issue the main blocker seems to be design of running various code transformations. I hope it does not block the feature, as even streamlining some basic usecases would be of great help to novices.

What alternatives have you considered?

No response

[ljharb]

I think this is mostly a duplicate of #56822, because that’s the hard part here.

[vadimkantorov]

My take on this issue would be at least shipping a bunch of official loaders to make using tsx with nodejs more streamlined and well-tested (even if for time being the user must explicitly specify the required loader), even without waiting for the proper design of configuring transformations

[arthurfiorette]

TSX is the coexistence of JSX and TS in the same file. And should not interference with each other. As soon as TS support is complete, JSX seems an obvious next step, but before finishing TS, it does not make sense.

TSX support will be the consequence of both TS and JSX support.

Seems duplicate of #56822.

[vadimkantorov]

(If needed, please free to close this issue as duplicate)

[marco-ippolito]

And we have a loader for tsx https://www.npmjs.com/package/@nodejs-loaders/tsx

[vadimkantorov]

I've tried using it but it did not like the tsx being imported from a ts file. Maybe it can be made work, but I didn't succeed and rolled back to ts-node :(

My code is at https://github.com/vadimkantorov/lexical-cli-render