/yaml-grid-viewer

VSCode extension for viewing YAML files in a hierarchical grid format

Primary LanguageVueMIT LicenseMIT

yaml-grid-viewer

Inspired and cloned from dutchigor:json-grid-viewer, this extension allows you get a better overview of the content in a YAML file by showing it in a resizable grid.

  • Columns are resizable.
  • Each object and array is collapsed by default but can be expanded to see all contents
  • Arrays of objects show in a table format

Demo

demo

Usage

To open a yaml file in the grid viewer, right click the file, select Open With... > YAML Grid. The grid is read only but will display any changes made to the yaml file live, provided the yaml is valid.

To do:

  • Add editing capabilities
  • Take colours from the active theme

Build Extension

npm install
npm run build
npm run vscode:prepublish
vsce package

Note:

  • as of Node 20.5.1, consider "export NODE_OPTIONS=--openssl-legacy-provider" before run "npm build", to avoid "Error: error:0308010C:digital envelope routines::unsupported".
  • watchout .vscodeignore and use "vsce ls" to check files that will be included in the final package.