Azure Pipeline Studio

VS Code extension and CLI tool for formatting and expanding Azure DevOps YAML pipelines with complete expression support.

Features

Template Expansion: Expand pipelines with shared templates and repository resources
Expression Evaluation: All 33 Azure DevOps expression functions (${{ }}, $[], $())
Advanced Formatting: Customizable indentation, line width, array formatting, native comment preservation
Modern YAML Parser: Uses yaml package (v2.x) with full comment support
CLI & Pre-commit: Batch processing, recursive formatting, git hook integration
Side-by-Side View: Inspect rendered YAML while editing source
Repository Mapping: Configure local paths for template resolution

Installation

VS Code Extension:

code --install-extension azure-pipeline-studio-1.0.0.vsix

CLI (Standalone):

# Already bundled - use extension-bundle.js directly
node extension-bundle.js --help

Pre-commit Hook:

# .pre-commit-config.yaml
repos:
  - repo: https://github.com/HPInc/azure-pipeline-studio.git
    rev: v1.0.0
    hooks:
      - id: azure-pipeline-formatter

Quick Start

VS Code

Open a .yml/.yaml pipeline file
Right-click → Azure Pipeline Studio → Format YAML or Show Rendered YAML
Configure repository paths via Configure Resource Locations

CLI

# Format file in-place
node extension-bundle.js pipeline.yml

# Format with options
node extension-bundle.js pipeline.yml -f indent=4 -f noArrayIndent=false

# Recursive format
node extension-bundle.js -R ./pipelines -f indent=4

# With output file
node extension-bundle.js pipeline.yml -o formatted.yml

# Map repository templates
node extension-bundle.js pipeline.yml -r templates=../shared-templates

Pre-commit

pip install pre-commit
pre-commit install
pre-commit run azure-pipeline-formatter --all-files

VS Code Configuration

Format Settings:

azurePipelineStudio.format.indent (1-8, default: 2)
azurePipelineStudio.format.noArrayIndent (boolean, default: true)
azurePipelineStudio.format.lineWidth (number, default: 0)
azurePipelineStudio.format.stepSpacing (boolean, default: true)
azurePipelineStudio.format.firstBlockBlankLines (0-4, default: 2)
azurePipelineStudio.format.blankLinesBetweenSections (0-4, default: 1)

Repository Locations:

{
  "azurePipelineStudio.resourceLocations": [
    {"repository": "templates", "location": "${workspaceFolder}/../shared"}
  ]
}

Commands

All commands are available via:

Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
Right-click context menu → Azure Pipeline Studio

Available commands:

Azure Pipeline Studio: Format YAML - Format the current file in-place
Azure Pipeline Studio: Show Rendered YAML - Expand templates and expressions
Azure Pipeline Studio: Configure Resource Locations - Set up repository paths

Configuration

Formatting Options

Configure YAML formatting via VS Code settings (File → Preferences → Settings):

azurePipelineStudio.format.indent - Number of spaces for indentation, 1-8 (default: 2)
azurePipelineStudio.format.lineWidth - Preferred line width, 0 to disable wrapping (default: 0)
azurePipelineStudio.format.noArrayIndent - Remove indentation for array items (default: true)
azurePipelineStudio.format.stepSpacing - Add blank lines between steps/stages/jobs (default: true)
azurePipelineStudio.format.firstBlockBlankLines - Blank lines before main sections (steps/stages/jobs), 0-4 (default: 2)
azurePipelineStudio.format.blankLinesBetweenSections - Blank lines between root sections (trigger/variables/resources/etc), 0-4 (default: 1)
azurePipelineStudio.format.forceQuotes - Force double quotes on all strings (default: false)
azurePipelineStudio.format.sortKeys - Sort object keys alphabetically (default: false)
azurePipelineStudio.refreshOnSave - Auto-refresh rendered YAML view when source file is saved (default: true)

Resource Locations

azurePipelineStudio.resourceLocations - Array of repository mappings with repository, location, and optional match criteria (name, endpoint, ref, type)

Command Line Interface

Format and expand pipelines from the command line:

## CLI Options

**Help:** `-h, --help`

**Output:** `-o, --output <file>` (single file only)

**Repository:** `-r, --repo <alias=path>`

**Format:** `-f, --format-option <key=value>` (repeatable)
- `indent=<1-8>` (default: 2)
- `noArrayIndent=<true|false>` (default: true)
- `lineWidth=<number>` (default: 0)
- `stepSpacing=<true|false>` (default: true)
- `firstBlockBlankLines=<0-4>` (default: 2)
- `blankLinesBetweenSections=<0-4>` (default: 1)
- `forceQuotes=<true|false>` (default: false)
- `sortKeys=<true|false>` (default: false)

**Recursive:** `-R, --format-recursive <path>`, `-e, --extension <ext>`

### Examples

```bash
# Multiple options
node extension-bundle.js pipeline.yml -f indent=4 -f lineWidth=120

# Recursive with custom extensions
node extension-bundle.js -R ./ci -e .azure -e .ado -f indent=4


### CLI Options

**Help:**
- `-h, --help` - Show help message

**Output:**
- `-o, --output <file>` - Write to output file (only with single input file)

**Repository mapping:**
- `-r, --repo <alias=path>` - Map repository alias to local directory

**Format options:**
- `-f, --format-option <key=value>` - Set format option (can be repeated)
  - `indent=<1-8>` - Indentation spaces (default: 2)
  - `noArrayIndent=<true|false>` - Remove array indentation (default: true)
  - `lineWidth=<number>` - Line width, 0 to disable (default: 0)
  - `stepSpacing=<true|false>` - Blank lines between steps/stages/jobs (default: true)
  - `firstBlockBlankLines=<0-4>` - Blank lines before main sections (default: 2)
  - `blankLinesBetweenSections=<0-4>` - Blank lines between root sections (default: 1)
  - `forceQuotes=<true|false>` - Force quotes on strings (default: false)
  - `sortKeys=<true|false>` - Sort object keys (default: false)

**Recursive formatting:**
- `-R, --format-recursive <path>` - Format all files in directory tree
- `-e, --extension <ext>` - File extensions to format (default: .yml, .yaml)

### Examples

```bash
# Show help
node extension-bundle.js -h

# Format with 4-space indentation
node extension-bundle.js pipeline.yml -f indent=4

# Multiple format options
node extension-bundle.js pipeline.yml -f indent=4 -f noArrayIndent=false -f lineWidth=120

# Expand with repository mapping
node extension-bundle.js azure-pipelines.yml -r templates=../shared-templates -o expanded.yml

# Format recursively with custom options
node extension-bundle.js -R ./pipelines -f indent=4 -f stepSpacing=false

# Include additional file types
node extension-bundle.js -R ./ci -e .azure -e .ado

# Format multiple files at once
node extension-bundle.js file1.yml file2.yml file3.yml -f indent=4

Pre-commit Hook

Automatically format YAML files before commit. Uses 282KB standalone bundle with auto Node.js installation.

Setup:

# .pre-commit-config.yaml
repos:
  - repo: https://github.com/HPInc/azure-pipeline-studio.git
    rev: v1.0.0
    hooks:
      - id: azure-pipeline-formatter
        args: [-R, ., -f, indent=4]  # Optional: customize format

Install:

pip install pre-commit && pre-commit install
pre-commit run azure-pipeline-formatter --all-files

Expression Support

Complete support for all 33 Azure DevOps expression functions across compile-time (${{ }}), runtime ($[]), and variable ($()) expressions.

Function Categories:

Comparison (6): eq, ne, gt, ge, lt, le
Logical (4): and, or, not, xor
Containment (5): coalesce, contains, containsValue, in, notIn
String (10): lower, upper, startsWith, endsWith, trim, replace, split, join, format, length
Conversion (3): convertToJson, counter, iif
Job Status (5): always, canceled, failed, succeeded, succeededOrFailed

See Microsoft's Expression Documentation for details.

File Directives

Control formatting per file using special comments in the first 5 lines:

Disable formatting:

# ado-yaml-format=false

Custom options:

# ado-yaml-format indent=4,lineWidth=120,newline=\r\n

Supported Options:

indent - Spaces per level (1-8)
lineWidth - Max line width (0 to disable)
newline - Line ending (\n, \r\n, or crlf)
noArrayIndent - Remove array indentation (true/false)
stepSpacing - Add blank lines between steps/stages/jobs (true/false)
sectionSpacing - Enable section spacing (uses blankLinesBetweenSections) (true/false)
forceQuotes - Force double quotes on all strings (true/false)
sortKeys - Sort object keys alphabetically (true/false)
preserveComments - Keep inline comments (true/false)
normalizePaths - Normalize file paths (true/false)
expandTemplates - Expand template files (true/false)

Rules:

Must appear in first 5 lines
One directive per file (first match wins)
Options are comma-separated with no spaces around =
Use escape sequences for newlines: \n, \r\n, \r

Note: firstBlockBlankLines and blankLinesBetweenSections are only available in VS Code settings and CLI, not in file directives. Use sectionSpacing=true in file directives to enable section spacing with default values.

Testing

Run the comprehensive test suite:

./test.sh              # All tests with progress indicators
./test.sh --quick      # Fast YAML parsing tests only
./test.sh --verbose    # Detailed output for debugging

Test Coverage: 57 tests covering YAML parsing, formatting, expressions, and edge cases.

See TESTING.md for detailed documentation.

Requirements

VS Code: 1.64 or newer
Node.js: Required for CLI usage (version 14+)

Known Limitations

ANTLR grammar may report syntax errors on some edge cases (doesn't affect template expansion)
Runtime expressions ($[]) are recognized but not evaluated
Some advanced Azure DevOps features may not be fully supported

Contributing

Issues and pull requests are welcome! Please report any bugs or feature requests on the GitHub repository.

License

MIT

Credits

Built with:

yaml - Modern YAML parser with comment preservation
ANTLR4 - Parser generator
jsep - JavaScript expression parser

Azure Pipeline Studio

Reny Paul

Azure Pipeline Studio

Features

Installation

Quick Start

VS Code

CLI

Pre-commit

VS Code Configuration

Commands

Configuration

Formatting Options

Resource Locations

Command Line Interface

Pre-commit Hook

Expression Support

File Directives

Testing

Requirements

Known Limitations

Contributing

License

Credits