[FR] TypeScriptReact syntax highlighting (tsx)

Currently, only .ts extensions get syntax highlighting, whereas .tsx files get none. Support for .tsx files is built into language-typescript, so it seems like this would be an easy one to add here https://github.com/refined-bitbucket/refined-bitbucket/blob/dev/src/syntax-highlight/language-ext.js#L65

Is adding support for .tsx as simple as adding '.tsx': 'language-typescript', after the line referenced above? And if so, would you accept a PR for this feature?

Thank you for this extension! We just started using it on our team and love it so far!

[atdrago]

If I have some time I’ll use that code sample to see if I can submit a PR to PrismJS to fix that.

Apologies, man! I read this and thought you wanted me to tell you how the TS highlighting could be improved. 🤭

I went back and checked again. I loaded the extension from your branch in one window, then opened a different window, disabled the extension from your branch and re-enabled the one from the store, then cleared my cache and loaded up a PR in that window. Refreshed a few times just to be sure, but your version is definitely an improvement and preferable over 3.5.0. It includes the fix I mentioned above with Component<ComponentProps>, and also added highlighting for elements within the JSX. You can see in the screenshots above that <React.Fragment> and <div> get highlighted. In 3.5.0, elements aren’t getting highlighted at all. (The issue I mentioned with <RadioPillBox above I think is actually because the attributes are not on the same line, but that’s neither here nor there. 🙃)

So, to answer your question, it looks like the new version of PrismJS is loaded correctly! Thanks again so much for your work on this! 😄

[atdrago]

Looks great, @reyronald! Thanks again! 😊