Skip to content

CompN3rd/ADOExt

Repository files navigation

πŸš€ ADOExt β€” Azure DevOps for VS Code

A full-featured Azure DevOps integration for Visual Studio Code, bringing the power of ADO directly into your editor. Manage work items, pull requests, builds, and team collaborationβ€”all without leaving VS Code.

UI Preview

Pull request details panel

PR details and review workflow directly in VS Code.

Changelog

See CHANGELOG.md for the full release history.


✨ Key Features

πŸ“‹ Work Item Management

Work item details panel

  • Detailed work item editing, discussion, and linked build context in one panel.

  • Browse & Filter β€” View work items assigned to you, created by you, or across your entire portfolio

  • Multi-Org Aggregation β€” Work items aggregate seamlessly across selected organizations and projects, grouped by project and state

  • Regex Filtering & Sorting β€” Filter work items by regex pattern (ID, title) and sort by name or creation date; buttons in the Work Items view header

  • Rich Details Panel β€” One-click to open full work item details in a dedicated webview panel

    • Edit title, description, state, priority, assignee, area path, iteration, and tags
    • View and participate in discussion comments
    • See work item history and linked items
    • Open in browser anytime for advanced ADO features
  • ADO-Style Icons β€” Custom icons for bugs, tasks, epics, features, stories, PBIs, and issues

  • State Changes β€” Change work item state directly from the sidebar

🎯 Create Work Items from Your Code

Create work item from code context

  • Turn TODOs and code selections into tracked work with captured editor context.

  • From Selection β€” Highlight text in the editor and run ADOExt: Create Work Item from Selection to create a new work item with your selected text as the title

  • From TODO Comments β€” VS Code code action (πŸ’‘) appears on TODO comments; click to create a work item directly from the comment

  • File Context β€” Work items automatically include the source file path and context lines for quick reference

πŸ” Smart Code Completions

Smart code completions for work items and mentions

  • Autocomplete work item references and teammate mentions while typing in code, markdown, and commits.

  • Work Item References β€” Type # or AB# in markdown, plaintext, or git commits to see IntelliSense completions for recent work items

    • Shows work item ID, title, type, and state
    • Filter by typing ID digits or title keywords
    • Works with both #123 and AB#123 reference formats
  • Team Mentions β€” Type @ to autocomplete team member names from your project

    • Quickly mention colleagues in descriptions, comments, and commit messages
    • Filters by display name and email prefix

🎨 Hover Cards for ADO References

Hover cards for work item and pull request references

  • Get instant work item and PR context from inline references, with direct action links.

  • Work Item Hovers β€” Hover over AB#123 or #123 references in any open file to see a rich detail card

    • Shows title, type, state, assignee, and project scope
    • Quick actions: Open in Browser, View Details panel
  • Pull Request Hovers β€” Hover over PR #123, PR!123, or !123 to see PR details

    • Shows title, status, repository, and author
    • Quick link to open in browser
  • Smart Scope Resolution β€” Hovers work across multi-project setups; when ambiguous, shows the matched scope

βœ… Pull Request Management

Pull request management view

  • Review threads, checks, test results, and merge actions in one focused PR workspace.

  • Browse PRs β€” View active pull requests (yours, created, assigned to you, all) aggregated across organizations/projects

  • Regex Filtering & Sorting β€” Filter PRs by regex pattern (ID, title) and sort by title or creation date; buttons in the Pull Requests view header

  • Inline Review β€” Expand PRs in the tree to see all comment threads; reply, resolve, or reopen directly from the sidebar

  • Rich PR Details Panel β€” One-click to see full PR information, discussions, and reviewer status

  • Familiar Review UX β€” The pull request review flow is inspired by the GitHub Pull Requests and Issues extension for VS Code, adapted for Azure DevOps workflows

  • Native Diff Editor β€” Review changes in VS Code's native multi-diff editor (same UX as GitHub PR extension)

    • All changed files visible at once
    • Inline PR comments in the gutter
    • Add new line comments with the + affordance
  • Checked-Out Branch β€” After running "Checkout Pull Request Branch", existing PR threads light up in your regular editor

  • Smart Notifications β€” Toast notifications for new PR comments; configure poll frequency and notification types

  • PR Queries & Buckets β€” Organize PRs by review state (Waiting for My Review, Created by Me, All Open) or save custom queries

πŸ“¦ Backlog, Sprints & Boards

Backlog planning view

  • Planning views with fast filtering, state updates, and assignee-aware workflow.

  • Hierarchical Backlog β€” View parent/child work item relationships in a collapsible tree

  • Sprint Planning β€” Browse work grouped by sprint/iteration with drag-and-drop reordering

  • Regex Filtering & Sorting β€” Filter and sort items in Backlog and Sprint views by regex pattern or name/date (controls in the editor view toolbar)

  • Assigned-to-Me Planning Filter β€” Toggle Backlog/Sprint/Board trees between all items and items assigned to you

  • Board View β€” See work organized by state columns (To Do, In Progress, Done, etc.)

  • Editor Views β€” Open Backlog and Board editor views for wider planning layouts

  • State Changes β€” Update work item state from planning views; sidebar automatically refreshes

  • Linked Details β€” Open any work item from planning views in the shared details panel

πŸ” Multi-Account & Multi-Organization

Multi-account and multi-organization setup

  • Select multiple accounts, organizations, and project scopes for aggregated cross-team workflows.

  • Built-in Auth β€” Uses VS Code's Microsoft authentication (no manual token management)

  • Multiple Accounts β€” Sign in with multiple Microsoft accounts and switch seamlessly

  • Organization Picker β€” Select one or multiple organizations or all orgs in your account

  • Project Picker β€” Choose projects per organization or select all projects

  • Smart Aggregation β€” All views (work items, PRs) automatically aggregate across your selection

πŸ—οΈ Build & Integration

Pipeline run details panel

  • Pipeline run diagnostics, timeline details, and quick actions without leaving the editor.

  • Build Summaries β€” Lightweight build status cards in PR and work item detail panels

  • Pipelines View β€” Browse recent Azure Pipelines runs across selected scopes; filter/group runs, inspect timeline details, open step logs from the tree or details timeline in VS Code, and open artifacts

  • MCP Server β€” Official Azure DevOps MCP integration with shared configuration and auth options

  • Azure Boards Integration β€” Full WIQL query support for advanced filtering and bulk operations


πŸ“₯ Installation

From VS Code Marketplace:

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "ADOExt"
  4. Click Install

From Source:

git clone https://github.com/CompN3rd/ADOExt
cd ADOExt
npm install
npm run compile
code --install-extension ./adoext-<version>.vsix

πŸš€ Quick Start

1. Sign In

  • Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  • Run ADOExt: Sign In
  • Authenticate with your Microsoft account

2. Select Organization

  • Run ADOExt: Select Organization
  • Choose your Azure DevOps organization(s)

3. Select Projects

  • Run ADOExt: Select Project
  • Choose project(s) to work with

4. Explore the Sidebar

  • Work Items β€” Browse assigned, created, and all work items
  • Pull Requests β€” View PRs organized by bucket (Waiting for Review, Created by Me, All Open)
  • Backlog β€” Hierarchical view of all work
  • Sprints β€” Current and future sprint planning
  • Boards β€” Kanban-style board view
  • Pipelines β€” Recent CI/CD runs across your selected scopes

βš™οΈ Configuration

Open VS Code Settings (Ctrl+, / Cmd+,) and search for adoext to customize:

Setting Description Default
adoext.notifyOnNewPullRequestComments Show toast when PRs get new comments true
adoext.pullRequestCommentPollIntervalSeconds How often to check for new PR comments 60
adoext.workItemQueries Custom saved work item query filters (defaults)
adoext.pullRequestQueries Custom saved PR query filters (defaults)
adoext.projectsByOrganization Multi-org project selection {}

πŸ”Œ MCP Server Integration

ADOExt integrates with the official Microsoft Azure DevOps MCP server (@azure-devops/mcp).

Use ADOExt: Copy MCP Server Configuration to generate a ready-to-paste .vscode/mcp.json entry for interactive auth, bearer token (ADO_MCP_AUTH_TOKEN), or PAT (PERSONAL_ACCESS_TOKEN) setups.


🎯 Commands

Command Shortcut Purpose
ADOExt: Sign In β€” Authenticate with Microsoft
ADOExt: Select Organization β€” Choose organization(s)
ADOExt: Select Project β€” Choose project(s)
ADOExt: Create Work Item β€” Create a new work item interactively
ADOExt: Create Work Item from Selection β€” Create work item from highlighted text
ADOExt: Create Work Item from TODO β€” Scan active file for TODO comments
ADOExt: Open Saved Query β€” Browse and open saved work item queries
ADOExt: Refresh Work Items β€” Manually refresh work items tree
ADOExt: Refresh Pull Requests β€” Manually refresh PR tree
ADOExt: Checkout Pull Request Branch β€” Check out a PR branch locally

πŸ“‹ Requirements

  • VS Code 1.101.0 or later
  • Git (for PR branch checkout)
  • Azure DevOps Account with at least read access to your organization
  • Microsoft Authentication in VS Code (built-in; uses existing sign-in)

🀝 Contributing

We welcome contributions! Please feel free to open issues or pull requests on GitHub.

Development Setup

git clone https://github.com/CompN3rd/ADOExt
cd ADOExt
npm install
npm run compile      # Build extension TypeScript and webview bundles
npm run watch        # Watch extension TypeScript
npm run watch:webviews # Watch bundled webview assets
code .               # Open in VS Code for testing

πŸ“ License

This extension is open source and available under the MIT License.


πŸ› Feedback & Support

Found a bug or have a feature request? Open an issue on GitHub.

Happy coding! πŸŽ‰

About

Azure Devops Extension for VS Code

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors