Apply settings for TypescriptReact (TSX) the same way as for Typescript (TS)

[ShaiHulud2k]

Is there an easy way to treat TSX the same way as TS other than trying to just clone the Typescript settings for TSX in a custom language setting? I am sure there will be a better way, but I simply didn't find it.

Thanks

[aashishrajdev]

You shouldn't need a separate copy for TSX.

Out of the box, .tsx already uses the TypeScript comment rules. The extension maps .tsx to .ts internally (src/commentPatternAliases.json). Tags and regex.regex are global, so they apply to both as well.

If you've added a custom pattern in better-todo-tree.languages.customPatterns, one entry can cover both. List both language IDs and both extensions. That built-in alias isn't applied to custom entries, and matching tries the file extension first, so .tsx has to be listed explicitly:

"better-todo-tree.languages.customPatterns": [
  {
    "id": "typescript",
    "languageIds": ["typescript", "typescriptreact"],
    "extensions": [".ts", ".tsx"],
    "singleLineComments": ["//"],
    "multiLineComments": [{ "start": "/*", "middle": "*", "end": "*/" }]
  }
]

Swap in whatever delimiters you're actually using.

One heads-up: a VS Code language block like "[typescript][typescriptreact]": { "better-todo-tree.regex.regex": "..." } looks like it should work, since that setting is marked language-overridable. But the extension currently reads its settings by file URI without a language scope, so those overrides don't get picked up. Stick with customPatterns.