Support for React/Typescript React

"inlineFold.supportedLanguages": [
  "html",
  "svelte",
  "react",
  "javascript react",
  "typescript react",
  "javascript",
  "js",
  "tsx",
  "jsx",
  "ts"
],,
"inlineFold.regex": "className=\".+?(?=\")",

These are settings I’ve tried to achieve className folding in .tsx files.

I’m not sure it is not supported yet or I haven’t do it right.

[moalamri]

Worked perfectly! I wished to find information like this in the docs even nicer if it comes with regex settings.

Good to hear that 😃 Sure I’ll update the docs with some common regex examples also more descriptive settings.

One more question before this will be closed, how can i use regex to select ` (backtick) or { (open curly bracket) after className

That’s why I asked for the code because the regex I gave worked only for double quotes className. Try this https://regex101.com/r/RkCWEk/1 and if you mean { and ` could come together? I’m not really familiar with reactjs, but if so then I guess it’s also achievable https://regex101.com/r/NuDLoF/1 Both use the default group number: 2

[moalamri]

Add typescriptreact to the languages list.

The extension uses languageId as because a language could have more than one file extension & aliases

Here’s a list of known languages Known language identifiers