visual-studio-codesyntax-highlightingtmlanguage
How to syntax highlight nested items in VSCode tmlanguage.json?
How do I syntax highlight this part in the image below:
function foo input x, default 123 input y call z, x, y
Basically, anything nested inside something else, should be black, while the "parent" object should be some other color (gray ideally, but any other color). How do I tell it "pattern: [#terms.gray followed by #terms.black or #strings]" sort of thing?
I have this so far:
Given this grammar:
{
"$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
"name": "myscript",
"patterns": [
{
"include": "#terms"
},
{
"include": "#punctuations"
},
{
"include": "#strings"
},
{
"include": "#numbers"
},
{
"include": "#codes"
}
],
"repository": {
"codes": {
"patterns": [
{
"name": "constant.character.escape.language.myscript",
"match": "\\#\\w+"
}
]
},
"terms": {
"patterns": [
{
"name": "term.language.myscript",
"match": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*)"
}
]
},
"numbers": {
"patterns": [
{
"name": "constant.numeric.integer.myscript",
"match": "\\b(\\d+)\\b"
},
{
"name": "constant.numeric.decimal.myscript",
"match": "\\b(\\d+\\.\\d+)\\b"
}
]
},
"punctuations": {
"patterns": [
{
"name": "punctuation.separator.parameter.myscript",
"match": ","
},
{
"name": "punctuation.curly.open.myscript",
"match": "\\{"
},
{
"name": "punctuation.curly.close.myscript",
"match": "\\}"
}
]
},
"strings": {
"name": "template.myscript",
"begin": "\\<",
"beginCaptures": {
"0": {
"name": "string.quoted.other.myscript"
}
},
"end": "\\>",
"endCaptures": {
"0": {
"name": "string.quoted.other.myscript"
}
},
"patterns": [
{
"name": "constant.character.escape.myscript",
"match": "\\\\."
},
{
"include": "#codes"
},
{
"name": "punctuation.term.myscript",
"begin": "\\{",
"beginCaptures": {
"0": {
"name": "string.quoted.other.myscript"
}
},
"end": "\\}",
"endCaptures": {
"0": {
"name": "string.quoted.other.myscript"
}
},
"patterns": [
{
"include": "#terms"
},
{
"include": "#numbers"
},
{
"include": "#strings"
},
{
"include": "#punctuations"
},
{
"include": "#codes"
}
]
},
{
"name": "string.quoted.other",
"match": "[^\\#\\{\\}\\>]+"
}
]
}
},
"scopeName": "source.myscript"
}
I can start to do it like this:
"terms": {
"patterns": [
{
"name": "term.language.myscript",
"match": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*) ([a-z][a-z0-9]*(?:-[a-z0-9]+)*)",
"captures": {
"1": {
"name": "entity.name.function.myscript"
},
"2": {
"name": "term.language.myscript"
}
}
},
{
"name": "term.language.myscript",
"match": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*) (\\d+)",
"captures": {
"1": {
"name": "entity.name.function.myscript"
},
"2": {
"name": "constant.numeric.integer.myscript"
}
}
},
But it feels like a hack and I am duplicating the code everywhere.
Solution
This seems to be okay:
{
"$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
"name": "myscript",
"patterns": [
{
"include": "#nestedtermsexternal"
},
{
"include": "#nestedterms"
},
{
"include": "#terms"
},
{
"include": "#punctuations"
},
{
"include": "#strings"
},
{
"include": "#numbers"
},
{
"include": "#codes"
},
{
"include": "#comments"
}
],
"repository": {
"comments": {
"patterns": [
{
"name": "comment.line.number-sign.myscript",
"match": "\\# .+"
}
]
},
"codes": {
"patterns": [
{
"name": "constant.character.escape.language.myscript",
"match": "\\#\\w+"
}
]
},
"nestedtermsexternal": {
"patterns": [
{
"name": "entity.language.myscript",
"begin": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*) ",
"beginCaptures": {
"1": {
"name": "string.quoted.double.myscript"
}
},
"end": "[,\n]",
"patterns": [
{
"include": "#terms"
},
{
"include": "#strings"
},
{
"include": "#numbers"
},
{
"include": "#codes"
},
{
"include": "#comments"
}
]
}
]
},
"nestedterms": {
"patterns": [
{
"name": "term.language.myscript",
"begin": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*)(\\()",
"beginCaptures": {
"1": {
"name": "string.quoted.double.myscript"
},
"2": {
"name": "string.quoted.double.myscript"
}
},
"end": "\\)",
"endCaptures": {
"0": {
"name": "string.quoted.double.myscript"
}
},
"patterns": [
{
"include": "#comments"
},
{
"include": "#terms"
},
{
"include": "#strings"
},
{
"include": "#numbers"
},
{
"include": "#codes"
}
]
}
]
},
"terms": {
"patterns": [
{
"name": "term.language.myscript",
"match": "([a-z][a-z0-9]*(?:-[a-z0-9]+)*)"
}
]
},
"numbers": {
"patterns": [
{
"name": "constant.numeric.integer.myscript",
"match": "\\d+"
},
{
"name": "constant.numeric.decimal.myscript",
"match": "\\d+\\.\\d+"
}
]
},
"punctuations": {
"patterns": [
{
"name": "punctuation.separator.parameter.myscript",
"match": ","
},
{
"name": "punctuation.curly.open.myscript",
"match": "\\{"
},
{
"name": "punctuation.curly.close.myscript",
"match": "\\}"
}
]
},
"strings": {
"name": "template.myscript",
"begin": "\\<",
"beginCaptures": {
"0": {
"name": "entity.name.type.myscript"
}
},
"end": "\\>",
"endCaptures": {
"0": {
"name": "entity.name.type.myscript"
}
},
"patterns": [
{
"include": "#codes"
},
{
"name": "punctuation.term.myscript",
"begin": "\\{",
"beginCaptures": {
"0": {
"name": "entity.name.type.myscript"
}
},
"end": "\\}",
"endCaptures": {
"0": {
"name": "entity.name.type.myscript"
}
},
"patterns": [
{
"include": "#nestedterms"
},
{
"include": "#terms"
},
{
"include": "#numbers"
},
{
"include": "#strings"
},
{
"include": "#punctuations"
},
{
"include": "#codes"
}
]
},
{
"name": "entity.name.type",
"match": "[^\\#\\{\\}\\>]+"
},
{
"name": "entity.name.type",
"match": "\\#"
}
]
}
},
"scopeName": "source.myscript"
}
- Nodemon restart at every change, not at the saves
- How to update a GitHub access token via command line
- How can I setup vscode for Go project built with bazel?
- Error: This command is not available when running the Angular CLI outside a workspace
- How to fix C# Warning CA1416 in vscode?
- Maven: Multi repo workspace - Test Runner for Java VS Code not finding junit tests
- Tab autocomplete in Visual Studio Code doesn't work
- How to do this multi-line regex find-and-replace in VSC?
- VsCode Remote SSH .vscode-server taking up a lot of space
- Breadcrumb doesn't parse collection variable properties
- Can VSCode display a Markdown syntax preview pane?
- Vscode cant find my installed pip libraries. How can i get my pip libraries used in vscode on linux mint?
- Why vscode don't recognize my .git folder?
- Visual Studio Code search across files (find in files) is not working
- Quarto: Math figure labels disappear when embed-resources: true
- .net6 does not have quick fix running on ubuntu 20.04
- windows-subsystem-for-linux problem what is?
- How to automate a simple regex-find and replace
- How to remote debug with Delve debugger in Visual Studio Code
- How can I get Visual Studio Code to give correct highlighting to a custom type in a C / C++ project?
- How can I open a .md file in VS Code preview mode from terminal?
- What is this "chain" icon that appeared in the gutter of VS Code for me recently?
- Flutter assets error: EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE
- Can I share VSCode settings without committing settings.json to my repository?
- How can I toggle inlay hints in VS Code?
- How to set up devices for Visual Studio Code for a Flutter emulator
- Import "django.db.models" could not be resolved from source / py manage.py makemigrations No changes detected
- Keyboard shortcut to extract local variable in JS/TS in Visual Studio Code
- How to stop the CMake build panel from automatically opening in VS Code?
- GitHub Copilot not making suggestions in VS Code