Git Product home page Git Product logo

docs-yaml's Introduction

Build Status

Docs YAML Extension

Provides Docs YAML support via yaml-language-server.

Schemas supported to validate

There are two types of files that we run schema validation against:

  1. For YAMLMime-based YAML files, we use the the YAMLMime to identify the schema to validate against according to our config. When schema files get updated, the extension will automatically pick up the latest version after a small latency (around 10 min). There is no need to reopen or reload the extension. When a new schema is added to this repository, we will to update the config and release a new version of the extension.

  2. For TOC files, there is no YAMLMime at the beginning of the file, so we use the filename to identify the schema. The file name is case-sensitive; toc.yml and TOC.yml will both be be validated against the TOC schema, but toc.yaml and other variations will not.

Features

  • The code intellisense is more intelligent now; the extension can provide the intellisense according to the schema structure, not just text mapping. To invoke intellisense, hit ctrl + space to view the list of schema options.
  • The extension can generate an input template for object (including required properties and optional properties with default value).
  • You can type a - and hit ctrl + space to trigger the intellisense for generating a new array item.

1. YAML validation

  • Apply schema validation according to the YAMLMime
  • Detects errors such as:
    • Invalid property value type
    • Out of enum scope
    • Required property is missing
    • Unexpected property

screencast

2. Auto completion

  • Generate input template for whole YAML file

For now, VS Code doesn't support auto-completion on a comment, so don't type # to get intellisense, just type YamlMime or YAMLMime type.

  • Generate input template for an object (if provided by schema)

Including required properties and optional properties with default value

  • Support properties intellisense (if provided by schema)
  • Enumerated property value recommendation (if provided by schema)

Intellisense is automatically triggered by what you have typed, but you can also hit Ctrl + Space to get what you can type.

screencast

3. Hover support

  • Hovering over a property shows description (if provided by schema)

screencast

Extra knowledge

YAMLMime

A YAML syntax to identify the mime type of this YAML document, which will decide the applied schema type, such as:

### YamlMime:Module
....
  • YAMLMime should be the first line
  • There are should be a space between triple # and case-sensitive YamlMime
  • There are should not be extra space between YamlMime, Mime-type and :

Developer support

Developing the client side

  1. Install prerequisites:
  2. Fork this repository.
  3. Build this project.
    # clone your forked repository
    $ git clone https://github.com/{your-github-name}/docs-yaml
    $ cd docs-yaml
    # install npm dependencies
    $ npm install
    # compile
    $ npm run compile
    # open the project in vscode
    $ code .
  4. Make changes as necessary and the run the code using F5. Refer to VS Code documentation on how to run and debug the extension.
  5. Create a pull-request to GitHub repository and we will review, merge it and publish new version extension regularly.

Contributing to schemas and snippets

Coming soon.

License

MIT

All contributions are welcome!

docs-yaml's People

Contributors

928pjy avatar adamdmsft avatar adunndevster avatar bharney0 avatar jamarw avatar lamebrain avatar microsoftopensource avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.