Skip to content
main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

vscode-sanity

Extension for Visual Studio Code that makes developing applications for Sanity.io that much more awesome.

Features

GROQ syntax highlighting

Syntax highlighting for the GROQ query language is available in the following situations:

  • Files with the .groq extension
  • Fenced code blocks in Markdown with the groq tag
  • Tagged template literals with the groq tag
  • Template literals prefixed with the /* groq */ comment
  • Template literals starting with a // groq comment

Execute GROQ-queries

When GROQ-queries are detected, the extension will allow you to run the query and displays the result as JSON in a separate tab.

The project ID and dataset used is determined by finding the nearest sanity.json.

If the GROQ file/query has any variables, then extension asks for a relative filename of a JSON-file containing an object of key-value mappings. It autofills the param filename based on the current file with a .json extension, if it exists.

Execute GROQ in VS Code

Usage

Install the VSCode Sanity.io Extension. This extension adds syntax highlighting for GROQ-files and groq tags.

Development

  1. Clone the repository - https://github.com/sanity-io/vscode-sanity
  2. npm install
  3. Open it in VSCode
  4. Go to the debugging section and run the launch program "Extension"
  5. This will open another VSCode instance with extension enabled
  6. Open a file that should be syntax highlighted
  7. Make changes to the extension code, then press (Ctrl+R or Cmd+R on Mac) in the syntax highlighted file to test the changes

License

MIT

About

Visual Studio Code extension for developing applications powered by Sanity.io

Resources

Packages

No packages published