Improve VSCode extension

[HerringtonDarkholme]

State of Art

• VsCode search
• https://codeque.co/get-started#vscode
• /~https://github.com/quasilyte/vscode-gogrep
• /~https://github.com/cshuaimin/ssr.nvim

Feature List

• Single File Search
• Project Files Search
• Replace preview
• Replace All
• Include/Exclude files
• Toggle Context Line
• YAML mode
• Debug on Playground

[HerringtonDarkholme]

microsoft/vscode#98098
microsoft/vscode#97190
microsoft/vscode#73524
microsoft/vscode#59921

[pd4d10]

VSCode seems only support JSON schema validation.

For YAML, we probably need third-party extensions, such as /~https://github.com/redhat-developer/vscode-yaml

[pd4d10]

Figured out a way to get YAML intelliSense:

1. Install VSCode YAML extension
2. Add config below to .vscode/settings.json

   {
     // ...
     "yaml.schemas": {
       "https://raw.githubusercontent.com/ast-grep/ast-grep/main/schema/project.json": "sgconfig.yml"
     }
   }

The schema needs to be accessible via URL, another PR here: ast-grep/ast-grep#543

It's a little verbose, but would work.

[HerringtonDarkholme]

@pd4d10 looks like yaml language server is a better choice. /~https://github.com/redhat-developer/yaml-language-server

[HerringtonDarkholme]

Hi @pd4d10, I also added rule schema in /~https://github.com/ast-grep/ast-grep/blob/main/schemas/rule.json

[HerringtonDarkholme]

tree view source code
/~https://github.com/microsoft/vscode/blob/983a3bc0aecfc0772dd7b37919d7da36c89a6f2d/src/vs/workbench/browser/parts/views/treeView.ts

[HerringtonDarkholme]

tree view css
/~https://github.com/microsoft/vscode/blob/983a3bc0aecfc0772dd7b37919d7da36c89a6f2d/src/vs/workbench/browser/parts/views/media/views.css#L4

[HerringtonDarkholme]