DevLoops

An offline-capable Visual Studio Code extension designed to integrate seamlessly with Azure DevOps Cloud and On-Premise Server. Manage pull requests, track work items, perform code reviews, and add inline comments directly inside the native VS Code editor.

Key Features

1. Connection & Secure Authentication

• Supports secure authentication using Personal Access Tokens (PAT) (Microsoft Entra login coming soon).
• Secure credential management using VS Code's native SecretStorage API (keeps tokens encrypted on the operating system keyring).

2. Active Tree Explorer Sidebar

• Prepend the current active connection's Project name at the root of the explorer panel.
• Pull Requests Tree:
  • Assigned to Me
  • Waiting for Review
  • Create Pull Request: Click the + inline button next to the "Pull Requests" root node to open a creation form, auto-detecting the active Git branch and remote branches (placing main/master first). Includes a search-and-add Reviewers capsule input.
• Work Items Tree:
  • Organizes assigned work items dynamically into categories: New, To Do, In Progress, and Committed.
  • Scoped dynamically to the logged-in user (@me macro).
  • Background polling updates the tree data automatically every 5 minutes.
  • Create Work Item: Click the + inline button next to the "Work Items" root node to create Tasks or Bugs, with sprint iterations scoped to Backlog, Current Sprint, and up to 5 future sprints, plus a tag capsule control.

3. Pipelines Dashboard & Log Diagnostics

• Displays the top 25 recent build runs with status indicators.
• Expand run nodes to trace timeline steps.
• Click step nodes to load raw execution log output directly in a native, read-only VS Code text tab via a custom azdev-log: scheme.

4. Rich Pull Request Details Webview

• Display metadata including title, status, description, branch mappings (source_branch -> target_branch), and assignees.
• Vote Split Button: A consolidated Approve button with a dropdown options menu to:
  • Approve
  • Approve with Suggestions
  • Waiting for Author
  • Reject
• Displays the Repository Name prominently at the top header of the details view.
• General discussions section to post comments and track replies.

5. Interactive Code Review Diff Editor

• Clicking files within the PR list opens the native side-by-side VS Code Diff Editor (works fully offline/intranet—no external CDN references or Cloudflare requirements).
• Uses a virtual azdev-file: URI scheme to download and resolve base and modified versions from Azure DevOps Server dynamically.

6. Inline Diff Commenting & Thread Management

• Hover and select the + margin line icon on any line of the diff editor.
• Directly enter and submit review comments.
• Supports replies to existing threads, fully synced back to the Azure DevOps Server discussion API.
• Interaction Options: Like/unlike comments, edit or delete comments with warning prompts, and resolve thread status transitions (Active, Resolved, Pending, Won't Fix, etc.) inline.

7. Work Item View & Transitions

• View work item titles, descriptions, assignments, area paths, and iteration paths.
• Transition state dropdown (e.g. from To Do to In Progress) with a Save State action that updates the on-premises database and refreshes the tree sidebar.
• Discussions and comments support (with project-level routing for on-premises compatibility).

Configuration & Usage

1. Open the VS Code Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
2. Run Azure DevOps: Configure Connection.
3. Follow the wizard steps:
   • Enter your Server Url (e.g., https://devops.company.local or https://dev.azure.com/organization).
   • Specify Collection, Project, and Api Version (default 5.1).
   • Input your Personal Access Token (PAT) when prompted.
4. The sidebar will initialize and load your items. Click any PR ID or Work Item ID to open details panels.